@property --color--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radius--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--info {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --shadow--std {
  syntax: "*";
  inherits: true;
  initial-value: initial;
}
@property --color--brand {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--danger {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --shadow--small {
  syntax: "*";
  inherits: true;
  initial-value: initial;
}
@property --color--success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--warning {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--on-brand {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--body {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--regular {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--focus-ring {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--brand-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--brand-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--page-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size--section-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size--subsection-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}

  :host, :root {
  --color--bg: #F8FAFC;
  --radius--lg: .875rem;
  --color--info: #0284C7;
  --color--text: #0F172A;
  --shadow--std: 0 10px 25px rgba(15,23,42,.18);
  --color--brand: #2563EB;
  --color--border: #E2E8F0;
  --color--danger: #DC2626;
  --shadow--small: 0 5px 13px rgba(15,23,42,.18);
  --color--success: #16A34A;
  --color--surface: #FFFFFF;
  --color--warning: #D97706;
  --color--on-brand: #FFFFFF;
  --font-size--body: 1rem;
  --radius--regular: .5rem;
  --font-size--small: .875rem;
  --color--focus-ring: rgba(37,99,235,.35);
  --color--text-muted: #64748B;
  --font-size--xsmall: .75rem;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: #DBEAFE;
  --color--surface-muted: #F1F5F9;
  --font-size--page-title: 2rem;
  --font-size--section-title: 1.5rem;
  --font-size--subsection-title: 1.25rem;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --color--bg: #0B1220;
  --color--info: #0284C7;
  --color--text: #E5E7EB;
  --shadow--std: 0 12px 30px rgba(0,0,0,.45);
  --color--brand: #2563EB;
  --color--border: rgba(226,232,240,.14);
  --color--danger: #DC2626;
  --shadow--small: 0 6px 15px rgba(0,0,0,.45);
  --color--success: #16A34A;
  --color--surface: #101b32;
  --color--warning: #D97706;
  --color--focus-ring: rgba(147,197,253,.28);
  --color--text-muted: #94A3B8;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: rgba(37,99,235,.18);
  --color--surface-muted: #0a111f;
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --color--bg: #F8FAFC;
  --radius--lg: .875rem;
  --color--info: #0284C7;
  --color--text: #0F172A;
  --shadow--std: 0 10px 25px rgba(15,23,42,.18);
  --color--brand: #2563EB;
  --color--border: #E2E8F0;
  --color--danger: #DC2626;
  --shadow--small: 0 5px 13px rgba(15,23,42,.18);
  --color--success: #16A34A;
  --color--surface: #FFFFFF;
  --color--warning: #D97706;
  --color--on-brand: #FFFFFF;
  --font-size--body: 1rem;
  --radius--regular: .5rem;
  --font-size--small: .875rem;
  --color--focus-ring: rgba(37,99,235,.35);
  --color--text-muted: #64748B;
  --font-size--xsmall: .75rem;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: #DBEAFE;
  --color--surface-muted: #F1F5F9;
  --font-size--page-title: 2rem;
  --font-size--section-title: 1.5rem;
  --font-size--subsection-title: 1.25rem;
}
    }
  [data-nc-theme~="nc-dark"] {
  --color--bg: #0B1220;
  --color--info: #0284C7;
  --color--text: #E5E7EB;
  --shadow--std: 0 12px 30px rgba(0,0,0,.45);
  --color--brand: #2563EB;
  --color--border: rgba(226,232,240,.14);
  --color--danger: #DC2626;
  --shadow--small: 0 6px 15px rgba(0,0,0,.45);
  --color--success: #16A34A;
  --color--surface: #101b32;
  --color--warning: #D97706;
  --color--focus-ring: rgba(147,197,253,.28);
  --color--text-muted: #94A3B8;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: rgba(37,99,235,.18);
  --color--surface-muted: #0a111f;
}
[data-nc-theme~="nc-light"] {
  --color--bg: #F8FAFC;
  --radius--lg: .875rem;
  --color--info: #0284C7;
  --color--text: #0F172A;
  --shadow--std: 0 10px 25px rgba(15,23,42,.18);
  --color--brand: #2563EB;
  --color--border: #E2E8F0;
  --color--danger: #DC2626;
  --shadow--small: 0 5px 13px rgba(15,23,42,.18);
  --color--success: #16A34A;
  --color--surface: #FFFFFF;
  --color--warning: #D97706;
  --color--on-brand: #FFFFFF;
  --font-size--body: 1rem;
  --radius--regular: .5rem;
  --font-size--small: .875rem;
  --color--focus-ring: rgba(37,99,235,.35);
  --color--text-muted: #64748B;
  --font-size--xsmall: .75rem;
  --color--brand-hover: #1D4ED8;
  --color--brand-subtle: #DBEAFE;
  --color--surface-muted: #F1F5F9;
  --font-size--page-title: 2rem;
  --font-size--section-title: 1.5rem;
  --font-size--subsection-title: 1.25rem;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .bdIrOH {
      color:var(--color--text);
      height:100dvh;
      display:flex;
      background:var(--color--bg);
      flex-direction:row;
    }

    .ceLMid {
      width:3rem;
      height:3rem;
      background:var(--color--brand);
      border-top-left-radius:var(--radius--regular);
      border-top-right-radius:var(--radius--regular);
      border-bottom-left-radius:var(--radius--regular);
      border-bottom-right-radius:var(--radius--regular);
    }

    .bdpyZ {
      color:var(--color--text-muted);
      font-size:var(--font-size--small);
      text-align:center;
      font-weight:600;
      line-height:1.4;
    }

    .ctZwMj {
      flex:1;
      display:flex;
      align-items:flex-start;
      flex-direction:column;
      justify-content:space-between;
    }

    .feqzMW {
      flex:1;
      display:flex;
      background:var(--color--bg);
      align-items:center;
      padding-top:2rem;
      padding-bottom:2rem;
      justify-content:flex-start;
    }

    .eATgmW {
      color:var(--color--text);
      font-size:var(--font-size--page-title);
      font-weight:800;
      padding-bottom:2rem;
    }

    .bbWsJn {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      padding-bottom:2rem;
      justify-content:flex-start;
    }

    .fmVeo {
      align-items:flex-start;
      justify-content:flex-start;
    }

    .flSxSc {
      flex:1;
      width:100%;
      display:flex;
      max-width:1560px;
      overflow-y:scroll;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .fiRzVC {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      margin-top:auto;
    }

    .fqJvRZ {
      width:260px;
      height:100dvh;
      background:var(--color--surface);
      padding-top:2rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:2rem;
      border-right-color:var(--color--border);
      border-right-style:solid;
      border-right-width:1px;
    }

    .reviews\:root {
      text-overflow:ellipsis;
    }

    .Pocyi {
      color:var(--color--text-muted);
      font-size:var(--font-size--small);
      padding-bottom:.5rem;
    }

    .cunVWw {
      display:flex;
      row-gap:.8rem;
      column-gap:.8rem;
      flex-direction:row;
    }

    .dIkoCB {
      color:var(--color--on-brand);
      width:fit-content;
      font-size:var(--font-size--small);
      background:var(--color--brand);
      box-shadow:var(--shadow--small);
      font-weight:600;
      padding-top:.75rem;
      padding-left:1.6rem;
      padding-right:1.6rem;
      padding-bottom:.75rem;
      border-top-left-radius:.875rem;
      border-top-right-radius:.875rem;
      border-bottom-left-radius:.875rem;
      border-bottom-right-radius:.875rem;
    }

    .dIkoCB:hover {
      cursor:pointer;
      background:var(--color--brand-hover);
    }

    .dIkoCB.disabled {
      color:var(--color--text-muted);
      cursor:not-allowed;
      background:var(--color--surface-muted);
      box-shadow:0px 0px 0px 0px #00000020;
      font-weight:400;
    }

    .edoUtW {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      padding-top:1rem;
      border-color:var(--color--border);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:var(--radius--lg);
      border-top-right-radius:var(--radius--lg);
      border-bottom-left-radius:var(--radius--lg);
      border-bottom-right-radius:var(--radius--lg);
    }

    .Dtskw {
      color:var(--color--text-muted);
      font-size:var(--font-size--small);
      font-weight:600;
    }

    .lBNVd {
      flex:0;
      display:flex;
      background:var(--color--surface);
      box-shadow:var(--shadow--std);
      padding-top:1rem;
      border-color:var(--color--border);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:var(--radius--lg);
      border-top-right-radius:var(--radius--lg);
      border-bottom-left-radius:var(--radius--lg);
      border-bottom-right-radius:var(--radius--lg);
    }

    .dejNMF {
      display:flex;
      row-gap:2rem;
      column-gap:2rem;
    }

    .dYXRDx {
      color:var(--color--brand);
      font-size:var(--font-size--section-title);
      font-weight:700;
      padding-bottom:1.5rem;
    }

    .GFnMB {
      display:flex;
      align-items:center;
      padding-top:0.5rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:flex-start;
      border-bottom-color:var(--color--border);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .GFnMB:hover {
      cursor:pointer;
      background:var(--color--surface-muted);
    }

    .GFnMB.is_header {
      color:var(--color--text-muted);
      font-size:.75rem;
      font-weight:600;
      border-bottom-color:var(--color--border);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .GFnMB.is_header:hover {
      background:inherit;
    }

    .GFnMB.is_overdue {
      color:var(--color--danger);
    }

    .cgxBQG {
      width:12%;
      text-align:center;
    }

    .cYKKtG {
      color:var(--color--brand);
      width:3%;
      font-size:var(--font-size--small);
      text-align:center;
    }

    .djQgTO {
      width:55%;
      display:inline;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .cDwDOF {
      width:15%;
    }

    .cxzxyz {
      width:13%;
      text-align:center;
    }

    .cnIoZt {
      display:flex;
      row-gap:0.8rem;
      column-gap:0.8rem;
      align-items:flex-start;
      flex-direction:row;
      justify-content:space-between;
    }

    .bPZuVd {
      display:flex;
      align-items:flex-start;
      padding-top:0.5rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:flex-start;
      border-bottom-color:var(--color--border);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .bPZuVd:hover {
      background:var(--color--surface-muted);
    }

    .bPZuVd.is_header {
      color:var(--color--text-muted);
      font-size:.75rem;
      font-weight:600;
      border-bottom-color:var(--color--border);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .bPZuVd.is_header:hover {
      background:inherit;
    }

    .bYSVQX {
      width:20%;
    }

    .bpVxQ {
      color:var(--color--brand);
      width:5%;
      font-size:var(--font-size--small);
      text-align:center;
    }

    .cXQvab {
      width:30%;
      display:inline;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .doEHRS {
      width:30%;
    }

    .bcYuyL {
      color:var(--color--text-muted);
      font-size:var(--font-size--small);
      font-weight:500;
      padding-bottom:.5rem;
    }

    .ccczKg {
      display:flex;
      row-gap:2rem;
      column-gap:2rem;
      flex-direction:row;
    }

    .ezLShD {
      flex:1;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
    }