@property --Brand--card {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Brand--ring {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Brand--muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Brand--accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Brand--border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 18px;
}
@property --font-size--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 14px;
}
@property --Brand--primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Sidebar--muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 24px;
}
@property --Sidebar--accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Sidebar--border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 16px;
}
@property --Brand--secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Sidebar--primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Brand--background {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Brand--foreground {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-family--text {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: system-ui;
}
@property --font-weight--bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --Brand--destructive {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Card--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight--light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --Custom-Tokens--info {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Custom-Tokens--sage {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Sidebar--background {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Sidebar--foreground {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Custom-Tokens--slate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-family--heading {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-weight--regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --Brand--card-foreground {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Custom-Tokens--success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Custom-Tokens--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Custom-Tokens--warning {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight--semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --Brand--muted-foreground {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Brand--accent-foreground {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Brand--primary-foreground {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Brand--secondary-foreground {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}

  :host, :root {
  --Brand--card: #FFFFFF;
  --Brand--ring: #469174;
  --Brand--muted: #EBEFED;
  --Brand--accent: #D7E6DF;
  --Brand--border: #DCE2E8;
  --font-size--lg: 1.125rem;
  --font-size--sm: 0.875rem;
  --Brand--primary: #469174;
  --Sidebar--muted: #5F6F80;
  --font-size--2xl: 1.5rem;
  --Sidebar--accent: #2A3441;
  --Sidebar--border: #2A3441;
  --font-size--base: 1rem;
  --Brand--secondary: #E7EBF0;
  --Sidebar--primary: #52A885;
  --Brand--background: #F5F7F6;
  --Brand--foreground: #1D2630;
  --font-family--text: system-ui;
  --font-weight--bold: 700;
  --Brand--destructive: #DD2C2C;
  --Card--border-color: #E2E8F0;
  --font-weight--light: 300;
  --Custom-Tokens--info: #2A86E6;
  --Custom-Tokens--sage: #469174;
  --Sidebar--background: #1D2630;
  --Sidebar--foreground: #D2D9E0;
  --Custom-Tokens--slate: #3F516B;
  --font-family--heading: "Inter";
  --font-weight--regular: 400;
  --Brand--card-foreground: #1D2630;
  --Custom-Tokens--success: #2FA36A;
  --Custom-Tokens--surface: #F5F7F6;
  --Custom-Tokens--warning: #F2A400;
  --font-weight--semi-bold: 600;
  --Brand--muted-foreground: #6F7C8A;
  --Brand--accent-foreground: #2E5F4C;
  --Brand--primary-foreground: #FFFFFF;
  --Brand--secondary-foreground: #2F3B49;
}
  
  @media (prefers-color-scheme: light) {
      :host, :root {
  --Custom-Tokens--sage: #D7E6DF;
  --Custom-Tokens--slate: #6F7C8A;
  --Custom-Tokens--surface: #FFFFFF;
}
    }
  [data-nc-theme~="Default"] {
  --Brand--card: #FFFFFF;
  --Brand--ring: #469174;
  --Brand--muted: #EBEFED;
  --Brand--accent: #D7E6DF;
  --Brand--border: #DCE2E8;
  --font-size--lg: 1.125rem;
  --font-size--sm: 0.875rem;
  --Brand--primary: #469174;
  --Sidebar--muted: #5F6F80;
  --font-size--2xl: 1.5rem;
  --Sidebar--accent: #2A3441;
  --Sidebar--border: #2A3441;
  --font-size--base: 1rem;
  --Brand--secondary: #E7EBF0;
  --Sidebar--primary: #52A885;
  --Brand--background: #F5F7F6;
  --Brand--foreground: #1D2630;
  --font-family--text: system-ui;
  --font-weight--bold: 700;
  --Brand--destructive: #DD2C2C;
  --Card--border-color: #E2E8F0;
  --font-weight--light: 300;
  --Custom-Tokens--info: #2A86E6;
  --Custom-Tokens--sage: #469174;
  --Sidebar--background: #1D2630;
  --Sidebar--foreground: #D2D9E0;
  --Custom-Tokens--slate: #3F516B;
  --font-family--heading: "Inter";
  --font-weight--regular: 400;
  --Brand--card-foreground: #1D2630;
  --Custom-Tokens--success: #2FA36A;
  --Custom-Tokens--surface: #F5F7F6;
  --Custom-Tokens--warning: #F2A400;
  --font-weight--semi-bold: 600;
  --Brand--muted-foreground: #6F7C8A;
  --Brand--accent-foreground: #2E5F4C;
  --Brand--primary-foreground: #FFFFFF;
  --Brand--secondary-foreground: #2F3B49;
}
[data-nc-theme~="Dark Theme"] {
  --Brand--card: #1A232C;
  --Brand--muted: #2A3441;
  --Brand--accent: #293D35;
  --Brand--border: #2B3744;
  --Brand--primary: #52A885;
  --Brand--secondary: #2A3441;
  --Brand--background: #141B22;
  --Brand--foreground: #E3E7EB;
  --Brand--destructive: #7A1D1D;
  --Custom-Tokens--sage: #2E5F4C;
  --Sidebar--background: #0F151B;
}
[data-nc-theme~="Light Theme"] {
  --Custom-Tokens--sage: #D7E6DF;
  --Custom-Tokens--slate: #6F7C8A;
  --Custom-Tokens--surface: #FFFFFF;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-JetBrains Mono: 'JetBrains Mono',monospace;
--font-Poppins: 'Poppins',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;
    }
  }
}


    .dLtglQ {
      flex-direction:row;
      flex-shrink:1;
      font-size:inherit;
      font-family:sans-serif;
      font-weight:inherit;
      color:inherit;
      display:flex;
      background:var(--Brand--background, #f5f5f5);
      min-height:100vh;
      padding:20px;
      justify-content:center;
      align-items:flex-start;
    }

    .dajkdM {
      display:flex;
      font-size:small;
      align-items:flex-start;
      align-content:center;
      justify-content:center;
    }

    .dbnwtc {
      color:var(--Custom-Tokens--success);
      width:fit-content;
      display:flex;
      background:var(--Brand--muted);
      align-items:center;
      padding-top:.25rem;
      padding-left:.25rem;
      padding-right:.75rem;
      flex-direction:row;
      padding-bottom:.25rem;
      justify-content:flex-start;
      border-top-left-radius:20px;
      border-top-right-radius:20px;
      border-bottom-left-radius:20px;
      border-bottom-right-radius:20px;
    }

    .dCOJoG {
      flex:1;
      cursor:pointer;
      display:flex;
      row-gap:.25rem;
      background:var(--Brand--card);
      column-gap:.25rem;
      min-height:5rem;
      padding-top:1rem;
      border-color:var(--Brand--border);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .dCOJoG:hover {
      box-shadow:0px 0px 4px 0px #00000020;
    }

    .pfNZo {
      color:var(--Custom-Tokens--success);
      font-size:10px;
      font-family:"Inter";
    }

    .bVouLY {
      font-size:24px;
      font-family:"Inter";
      font-weight:bold;
      text-transform:uppercase;
    }

    .cQRmYF {
      color:var(--Brand--muted-foreground);
      font-size:12.5px;
      font-family:"Inter";
      font-weight:bold;
      text-transform:uppercase;
    }

    .fzeYfK {
      color:var(--Brand--muted);
      display:grid;
      margin-top:.50rem;
      align-items:center;
      padding-top:.50rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:.50rem;
      grid-column-gap:.50rem;
      grid-template-columns:.50fr 3.50fr;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px;
    }

    .fzeYfK:hover {
      cursor:pointer;
      background:#ebefed26;
    }

    .edMfft {
      width:16pt;
      height:16pt;
    }

    .bSJrOz {
      width:16pt;
      height:16pt;
      display:flex;
      align-items:center;
      flex-shrink:0;
      justify-content:center;
    }

    .LiubP {
      width:100%;
      display:grid;
      grid-column-gap:.5rem;
      grid-template-columns:0.5fr 0.5fr 3fr;
    }

    .frtxeD {
      display:grid;
      text-align:left;
      font-family:"Inter";
      padding-top:1rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:1rem;
      grid-column-gap:0.5rem;
      border-bottom-color:var(--Card--border-color);
      border-bottom-style:solid;
      border-bottom-width:1px;
      grid-template-columns:repeat( 4, 1fr);
    }

    .frtxeD:hover {
      cursor:pointer;
      background:var(--Custom-Tokens--surface);
    }

    .jRBBH {
      top:0px;
      width:100%;
      display:flex;
      z-index:1;
      position:sticky;
      background:var(--Brand--primary-foreground);
      min-height:3.5rem;
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:space-between;
      border-bottom-color:var(--Brand--border);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .aHiKj {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dtIedN {
      color:var(--Custom-Tokens--slate);
      width:24px;
      height:24px;
    }

    .dtIedN:hover {
      color:var(--Brand--foreground);
      cursor:pointer;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px;
    }

    .dkKyzB {
      color:var(--Custom-Tokens--slate);
      width:24px;
      height:24px;
    }

    .cWffgo {
      color:var(--Sidebar--muted);
      cursor:default;
      font-size:small;
      margin-top:.50rem;
      font-family:"Inter";
      text-transform:uppercase;
    }

    .ctZrzE {
      row-gap:1rem;
      background:var(--Brand--card);
      min-height:15rem;
      padding-top:1rem;
      border-color:var(--Brand--border);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .Iegiw {
      flex-grow:1;
      flex-shrink:1;
    }

    .bLRrjO {
      font-size:small;
    }

    .sAAuk {
      width:100%;
      display:flex;
      font-size:small;
      align-items:flex-start;
      align-content:center;
      justify-content:center;
    }

    .NpAfP {
      font-size:small;
      background:var(--Brand--background);
      padding-top:.50rem;
      border-color:var(--Brand--border);
      border-style:solid;
      border-width:1px;
      padding-bottom:.50rem;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .fCtXVr {
      color:var(--Brand--muted-foreground);
      display:grid;
      font-size:medium;
      text-align:left;
      font-family:"Inter";
      font-weight:bold;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      grid-column-gap:0.5rem;
      border-bottom-color:var(--Card--border-color);
      border-bottom-style:solid;
      border-bottom-width:1px;
      grid-template-columns:repeat( 4, 1fr);
    }

    .eCQpjv {
      font-size:medium;
      font-family:"Inter";
      font-weight:bold;
    }

    .fwGjzW {
      color:var(--Brand--primary);
      display:inline;
      font-size:small;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
    }

    .fagTXv {
      display:flex;
      row-gap:.50rem;
      column-gap:.50rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dJYCyu {
      color:var(--Custom-Tokens--warning);
      width:18px;
      height:18px;
    }

    .eBWDhu {
      height:100%;
      overflow:hidden;
      flex-grow:0;
      translate:0 0 0;
      background:var(--Sidebar--background);
      transition:all 300ms ease;
    }

    .eBWDhu.is-closed {
      width:0px;
      min-width:0px;
      translate:0 0 0;
      transition:all 300ms ease;
    }

    @media (min-width: 1280px) {

    .eBWDhu.is-open {
      width:20dvw;
      height:100%;
      overflow:hidden;
      translate:0 0 0;
      transition:all 300ms ease;
    }
    }

    @media (max-width: 1280px) {

    .eBWDhu.is-open {
      width:17.5dvw;
    }
    }

    .dOrDkR {
      height:85%;
      display:flex;
      row-gap:.50rem;
      column-gap:.50rem;
      padding-top:1rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:1rem;
      border-top-color:var(--Sidebar--muted);
      border-top-style:solid;
      border-top-width:0.5px;
      border-bottom-color:var(--Sidebar--muted);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    .edoIJi {
      color:var(--Brand--card);
      font-family:"Inter";
    }

    .bstYuh {
      color:var(--Sidebar--muted);
      font-size:smaller;
      font-family:"Inter";
    }

    .dwHxVl {
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
    }

    .fbwJHu {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:flex-start;
    }

    .dYTXjd {
      width:64px;
      height:64px;
    }

    .dEsPGP {
      width:64px;
      height:64px;
      background:white;
      overflow-x:clip;
      overflow-y:clip;
      border-top-left-radius:50px;
      border-top-right-radius:50px;
      border-bottom-left-radius:50px;
      border-bottom-right-radius:50px;
    }

    .cXFEqu {
      display:grid;
      padding-left:1.5rem;
      padding-right:1.5rem;
      grid-column-gap:1rem;
      grid-template-columns:2.5fr 1.5fr;
    }

    .cBMmx {
      width:24px;
      height:24px;
    }

    .dIzDVK {
      display:grid;
      padding-top:1.5rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      padding-bottom:1.5rem;
      grid-column-gap:1rem;
      grid-template-columns:repeat(4, 1fr);
    }

    .bqYvkw {
      background:var(--Brand--card);
      min-height:15rem;
      padding-top:1rem;
      border-color:var(--Brand--border);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .dxNaIr {
      flex-direction:row;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      width:100%;
      max-width:500px;
      background:var(--Brand--card, #ffffff);
      padding:32px;
      border-radius:12px;
      box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      border:1px solid var(--Brand--border, #cbd5e1);
    }

    .ehryvq {
      flex-direction:row;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      margin-bottom:24px;
      text-align:center;
    }

    .dIfZP {
      flex-direction:row;
      flex-shrink:1;
      font-size:2rem;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      margin-bottom:8px;
      align-items:center;
      justify-content:center;
    }

    .fgQBTp {
      flex-direction:row;
      flex-shrink:1;
      font-size:1.5rem;
      font-family:inherit;
      font-weight:700;
      color:var(--Brand--primary, #3b82f6);
      display:block;
      margin:0px;
    }

    .etkJoc {
      flex-direction:row;
      flex-shrink:1;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:inherit;
      color:var(--Brand--muted-foreground, #64748b);
      display:block;
      margin:8px 0 0 0;
    }

    .fkFkOg {
      flex-direction:row;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      background:#f0fdf4;
      border:1px solid #bbf7d0;
      padding:16px;
      border-radius:8px;
      text-align:center;
      margin-bottom:24px;
    }

    .cgKDWV {
      flex-direction:row;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:12px;
      margin-bottom:24px;
    }

    .ejjomO {
      flex-direction:row;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      color:inherit;
      display:inline-block;
      flex:1;
      padding:12px;
      border-radius:8px;
      border:2px solid var(--Brand--border, #cbd5e1);
      background:white;
      cursor:pointer;
      transition:all 0.2s;
    }

    .ejjomO.active {
      border-color:var(--Brand--primary, #3b82f6);
      background:#eff6ff;
      color:var(--Brand--primary, #3b82f6);
    }

    .cFsaKi {
      flex-direction:column;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:20px;
    }

    .dZDbmJ {
      flex-direction:column;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:16px;
    }

    .eDsIxI {
      flex-direction:column;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:4px;
    }

    .dQNPkT {
      flex-direction:row;
      flex-shrink:1;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:500;
      color:inherit;
      display:inline;
    }

    .cZVJUL {
      flex-direction:row;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline-block;
      padding:10px;
      border-radius:6px;
      border:1px solid var(--Brand--border, #cbd5e1);
    }

    .VnGdq {
      flex-direction:row;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline-block;
      padding:10px;
      border-radius:6px;
      border:1px solid var(--Brand--border, #cbd5e1);
      min-height:100px;
      resize:vertical;
    }

    .cQgJXk {
      flex-direction:row;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline-block;
      padding:10px;
      border-radius:6px;
      border:1px solid var(--Brand--border, #cbd5e1);
      min-height:120px;
      resize:vertical;
    }

    .iXphV {
      flex-direction:row;
      flex-shrink:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      color:white;
      display:inline-block;
      background:var(--Brand--primary, #3b82f6);
      padding:14px;
      border-radius:8px;
      border:none;
      cursor:pointer;
      margin-top:12px;
      hover:not(: disabled) {;
      filter:brightness(0.9);
    }

    .iXphV:disabled {
      opacity:0.5;
      cursor:not-allowed;
    }