@layer reset,theme,composition,utilities,blocks,exceptions;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;background-color:var(--color-background);color:var(--color-foreground);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a,button,select,input,textarea{font-family:inherit;color:inherit}button{background:none;border:none;cursor:pointer}table{border-collapse:collapse;width:100%}}@layer theme{:root{--color-background: oklch(95.99% .00411 55.512);--color-foreground: oklch(27% .008 45);--color-card: oklch(100% 0 0);--color-card-foreground: var(--color-foreground);--color-popover: oklch(100% 0 0);--color-popover-foreground: var(--color-foreground);--color-primary: oklch(72.069% .18335 44.069);--color-primary-foreground: oklch(16% .004 60);--color-secondary: oklch(96.2% .005 70);--color-secondary-foreground: oklch(30% .01 45);--color-muted: oklch(95% .0035 70);--color-muted-foreground: oklch(50% .007 50);--color-accent: oklch(94.8% .009 65);--color-accent-foreground: var(--color-foreground);--color-success: oklch(63.924% .1657 151.561);--color-success-foreground: oklch(98% .01 150);--color-warning: oklch(78.357% .15147 68.301);--color-warning-foreground: oklch(20% .04 85);--color-info: oklch(55% .17 250);--color-info-foreground: oklch(98% .01 250);--color-destructive: oklch(55% .22 27);--color-destructive-foreground: oklch(98% .005 30);--color-border: oklch(87.356% .01221 67.486);--color-input: var(--color-border);--color-ring: var(--color-primary);--radius: .7rem;--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--shadow-2xs: 0 1px 2px 0px oklch(35% .02 45 / .04);--shadow-xs: 0 1px 3px 0px oklch(35% .02 45 / .06);--shadow-sm: 0 1px 3px 0px oklch(35% .02 45 / .08), 0 1px 2px -1px oklch(35% .02 45 / .08);--shadow: 0 2px 4px 0px oklch(35% .02 45 / .08), 0 1px 2px -1px oklch(35% .02 45 / .06);--shadow-md: 0 4px 6px -1px oklch(35% .02 45 / .1), 0 2px 4px -2px oklch(35% .02 45 / .08);--shadow-lg: 0 10px 15px -3px oklch(35% .02 45 / .1), 0 4px 6px -4px oklch(35% .02 45 / .08);--shadow-xl: 0 20px 25px -5px oklch(35% .02 45 / .1), 0 8px 10px -6px oklch(35% .02 45 / .08);--shadow-2xl: 0 25px 50px -12px oklch(35% .02 45 / .2)}.dark{--color-background: oklch(18% .004 55);--color-foreground: #feefe1;--color-card: oklch(21.531% .00369 48.293);--color-card-foreground: var(--color-foreground);--color-popover: oklch(24% .004 55);--color-popover-foreground: var(--color-foreground);--color-primary: oklch(72.069% .18335 44.069);--color-primary-foreground: oklch(16% .004 60);--color-secondary: oklch(25% .004 55);--color-secondary-foreground: var(--color-foreground);--color-muted: oklch(28% .0035 55);--color-muted-foreground: oklch(73% .006 75);--color-accent: oklch(29% .005 55);--color-accent-foreground: var(--color-foreground);--color-success: oklch(62% .16 150);--color-success-foreground: oklch(15% .02 150);--color-warning: oklch(69.913% .1798 49.649);--color-warning-foreground: oklch(15% .04 85);--color-info: oklch(65% .17 250);--color-info-foreground: oklch(15% .02 250);--color-destructive: oklch(62% .2 28);--color-destructive-foreground: oklch(98% .005 30);--color-border: oklch(31.987% .00462 39.069);--color-input: var(--color-border);--color-ring: var(--color-primary)}}@layer composition{.l-max-width-8xl{width:100%;max-width:90rem;margin-inline:auto}.l-grid{display:grid;gap:var(--space-sm)}.l-grid-2-cols{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:768px){.l-grid-2-cols{grid-template-columns:1.2fr .8fr}}.l-grid-3-cols{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:640px){.l-grid-3-cols{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.l-grid-3-cols{grid-template-columns:repeat(3,1fr)}}.l-grid-4-cols{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media(min-width:640px){.l-grid-4-cols{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.l-grid-4-cols{grid-template-columns:repeat(4,1fr)}}.l-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.l-split-auth{display:grid;grid-template-columns:1fr;min-height:580px}@media(min-width:768px){.l-split-auth{grid-template-columns:1.05fr .95fr}}}@layer utilities{.u-flow>*+*{margin-block-start:var(--space-sm)}.u-flow-xs>*+*{margin-block-start:var(--space-xs)}.u-flow-md>*+*{margin-block-start:var(--space-md)}.u-flow-lg>*+*{margin-block-start:var(--space-lg)}.u-padding-md{padding:var(--space-md)}.u-text-center{text-align:center}.u-text-right{text-align:right}.u-text-success{color:var(--color-success)!important}.u-text-destructive{color:var(--color-destructive)!important}.u-text-muted{color:var(--color-muted-foreground)}.u-font-bold{font-weight:700}.u-font-semibold{font-weight:600}.u-font-medium{font-weight:500}.u-text-xs{font-size:.75rem}.u-text-sm{font-size:.875rem}.u-text-base{font-size:1rem}.u-text-lg{font-size:1.125rem}.u-text-xl{font-size:1.25rem}.u-text-2xl{font-size:1.5rem}.u-flex-1{flex:1}.u-hidden-mobile{display:none}@media(min-width:768px){.u-hidden-mobile{display:flex}}.u-cursor-pointer{cursor:pointer}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.u-mobile-only-flex{display:inline-flex!important}@media(min-width:768px){.u-mobile-only-flex{display:none!important}}@media(max-width:767px){.u-hide-mobile-pane,.u-hidden-mobile-desc{display:none!important}}}@layer blocks{.app-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;height:4rem;align-items:center;background-color:var(--color-primary);border-bottom:1px solid var(--color-primary);color:#fff;@keyframes navDropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(.25rem)}to{opacity:1;transform:translate(-50%) translateY(.5rem)}}}.app-header .nav-container{display:flex;width:100%;height:100%;align-items:center;justify-content:space-between;padding-inline:var(--space-sm)}.app-header .mobile-menu-trigger{display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;border:none;cursor:pointer;padding:.25rem}@media(min-width:768px){.app-header .mobile-menu-trigger{display:none!important}}.app-header .nav-menu{display:none}@media(min-width:768px){.app-header .nav-menu{display:flex;align-items:center;gap:.25rem;margin-inline-start:var(--space-md)}}.app-header .nav-link{height:2.25rem;padding-inline:.75rem;display:flex;align-items:center;gap:.375rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:#ffffffbf;text-decoration:none;transition:all .2s}.app-header .nav-link:hover{background-color:#ffffff1a;color:#fff}.app-header .nav-link[data-active=true]{background-color:#fff3;color:#fff}.app-header .profile-avatar{display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgba(255,255,255,.2);background-color:#fff3;font-size:.875rem;font-weight:600;text-transform:uppercase;cursor:pointer}.app-header .profile-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;width:14rem;border-radius:var(--radius-md);background-color:var(--color-card);border:1px solid rgba(0,0,0,.08);padding:.5rem;box-shadow:var(--shadow-lg);z-index:50;color:var(--color-foreground)}.app-header .nav-dropdown-wrapper{position:relative;display:inline-block}.app-header .nav-dropdown-trigger{height:2.25rem;padding-inline:.75rem;display:flex;align-items:center;gap:.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:#ffffffbf;background:transparent;border:none;cursor:pointer;transition:all .2s ease-in-out}.app-header .nav-dropdown-trigger:hover,.app-header .nav-dropdown-trigger[data-state=open]{background-color:#ffffff1a;color:#fff}.app-header .nav-dropdown-trigger[data-active=true]{background-color:#fff3;color:#fff}.app-header .nav-dropdown-trigger svg.chevron-icon{transition:transform .2s ease;opacity:.7}.app-header .nav-dropdown-trigger[data-state=open] svg.chevron-icon{transform:rotate(180deg)}.app-header .nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(.5rem);width:20rem;border-radius:var(--radius-lg);background-color:var(--color-card);border:1px solid var(--color-border);padding:.5rem;box-shadow:var(--shadow-xl);z-index:50;color:var(--color-foreground);display:flex;flex-direction:column;gap:.25rem;animation:navDropdownFadeIn .15s ease-out}.app-header .nav-dropdown-item{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem;border-radius:var(--radius-md);text-decoration:none;color:var(--color-foreground);transition:all .2s;text-align:left;border:none;background:transparent;width:100%;cursor:pointer}.app-header .nav-dropdown-item:hover:not([data-disabled=true]){background-color:var(--color-accent);color:var(--color-accent-foreground)}.app-header .nav-dropdown-item[data-disabled=true]{opacity:.45;cursor:not-allowed}.app-header .nav-dropdown-icon{margin-top:.125rem;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);background-color:var(--color-secondary);color:var(--color-primary);flex-shrink:0;transition:all .2s}.app-header .nav-dropdown-item:hover:not([data-disabled=true]) .nav-dropdown-icon{background-color:var(--color-primary);color:#fff}.app-header .nav-dropdown-content{display:flex;flex-direction:column;gap:.125rem;flex-grow:1}.app-header .nav-dropdown-title{font-size:.875rem;font-weight:600;line-height:1.25;text-align:left}.app-header .nav-dropdown-desc{font-size:.75rem;color:var(--color-muted-foreground);line-height:1.25;text-align:left}.app-header .nav-dropdown-badge{font-size:.625rem;font-weight:600;padding:.05rem .35rem;border-radius:9999px;background-color:var(--color-secondary);color:var(--color-secondary-foreground);margin-left:auto;text-transform:uppercase;flex-shrink:0;align-self:center}.card{background-color:var(--color-card);color:var(--color-card-foreground);display:flex;flex-direction:column;gap:var(--space-sm);border:1px solid transparent;padding-block:var(--space-md);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:all .2s}.card:hover{border-color:#f733;box-shadow:var(--shadow-md)}.card .header{padding-inline:var(--space-md);display:flex;flex-direction:column;gap:.25rem}.card .title{font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.375rem}.card .description{font-size:.875rem;color:var(--color-muted-foreground)}.card .content{padding-inline:var(--space-md)}.card .divider{border-top:1px solid var(--color-border);opacity:.4;margin-block:.25rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;height:2.25rem;padding-inline:1rem;cursor:pointer;transition:all .2s;border:1px solid transparent;-webkit-user-select:none;user-select:none}.button:disabled{opacity:.5;pointer-events:none}.button[data-variant=default]{background-color:var(--color-primary);color:#fff}.button[data-variant=default]:hover{opacity:.9}.button[data-variant=outline]{background-color:transparent;border-color:var(--color-border);color:var(--color-foreground);box-shadow:var(--shadow-2xs)}.button[data-variant=outline]:hover{background-color:var(--color-secondary)}.button[data-variant=secondary]{background-color:var(--color-secondary);color:var(--color-secondary-foreground)}.button[data-variant=secondary]:hover{opacity:.8}.button[data-variant=navbar]{background-color:transparent;color:#ffffffbf}.button[data-variant=navbar]:hover{background-color:#ffffff1a;color:#fff}.input{height:2.25rem;width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:transparent;padding-inline:.75rem;padding-block:.25rem;font-size:.875rem;outline:none;transition:all .2s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff773326}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid transparent;padding-inline:.5rem;padding-block:.125rem;font-size:.75rem;font-weight:500;width:fit-content;white-space:nowrap}.badge[data-variant=default]{background-color:var(--color-primary);color:#fff}.badge[data-variant=outline]{border-color:var(--color-border);color:var(--color-foreground)}.badge[data-variant=success]{background-color:#0e9d6e1f;color:#12a755}.badge[data-variant=secondary]{background-color:#f7a4391f;color:#f7a439}.badge[data-variant=destructive]{background-color:#f53f2d1f;color:#d40c1a}.table-wrapper{width:100%;overflow-x:auto}.table-wrapper table{width:100%;text-align:left;font-size:.875rem}.table-wrapper th{padding-block:.75rem;padding-inline:1rem;font-size:.625rem;font-weight:700;text-transform:uppercase;color:var(--color-muted-foreground);border-bottom:1px solid var(--color-border);letter-spacing:.05em}.table-wrapper td{padding-block:.75rem;padding-inline:1rem;border-bottom:1px solid rgba(0,0,0,.04);color:var(--color-foreground)}.table-wrapper tr:hover td{background-color:#00000004}@media(max-width:640px){.table-wrapper :scope{overflow-x:hidden!important}.table-wrapper table,.table-wrapper thead,.table-wrapper tbody,.table-wrapper th,.table-wrapper td,.table-wrapper tr{display:block;width:100%;box-sizing:border-box}.table-wrapper thead{display:none}.table-wrapper tr{border-bottom:1px solid var(--color-border);padding:1rem 3rem 1rem 1rem;position:relative;display:grid;grid-template-columns:1fr auto;gap:.25rem;align-items:center;box-sizing:border-box}.table-wrapper tr:last-child{border-bottom:none}.table-wrapper td{display:block;padding:0;border-bottom:none;text-align:left!important}.table-wrapper td:nth-child(1){grid-column:1 / 3;font-size:.9375rem}.table-wrapper td:nth-child(2){grid-column:1;margin-top:.25rem}.table-wrapper td:nth-child(3){grid-column:1;font-size:.75rem;color:var(--color-muted-foreground);margin-top:.25rem}.table-wrapper td:nth-child(4){grid-column:2;grid-row:2 / 4;text-align:right!important;font-size:1rem}.table-wrapper td:nth-child(5){position:absolute;top:.75rem;right:.75rem;width:auto!important}.table-wrapper td:nth-child(5) button{display:flex;align-items:center;justify-content:center;background-color:#f53f2d14!important;color:var(--color-destructive)!important;width:2rem;height:2rem;border-radius:50%;transition:all .2s ease-in-out}.table-wrapper td:nth-child(5) button:hover{background-color:#f53f2d29!important;transform:scale(1.05)}}.chat-layout{display:grid;grid-template-columns:1fr;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background-color:var(--color-card);box-shadow:var(--shadow-sm);min-height:calc(100vh - 12rem)}@media(min-width:768px){.chat-layout{grid-template-columns:260px 1fr}}.chat-layout .sidebar{border-right:1px solid var(--color-border);display:flex;flex-direction:column;background-color:#00000003}.chat-layout .sidebar-header{padding:.75rem;border-bottom:1px solid var(--color-border)}.chat-layout .sidebar-content{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.chat-layout .sidebar-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.625rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.chat-layout .sidebar-item[data-active=true]{background-color:#ff77331a;color:var(--color-primary)}.chat-layout .sidebar-item:hover:not([data-active=true]){background-color:#00000008}.chat-layout .sidebar-item .delete-btn{opacity:0;padding:.125rem;border-radius:var(--radius-sm);color:var(--color-muted-foreground);transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-layout .sidebar-item:hover .delete-btn{opacity:1}.chat-layout .sidebar-item .delete-btn:hover{background-color:#f53f2d1a;color:var(--color-destructive)}.chat-layout .viewport{display:flex;flex-direction:column;height:100%}.chat-layout .viewport-header{padding:1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.75rem}.chat-layout .viewport-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-height:300px}.chat-layout .viewport-input-area{padding:.75rem;border-top:1px solid var(--color-border)}.chat-layout .bubble{display:flex;gap:.75rem;max-width:85%}.chat-layout .bubble[data-role=user]{margin-left:auto;flex-direction:row-reverse}.chat-layout .bubble[data-role=assistant]{margin-right:auto}.chat-layout .avatar{display:flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff}.chat-layout .bubble[data-role=user] .avatar{background-color:#2a2827}.chat-layout .bubble[data-role=assistant] .avatar{background-color:var(--color-primary)}.chat-layout .msg-box{padding:.875rem;border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}.chat-layout .bubble[data-role=user] .msg-box{background-color:#ff77331a;border-top-right-radius:0;border:1px solid rgba(255,119,51,.15)}.chat-layout .bubble[data-role=assistant] .msg-box{background-color:#00000006;border-top-left-radius:0;border:1px solid var(--color-border)}}@layer exceptions{.card[data-featured=true]{border-color:#ff77334d;background-color:#ff773308}.card[data-overdue=true]{border-color:#f53f2d4d}}