.gs-container{position:relative}.gs-input-wrapper{display:flex;align-items:center;gap:var(--space-2);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:6px var(--space-3);width:280px;transition:all var(--duration-fast) var(--ease-out)}.gs-input-wrapper:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.gs-input-wrapper.gs-focused{width:380px;background:var(--bg-primary);border-color:var(--accent);box-shadow:0 0 0 3px #9966ff1a}.gs-input-icon{color:var(--color-neutral-400);flex-shrink:0}.gs-input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);outline:none!important;box-shadow:none!important;font-family:var(--font-sans);min-width:0}.gs-input:focus,.gs-input:focus-visible{outline:none!important;box-shadow:none!important;border:none}.gs-input::placeholder{color:var(--color-neutral-400)}.gs-input-clear{display:flex;align-items:center;justify-content:center;padding:3px;border:none;background:var(--color-neutral-200);border-radius:var(--radius-sm);color:var(--color-neutral-500);cursor:pointer;transition:all var(--duration-fast)}.gs-input-clear:hover{background:var(--color-neutral-300);color:var(--text-primary)}.gs-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(520px,92vw);background:#fffffff7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:0 12px 40px #00000024,0 2px 8px #0000000f;max-height:440px;overflow-y:auto;padding:var(--space-2) 0;z-index:200;animation:gs-appear .15s ease-out}@keyframes gs-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gs-count{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-neutral-400);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.gs-empty{padding:var(--space-8) var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-neutral-500);display:flex;flex-direction:column;align-items:center}.gs-empty-hint{font-size:var(--text-xs);color:var(--color-neutral-400);margin-top:var(--space-1)}.gs-group{padding:0 var(--space-2)}.gs-group+.gs-group{border-top:1px solid var(--color-neutral-100);margin-top:var(--space-2);padding-top:var(--space-2)}.gs-group-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.gs-group-count{font-weight:var(--weight-semibold);color:var(--color-neutral-400);font-size:10px;background:var(--color-neutral-100);border-radius:var(--radius-full);padding:1px 6px;min-width:18px;text-align:center}.gs-result{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--duration-fast)}.gs-result:hover{background:#9966ff0f}.gs-result-content{flex:1;min-width:0}.gs-result-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-result-subtitle{font-size:var(--text-xs);color:var(--color-neutral-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.gs-result-meta{font-size:11px;color:var(--color-neutral-400);font-style:italic;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-result--selected{background:#9966ff14}.gs-result-match{font-size:10px;color:var(--accent);margin-top:2px;opacity:.7}.topbar-v3{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);transition:left var(--duration-normal) var(--ease-out);z-index:var(--z-sticky)}.shell-v3--collapsed .topbar-v3{left:var(--sidebar-width-collapsed)}.topbar-v3-scope{display:flex;align-items:center;gap:var(--space-1);overflow-x:auto}.topbar-v3-scope-item{display:flex;align-items:center;gap:var(--space-1);white-space:nowrap}.topbar-v3-scope-sep{color:var(--color-text-tertiary);flex-shrink:0}.topbar-v3-scope-type{font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.topbar-v3-scope-icon{color:var(--color-accent, #9966FF);flex-shrink:0}.topbar-v3-scope-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.topbar-v3-actions{display:flex;align-items:center;gap:var(--space-1)}.topbar-v3-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.topbar-v3-icon-btn:hover{background:var(--color-hover-bg);color:var(--color-text-primary)}.topbar-v3-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-size:10px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center}.sidebar-v3{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;transition:width var(--duration-normal) var(--ease-out);overflow:hidden;z-index:var(--z-sticky);border-right:1px solid var(--color-sidebar-border)}.shell-v3--collapsed .sidebar-v3{width:var(--sidebar-width-collapsed)}.sidebar-v3-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);min-height:var(--topbar-height)}.sidebar-v3-logo{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md)}.sidebar-v3-brand-text{font-size:1.15rem;font-weight:var(--font-bold);letter-spacing:-.03em;white-space:nowrap;color:var(--color-neutral-900)}.sidebar-v3-brand-logo{height:28px;width:auto;object-fit:contain}.sidebar-v3-context{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-4) var(--space-2);font-size:var(--text-xs);color:var(--color-neutral-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-v3-nav{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3)}.sidebar-v3-leaf{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:2px;border-radius:var(--radius-full);color:var(--color-neutral-600);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.sidebar-v3-leaf__icon{flex-shrink:0}.sidebar-v3-leaf:hover{background:var(--color-neutral-100);color:var(--color-neutral-950)}.sidebar-v3-leaf.active{background:var(--color-brand-500);color:var(--color-white);font-weight:var(--font-semibold);box-shadow:0 2px 8px #9966ff4d}.sidebar-v3-leaf.active .sidebar-v3-leaf__icon{color:var(--color-white)}.sidebar-v3-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:2px;border-radius:var(--radius-full);color:var(--color-neutral-950);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:none;border:none;cursor:pointer;width:100%;position:relative}.sidebar-v3-link:hover{background:var(--color-neutral-100);color:var(--color-neutral-950)}.sidebar-v3-link.active{background:var(--color-brand-50);color:var(--color-brand-600)}.sidebar-v3-link.collapsed{justify-content:center;padding:var(--space-2);width:44px;height:44px;margin:2px auto;border-radius:var(--radius-lg)}.sidebar-v3-link.collapsed.active{background:var(--color-brand-50);color:var(--color-brand-600)}.sidebar-v3-active-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-brand-500)}.sidebar-v3-group{margin-bottom:2px}.sidebar-v3-group__header{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-full);background:none;color:var(--color-neutral-600);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.sidebar-v3-group__header:hover{background:var(--color-neutral-100);color:var(--color-neutral-950)}.sidebar-v3-group.has-active>.sidebar-v3-group__header{color:var(--color-brand-600);font-weight:var(--font-semibold)}.sidebar-v3-group__icon{flex-shrink:0}.sidebar-v3-group__label{flex:1;text-align:left}.sidebar-v3-group__chevron{flex-shrink:0;color:var(--color-neutral-400);transition:transform var(--duration-fast) var(--ease-out)}.sidebar-v3-group.expanded>.sidebar-v3-group__header>.sidebar-v3-group__chevron{transform:rotate(90deg)}.sidebar-v3-group__children{overflow:hidden}.sidebar-v3-child{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3) 6px calc(var(--space-3) + 18px + var(--space-2));margin-bottom:1px;border-radius:var(--radius-full);color:var(--color-neutral-500);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-normal);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.sidebar-v3-child__icon{flex-shrink:0;opacity:.6}.sidebar-v3-child:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.sidebar-v3-child.active{background:var(--color-brand-500);color:var(--color-white);font-weight:var(--font-medium);box-shadow:0 2px 8px #9966ff4d}.sidebar-v3-child.active .sidebar-v3-child__icon{opacity:1}.sidebar-flyout{position:fixed;left:calc(var(--sidebar-width-collapsed) + 4px);min-width:180px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:calc(var(--z-sticky) + 1)}.sidebar-flyout__title{padding:var(--space-1) var(--space-3) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.06em}.sidebar-flyout .sidebar-v3-child{padding-left:var(--space-3)}.sidebar-v3-group__header:focus-visible,.sidebar-v3-child:focus-visible,.sidebar-v3-link:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:2px}.sidebar-v3-footer{border-top:1px solid var(--color-sidebar-border);padding:var(--space-3) var(--space-3)}.sidebar-v3-collapse-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-1) 0;margin-bottom:var(--space-2);background:none;border:none;color:var(--color-neutral-400);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast)}.sidebar-v3-collapse-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.sidebar-v3-user{display:flex;align-items:center;gap:var(--space-3)}.sidebar-v3-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-brand-50);color:var(--color-brand-500);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0;border:1px solid rgba(153,102,255,.15)}.sidebar-v3-user-info{overflow:hidden}.sidebar-v3-user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-950);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-v3-user-role{font-size:var(--text-xs);color:var(--color-neutral-400)}.sidebar-v3-logout-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);background:none;border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);color:var(--color-neutral-500);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.sidebar-v3-logout-btn:hover{background:#ef444414;color:#ef4444;border-color:#ef444440}.shell-v3--collapsed .sidebar-v3-logout-btn{justify-content:center;padding:var(--space-2)}.shell-v3{height:100vh;overflow:hidden;background:var(--color-bg-app)}.shell-v3-content{padding-top:var(--topbar-height);padding-left:var(--space-6);padding-right:var(--space-6);padding-bottom:var(--space-8);max-width:var(--content-max-width);height:calc(100vh - var(--topbar-height));overflow-y:auto;margin-left:var(--sidebar-width);transition:margin-left var(--duration-normal) var(--ease-out)}.shell-v3--collapsed .shell-v3-content{margin-left:var(--sidebar-width-collapsed)}.page-header{padding:var(--space-6) 0 var(--space-4)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.sa-dashboard{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-2) 0}.sa-dashboard__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.sa-dashboard__header-left{display:flex;flex-direction:column;gap:var(--space-1)}.sa-dashboard__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.sa-dashboard__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.sa-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}@media(max-width:1200px){.sa-kpi-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sa-kpi-row{grid-template-columns:repeat(2,1fr)}}.sa-kpi-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.sa-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand-500),var(--color-brand-400));opacity:0;transition:opacity var(--duration-fast)}.sa-kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sa-kpi-card:hover:before{opacity:1}.sa-kpi-card__header{display:flex;align-items:center;justify-content:space-between}.sa-kpi-card__icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-kpi-card__icon--brand{background:#9966ff1a;color:var(--color-brand-500)}.sa-kpi-card__icon--success{background:#34c7591a;color:var(--color-success)}.sa-kpi-card__icon--warning{background:#ff9f0a1a;color:var(--color-warning)}.sa-kpi-card__icon--danger{background:#ff453a1a;color:var(--color-error)}.sa-kpi-card__icon--info{background:#007aff1a;color:var(--color-info)}.sa-kpi-card__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.sa-kpi-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.1;font-family:var(--font-mono)}.sa-kpi-card__sub{font-size:var(--text-xs);color:var(--color-text-tertiary)}.sa-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-5)}@media(max-width:1100px){.sa-charts-grid{grid-template-columns:1fr}}.sa-chart-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.sa-chart-card__header{display:flex;align-items:center;justify-content:space-between}.sa-chart-card__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary)}.sa-chart-card__subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary)}.sa-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media(max-width:1100px){.sa-bottom-grid{grid-template-columns:1fr}}.sa-invoice-bars{display:flex;flex-direction:column;gap:var(--space-3)}.sa-invoice-bar-row{display:flex;align-items:center;gap:var(--space-3)}.sa-invoice-bar-label{min-width:80px;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary)}.sa-invoice-bar-track{flex:1;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.sa-invoice-bar-fill{height:100%;border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 var(--space-2);min-width:fit-content;transition:width var(--duration-normal) var(--ease-out)}.sa-invoice-bar-fill span{font-size:11px;font-weight:var(--font-bold);color:#fff;white-space:nowrap;font-family:var(--font-mono)}.sa-invoice-bar-count{min-width:32px;text-align:right;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);font-family:var(--font-mono)}.sa-bar--PAID{background:var(--color-success)}.sa-bar--ISSUED{background:#007aff}.sa-bar--SENT{background:var(--color-brand-500)}.sa-bar--DRAFT{background:var(--color-text-tertiary)}.sa-bar--OVERDUE{background:var(--color-error)}.sa-bar--VOID{background:var(--color-warning)}.sa-overdue-section{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.sa-overdue-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-error);text-transform:uppercase;letter-spacing:.05em}.sa-overdue-list{display:flex;flex-direction:column;gap:var(--space-2)}.sa-overdue-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:#ff453a0a;border:1px solid rgba(255,69,58,.1);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.sa-overdue-item:hover{background:#ff453a14;border-color:#ff453a33}.sa-overdue-item__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.sa-overdue-item__detail{display:flex;align-items:center;gap:var(--space-3)}.sa-overdue-item__amount{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-error);font-family:var(--font-mono)}.sa-overdue-item__count{font-size:var(--text-xs);color:var(--color-text-tertiary)}.sa-overdue-item__arrow{color:var(--color-text-tertiary)}.sa-top-accounts{display:flex;flex-direction:column;gap:0}.sa-top-row{display:grid;grid-template-columns:32px 1fr auto auto;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--duration-fast);border-radius:var(--radius-sm)}.sa-top-row:hover{background:var(--color-bg-secondary)}.sa-top-row:last-child{border-bottom:none}.sa-top-row__rank{width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-secondary);font-family:var(--font-mono)}.sa-top-row__rank--1{background:#ffcc0026;color:#b8860b}.sa-top-row__rank--2{background:#c0c0c026;color:#6b6b6b}.sa-top-row__rank--3{background:#cd7f3226;color:#8b4513}.sa-top-row__info{display:flex;flex-direction:column;gap:1px;min-width:0}.sa-top-row__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-top-row__type{font-size:var(--text-xs);color:var(--color-text-tertiary)}.sa-top-row__revenue{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-mono);text-align:right}.sa-top-row__arrow{color:var(--color-text-tertiary)}.sa-accounts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.sa-accounts-grid{grid-template-columns:1fr}}.sa-accounts-stat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)}.sa-accounts-stat:hover{background:var(--color-bg-tertiary);transform:translate(2px)}.sa-accounts-stat__dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.sa-accounts-stat__label{flex:1;font-size:var(--text-sm);color:var(--color-text-secondary)}.sa-accounts-stat__value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-mono)}.sa-see-all{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-brand-500);text-decoration:none;transition:color var(--duration-fast);cursor:pointer;background:none;border:none;padding:0}.sa-see-all:hover{color:var(--color-brand-600)}.sa-dashboard-loading{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) 0}.sa-loading-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.sa-loading-card{height:120px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);animation:sa-pulse 1.5s ease-in-out infinite}.sa-loading-chart{height:300px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);animation:sa-pulse 1.5s ease-in-out infinite}@keyframes sa-pulse{0%,to{opacity:1}50%{opacity:.5}}.sa-dashboard .recharts-cartesian-grid-horizontal line,.sa-dashboard .recharts-cartesian-grid-vertical line{stroke:var(--color-border);stroke-opacity:.5}.sa-dashboard .recharts-text{fill:var(--color-text-tertiary);font-size:11px}.sa-dashboard .recharts-tooltip-wrapper{outline:none}.sa-tooltip{background:var(--color-bg-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;padding:var(--space-3) var(--space-4)!important}.sa-tooltip__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.sa-tooltip__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs)}.sa-tooltip__dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.sa-tooltip__name{color:var(--color-text-secondary)}.sa-tooltip__value{font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-mono)}.sa-empty-chart{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-text-tertiary);font-size:var(--text-sm)}.dashboard-v3{padding:var(--space-2) 0}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.kpi-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-out)}.kpi-card-icon{width:40px;height:40px;border-radius:var(--radius-md);background:#9966ff1a;color:var(--color-brand-500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.kpi-card-title{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap}.kpi-card-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.2}.kpi-card-trend{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary)}.kpi-card-trend.positive{color:var(--color-success)}.kpi-card-trend.negative{color:var(--color-error)}.dashboard-v3-placeholder{padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-secondary);font-size:var(--text-md);background:var(--color-bg-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.login-page{display:flex;min-height:100vh;background:var(--color-white)}.login-visual{flex:1;background-image:url(/login_bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;min-height:100vh}.login-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#9966ff14,#00000005)}.login-form-panel{flex:0 0 480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);background:var(--color-white)}.login-card{width:100%;max-width:360px}.login-card__logo{display:flex;justify-content:center;margin-bottom:var(--space-8)}.login-card__logo img{height:36px;width:auto}.login-card__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-neutral-900);margin-bottom:var(--space-6)}.login-card__field{margin-bottom:var(--space-5)}.login-card__label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-neutral-700);margin-bottom:var(--space-1)}.login-card__input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-neutral-50);transition:all var(--duration-fast);outline:none}.login-card__input::placeholder{color:var(--color-neutral-400)}.login-card__input:focus{border-color:var(--color-brand-500);background:var(--color-white);box-shadow:0 0 0 3px #9966ff1f}.login-card__options{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);font-size:var(--text-sm)}.login-card__remember{display:flex;align-items:center;gap:var(--space-2);color:var(--color-neutral-600);cursor:pointer}.login-card__remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-brand-500);border-radius:4px}.login-card__forgot{color:var(--color-brand-500);text-decoration:none;font-weight:var(--font-medium)}.login-card__forgot:hover{text-decoration:underline}.login-card__submit{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-brand-500);color:var(--color-white);border:none;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-fast)}.login-card__submit:hover{background:var(--color-brand-600);box-shadow:0 4px 12px #9966ff4d}.login-card__submit:active{background:var(--color-brand-700)}.login-card__submit:disabled{opacity:.5;cursor:not-allowed}.login-card__error{padding:var(--space-3) var(--space-4);background:var(--color-red-100);color:#991b1b;border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.login-card__footer{text-align:center;margin-top:var(--space-8);font-size:var(--text-sm);color:var(--color-neutral-400)}.login-card__footer a{color:var(--color-brand-500);text-decoration:none;font-weight:var(--font-medium)}.login-card__footer a:hover{text-decoration:underline}@media(max-width:900px){.login-page{flex-direction:column}.login-visual{min-height:200px;flex:0 0 200px}.login-form-panel{flex:1}}.ds-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-semibold);line-height:1.6;white-space:nowrap}.ds-badge__dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.ds-badge__dot--pulse{animation:pulse-dot 2s infinite}.ds-badge--default{background:var(--ds-color-neutral-100);color:var(--ds-color-neutral-600)}.ds-badge--default .ds-badge__dot{background:var(--ds-color-neutral-400)}.ds-badge--success{background:#ecfdf5;color:#065f46}.ds-badge--success .ds-badge__dot{background:var(--color-success)}.ds-badge--warning{background:#fffbeb;color:#92400e}.ds-badge--warning .ds-badge__dot{background:var(--color-warning)}.ds-badge--error{background:#fef2f2;color:#991b1b}.ds-badge--error .ds-badge__dot{background:var(--color-error)}.ds-badge--info{background:#9966ff14;color:var(--ds-color-brand-700)}.ds-badge--info .ds-badge__dot{background:var(--ds-color-brand-500)}.ds-badge--purple{background:#9966ff14;color:var(--ds-color-brand-700)}.ds-badge--purple .ds-badge__dot{background:var(--ds-color-brand-500)}.lp-page{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface-muted);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lp-main{flex:1}.lp-navbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-glass-bg);backdrop-filter:saturate(180%) blur(var(--blur-lg));-webkit-backdrop-filter:saturate(180%) blur(var(--blur-lg));border-bottom:1px solid var(--color-border-subtle)}.lp-navbar__inner{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6);height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between}.lp-navbar__logo{height:32px;width:auto}.lp-navbar__links{display:flex;align-items:center;gap:var(--space-8)}.lp-navbar__link{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.lp-navbar__link:hover{color:var(--color-text-primary)}.lp-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--color-surface-muted) 0%,var(--ds-color-white) 45%,var(--color-surface-muted) 100%)}.lp-hero__glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:600px;height:400px;border-radius:var(--radius-full);background:radial-gradient(circle,var(--ds-color-brand-50) 0%,transparent 70%);opacity:.5;pointer-events:none;z-index:0}.lp-hero__content{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-4);text-align:center}@media(min-width:768px){.lp-hero__content{padding-top:7rem}}.lp-hero__title{font-size:2.25rem;font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1.08;color:var(--color-text-primary);margin:0}@media(min-width:640px){.lp-hero__title{font-size:2.75rem}}@media(min-width:768px){.lp-hero__title{font-size:3.75rem}}@media(min-width:1024px){.lp-hero__title{font-size:4.5rem}}.lp-hero__title-accent{background-image:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.lp-hero__subtitle{margin-top:var(--space-5);font-size:1.0625rem;color:var(--color-text-secondary);max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6}@media(min-width:768px){.lp-hero__subtitle{font-size:var(--text-xl)}}.lp-hero__actions{display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;margin-top:var(--space-10)}@media(min-width:640px){.lp-hero__actions{flex-direction:row}}.lp-hero__mockup{position:relative;z-index:1;max-width:960px;margin:var(--space-12) auto 0;padding:0 var(--space-6) var(--space-16)}@media(min-width:768px){.lp-hero__mockup{margin-top:var(--space-16);padding-bottom:6rem}}.lp-hero__mockup-frame{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-subtle);box-shadow:0 4px 12px #0000000a,0 20px 40px -10px #00000014}.lp-hero__mockup-frame img{width:100%;height:auto;display:block}.lp-btn-primary{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 var(--space-8);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--ds-color-white);background:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--duration-normal) var(--ease-out);gap:var(--space-2)}.lp-btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);color:var(--ds-color-white)}.lp-btn-primary:active{transform:scale(.97)}.lp-btn-primary--lg{height:52px;padding:0 var(--space-10);font-size:var(--text-md)}.lp-btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 var(--space-8);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.lp-btn-secondary:hover{background:var(--color-hover-bg);box-shadow:var(--shadow-xs);color:var(--color-text-primary)}.lp-btn-secondary:active{transform:scale(.97)}.lp-section{padding:6rem 0;background:var(--color-bg-surface)}.lp-section--alt{background:var(--color-surface-muted)}.lp-section--bordered{border-bottom:1px solid var(--color-border-subtle)}.lp-section__inner{max-width:960px;margin:0 auto;padding:0 var(--space-6)}@media(min-width:768px){.lp-section{padding:8rem 0}}.lp-section__header{text-align:center;margin-bottom:var(--space-16)}.lp-section__eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-brand-primary);margin-bottom:var(--space-3)}.lp-section__title{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.035em;color:var(--color-text-primary);margin:0}@media(min-width:768px){.lp-section__title{font-size:2.75rem}}.lp-section__description{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--color-text-secondary);max-width:560px;margin-left:auto;margin-right:auto}.lp-card{background:var(--color-bg-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.lp-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lp-card__body{padding:var(--space-6);height:100%}.lp-card__body--lg{padding:var(--space-8)}.lp-card__body--relative{position:relative;overflow:hidden}.lp-icon-box{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-icon-box--brand{background:var(--ds-color-brand-50);color:var(--color-brand-primary)}.lp-icon-box--success{background:#34c75914;color:var(--color-success)}.lp-icon-box--info{background:#5ac8fa14;color:var(--color-info)}.lp-icon-box--warning{background:#ff950014;color:var(--color-warning)}.lp-icon-box--neutral{background:var(--color-surface-muted);color:var(--color-text-secondary)}.lp-icon-box--dark{background:var(--color-text-primary);color:var(--ds-color-white)}.lp-icon-box--sm{width:28px;height:28px;border-radius:var(--radius-md)}.lp-icon-box--lg{width:48px;height:48px;border-radius:var(--radius-xl)}.lp-step-number{font-size:var(--text-3xl);font-weight:900;line-height:1;margin-bottom:var(--space-4)}.lp-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.lp-card-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.lp-tag{display:inline-block;font-size:11px;font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-secondary)}.lp-arch-item{text-align:center;padding:var(--space-8)}.lp-card-glow{position:absolute;top:0;right:0;width:160px;height:160px;border-radius:var(--radius-full);opacity:.04;background:radial-gradient(circle,var(--color-brand-primary),transparent 70%);transform:translate(30%,-30%);pointer-events:none}.lp-section__title--left{text-align:left;margin-bottom:var(--space-6)}.lp-market__desc{font-size:var(--text-lg);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-8)}.lp-tenant-card__subtitle{font-size:10px;color:var(--color-text-tertiary)}.lp-proof-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-10)}@media(min-width:768px){.lp-proof-bar{flex-direction:row;gap:var(--space-16)}}.lp-proof-item{text-align:center}.lp-proof-item__value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.lp-proof-item__label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.lp-market{display:flex;flex-direction:column;gap:var(--space-16);align-items:center}@media(min-width:1024px){.lp-market{flex-direction:row}}.lp-market__content{flex:1}.lp-market__sidebar{flex:1;width:100%;max-width:384px}.lp-market-item{display:flex;align-items:flex-start;gap:var(--space-3)}.lp-market-item+.lp-market-item{margin-top:var(--space-4)}.lp-market-item__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.lp-market-item__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.lp-tenant-card{overflow:hidden}.lp-tenant-card__header{padding:var(--space-5) var(--space-5) var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.lp-tenant-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.lp-tenant-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.lp-tenant-row__avatar{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-tertiary);box-shadow:var(--shadow-xs)}.lp-tenant-row__name{flex:1;min-width:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-tenant-status{font-size:10px;font-weight:var(--font-semibold);padding:2px var(--space-2);border-radius:var(--radius-sm)}.lp-tenant-status--active{background:#34c75914;color:var(--color-success)}.lp-tenant-status--onboarding{background:var(--ds-color-brand-50);color:var(--color-brand-primary)}.lp-cta{max-width:720px;margin:0 auto;padding:0 var(--space-6);text-align:center}.lp-cta__title{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.04em;margin-bottom:var(--space-5)}@media(min-width:768px){.lp-cta__title{font-size:2.75rem}}.lp-cta__text{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-10)}.lp-footer{padding:var(--space-6) 0;background:var(--color-surface-muted);border-top:1px solid var(--color-border-subtle)}.lp-footer__inner{max-width:960px;margin:0 auto;padding:0 var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-3)}@media(min-width:768px){.lp-footer__inner{flex-direction:row}}.lp-footer__copy{font-size:11px;color:var(--color-text-tertiary)}.lp-footer__links{display:flex;gap:var(--space-5)}.lp-footer__link{font-size:11px;color:var(--color-text-tertiary);text-decoration:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.lp-footer__link:hover{color:var(--color-text-secondary)}.lp-reveal{opacity:0;transform:translateY(24px);transition-property:opacity,transform;transition-duration:.7s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.lp-reveal--visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.lp-reveal{opacity:1;transform:none;transition:none}.lp-card,.lp-btn-primary,.lp-btn-secondary{transition:none}}@media(max-width:767px){.lp-hide-mobile{display:none!important}}.lp-card--gradient-overlay{position:relative;overflow:hidden}.lp-card--gradient-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(153,102,255,.03),transparent);pointer-events:none;z-index:0}.lp-card--gradient-overlay>*{position:relative;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-semibold);border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;line-height:1}.btn:disabled{opacity:var(--color-disabled-opacity);cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:var(--text-xs)}.btn-md{padding:8px 16px;font-size:var(--text-sm)}.btn-lg{padding:10px 20px;font-size:var(--text-base)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-hover-bg)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-hover-bg);color:var(--color-text-primary)}.btn-destructive{background:var(--color-error);color:#fff}.btn-destructive:hover:not(:disabled){background:#e5342b}.btn-spinner{animation:spin .6s linear infinite}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-semibold);line-height:1.6;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.badge-default{background:var(--color-neutral-100);color:var(--color-neutral-600)}.badge-default .badge-dot{background:var(--color-neutral-400)}.badge-success{background:#ecfdf5;color:#065f46}.badge-success .badge-dot{background:var(--color-success)}.badge-warning{background:#fffbeb;color:#92400e}.badge-warning .badge-dot{background:var(--color-warning)}.badge-error{background:#fef2f2;color:#991b1b}.badge-error .badge-dot{background:var(--color-error)}.badge-info{background:#9966ff14;color:var(--color-brand-700)}.badge-info .badge-dot{background:var(--color-brand-500)}.badge-purple{background:#9966ff14;color:var(--color-brand-700)}.badge-purple .badge-dot{background:var(--color-brand-500)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-bg);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--duration-fast) var(--ease-out)}.modal-content{background:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:85vh;animation:slideUp var(--duration-normal) var(--ease-spring)}.modal-sm{width:400px}.modal-md{width:560px}.modal-lg{width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-divider)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast)}.modal-close:hover{background:var(--color-hover-bg);color:var(--color-text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-divider)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:380px}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--font-medium);animation:toastIn var(--duration-normal) var(--ease-spring)}.toast-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.toast-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.toast-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.toast-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.toast-message{flex:1}.toast-dismiss{display:flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;opacity:.5;cursor:pointer;padding:2px;border-radius:var(--radius-sm)}.toast-dismiss:hover{opacity:1}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.entities-page,.ed-page{padding:var(--space-2) 0}.ed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.ed-card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.ed-card-title__icon{color:var(--color-primary);flex-shrink:0}.ed-card-title__count{font-weight:400;font-size:var(--text-xs);color:var(--color-text-tertiary)}.ed-kv-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle, rgba(0, 0, 0, .04))}.ed-kv-row:last-child{border-bottom:none}.ed-kv-row__label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px;min-width:120px;flex-shrink:0}.ed-kv-row__icon{opacity:.5;flex-shrink:0}.ed-kv-row__value{font-size:var(--text-sm);color:var(--color-text-primary);text-align:right;flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1)}.ed-kv-row__value--mono{font-family:var(--font-mono, "JetBrains Mono", monospace)}.ed-entity-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-brand-600, var(--color-primary));font-weight:var(--font-medium, 500);text-decoration:none;transition:color var(--duration-fast, .12s),text-decoration var(--duration-fast, .12s);cursor:pointer}.ed-entity-link:hover{color:var(--color-brand-700, var(--color-primary));text-decoration:underline}.ed-entity-link svg{opacity:.5;flex-shrink:0;transition:opacity var(--duration-fast, .12s)}.ed-entity-link:hover svg{opacity:1}.ed-rel-list{border-top:1px solid var(--color-border-subtle, rgba(0, 0, 0, .04))}.ed-rel-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);border-bottom:1px solid var(--color-border-subtle, rgba(0, 0, 0, .04));transition:background var(--duration-fast, .12s) var(--ease-out, ease-out)}.ed-rel-row:last-child{border-bottom:none}.ed-rel-row__link{text-decoration:none;color:inherit;display:block}.ed-rel-row__link:hover .ed-rel-row{background:var(--color-bg-hover, rgba(0, 0, 0, .02));cursor:pointer}.ed-rel-row__link:hover .ed-rel-row__nav-icon{opacity:1;color:var(--color-brand-600, var(--color-primary))}.ed-rel-row__nav-icon{margin-left:auto;opacity:.3;color:var(--color-text-tertiary);flex-shrink:0;transition:opacity var(--duration-fast, .12s),color var(--duration-fast, .12s)}.ed-rel-icon{opacity:.35;flex-shrink:0}.ed-rel-primary{font-weight:500;color:var(--color-text-primary)}.ed-rel-secondary{color:var(--color-text-secondary);font-size:var(--text-xs)}.ed-rel-meta,.ed-rel-date{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-tertiary)}.ed-rel-xg{font-weight:600;font-size:var(--text-xs);color:var(--color-primary);font-family:var(--font-mono, "JetBrains Mono", monospace)}.ed-mono{font-family:var(--font-mono, "JetBrains Mono", monospace)}.ed-empty-rel{color:var(--color-text-tertiary);font-size:var(--text-sm);padding:var(--space-4) var(--space-5);text-align:center}.ed-link-all{font-size:var(--text-xs);color:var(--color-primary);text-decoration:none;font-weight:500;white-space:nowrap}.ed-link-all:hover{text-decoration:underline}.ed-movement{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle, rgba(0, 0, 0, .04))}.ed-movement:last-child{border-bottom:none}.ed-movement__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.ed-movement__date{font-size:var(--text-xs);color:var(--color-text-secondary)}.ed-movement__gooper{font-size:var(--text-xs);color:var(--color-text-tertiary)}.entity-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;animation:ed-fadeIn .15s ease-out}.entity-modal{background:var(--color-bg-surface, #fff);border:1px solid var(--color-border-subtle, rgba(0, 0, 0, .06));border-radius:var(--radius-xl, 16px);width:90%;max-width:540px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 64px #0000002e;animation:ed-slideUp .2s ease-out}.entity-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle, rgba(0, 0, 0, .06))}.entity-modal-header h2{font-size:var(--text-lg);font-weight:700;margin:0;color:var(--color-text-primary)}.entity-modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary, #888);padding:4px;border-radius:var(--radius-sm, 4px);transition:color .15s,background .15s}.entity-modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-hover, rgba(0, 0, 0, .04))}.entity-modal-body{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.entity-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle, rgba(0, 0, 0, .06))}.entity-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.entity-form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle, rgba(0, 0, 0, .08));border-radius:var(--radius-md);background:var(--color-bg-surface, #fff);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color .2s,box-shadow .2s}.entity-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px hsla(var(--accent-hue, 210),70%,50%,.12)}.entity-form-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.3px}@keyframes ed-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ed-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ed-action-bar{display:flex;gap:var(--space-2);margin:var(--space-3) 0}.ed-action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-subtle, rgba(0, 0, 0, .08));border-radius:var(--radius-md);background:var(--color-bg-surface, #fff);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s ease}.ed-action-btn:hover{background:var(--color-bg-hover, rgba(0, 0, 0, .04));color:var(--color-text-primary)}.ed-action-btn--edit:hover{border-color:var(--color-primary);color:var(--color-primary)}.ed-action-btn--delete:hover{border-color:#d74242;color:#d74242;background:#d742420a}.ed-confirm-dialog{background:var(--color-bg-surface, #fff);border:1px solid var(--color-border-subtle, rgba(0, 0, 0, .06));border-radius:var(--radius-xl, 16px);width:90%;max-width:420px;padding:var(--space-6);text-align:center;box-shadow:0 24px 64px #0000002e;animation:ed-slideUp .2s ease-out}.ed-confirm-dialog__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#d7424214;color:#d74242;margin-bottom:var(--space-3)}.ed-confirm-dialog__title{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.ed-confirm-dialog__text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-5);line-height:1.5}.ed-confirm-dialog__actions{display:flex;gap:var(--space-3);justify-content:center}.entity-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .15s ease}.entity-btn:disabled{opacity:.6;cursor:not-allowed}.entity-btn.primary{background:var(--color-primary);color:#fff}.entity-btn.primary:hover:not(:disabled){filter:brightness(1.08)}.entity-btn.secondary{background:var(--color-bg-hover, rgba(0, 0, 0, .04));color:var(--color-text-secondary);border:1px solid var(--color-border-subtle, rgba(0, 0, 0, .08))}.entity-btn.secondary:hover:not(:disabled){background:var(--color-bg-surface);color:var(--color-text-primary)}.entity-btn.danger{background:#d74242;color:#fff}.entity-btn.danger:hover:not(:disabled){background:#ca2b2b}.entity-form-input[type=text],.entity-form-input[type=tel],.entity-form-input[type=email],.entity-form-input[type=number],select.entity-form-input,textarea.entity-form-input{box-sizing:border-box}select.entity-form-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:var(--space-2) var(--space-3)}.services-page{padding:var(--space-2) 0}.services-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.services-toolbar-left{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.services-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);transition:all var(--duration-fast);max-width:260px;flex:1}.services-search:focus-within{border-color:var(--color-brand-500);background:var(--color-white);box-shadow:0 0 0 3px #9966ff1f}.services-search input{border:none;background:none;outline:none;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);width:100%}.services-search input::placeholder{color:var(--color-neutral-400)}.service-detail{padding:var(--space-2) 0}.service-detail-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.service-detail-xg{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-brand-700)}.service-detail-meta{display:flex;align-items:center;gap:var(--space-2)}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.service-info-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.service-info-card h3{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.service-info-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-divider)}.service-info-row:last-child{border-bottom:none}.service-info-label{font-size:var(--text-sm);color:var(--color-neutral-500)}.service-info-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.service-back-btn{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-neutral-500);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;margin-bottom:var(--space-4);transition:color var(--duration-fast)}.service-back-btn:hover{color:var(--color-brand-500)}@media(max-width:768px){.service-detail-grid{grid-template-columns:1fr}}.service-detail-skeleton{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) 0}.service-skeleton-block{height:80px;width:100%;border-radius:var(--radius-lg)}.service-type-chip{cursor:default}.journey-roadmap{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5) var(--space-4);box-shadow:var(--shadow-xs);margin-bottom:var(--space-6)}.journey-roadmap__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.journey-roadmap__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.06em;margin:0}.journey-exception{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.journey-exception--incident{background:#f59e0b1f;color:#b45309}.journey-exception--cancelled{background:#ef44441a;color:#dc2626}.journey-stepper{display:flex;align-items:flex-start;overflow-x:auto;gap:0;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.journey-stepper::-webkit-scrollbar{height:4px}.journey-stepper::-webkit-scrollbar-thumb{background:var(--color-neutral-200);border-radius:2px}.journey-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1 1 0;min-width:72px}.journey-connector{position:absolute;top:14px;right:calc(50% + 16px);width:calc(100% - 32px);height:2px;background:var(--color-neutral-200);border-radius:1px}.journey-connector--filled{background:var(--color-brand-500)}.journey-step__node{position:relative;z-index:1;margin-bottom:var(--space-2)}.journey-step__check{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-brand-500);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #9966ff26}.journey-step__pulse{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-white);border:2.5px solid var(--color-brand-500);color:var(--color-brand-600);display:flex;align-items:center;justify-content:center;animation:journeyPulse 2s ease-in-out infinite;box-shadow:0 0 0 3px #9966ff2e}@keyframes journeyPulse{0%,to{box-shadow:0 0 0 3px #9966ff2e}50%{box-shadow:0 0 0 6px #9966ff1a}}.journey-step__dot{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-neutral-100);border:1.5px solid var(--color-neutral-250, var(--color-neutral-200));color:var(--color-neutral-400);display:flex;align-items:center;justify-content:center}.journey-step__label{font-size:10px;font-weight:var(--font-medium);color:var(--color-neutral-400);text-align:center;line-height:1.25;max-width:90px;word-wrap:break-word}.journey-step__time{font-size:10px;color:var(--color-brand-500);text-align:center;margin-top:3px;font-weight:var(--font-semibold);font-variant-numeric:tabular-nums}.journey-step__date{font-size:9px;color:var(--color-neutral-400);text-align:center;margin-top:1px;font-variant-numeric:tabular-nums}.journey-step__time--placeholder,.journey-step__date--placeholder{opacity:.4;font-style:italic}.journey-step--completed .journey-step__label{color:var(--color-brand-600);font-weight:var(--font-semibold)}.journey-step--active .journey-step__label{color:var(--color-brand-700);font-weight:var(--font-bold);font-size:11px}@media(max-width:768px){.journey-stepper{gap:0}.journey-step{min-width:62px}.journey-step__label{font-size:9px}}.sa-page{padding:var(--space-5) 0}.sa-page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:4px 0 0}.sa-select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sa-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-light)}.sa-summary-pills{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.sa-btn-back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid transparent;cursor:pointer;margin-bottom:var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.sa-btn-back:hover{background:var(--bg-tertiary)}.sa-detail-header{margin-bottom:var(--space-5)}.sa-detail-title-row{display:flex;align-items:center;gap:var(--space-3)}.sa-detail-meta{display:flex;gap:var(--space-2);margin-top:6px;font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap}.sa-detail-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.sa-detail-grid{display:flex;flex-direction:column;gap:var(--space-4)}.sa-card{background:var(--bg-primary);border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.sa-card-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.sa-kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.sa-kv{display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.sa-kv-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--weight-semibold)}.sa-kv-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);word-break:break-word;overflow-wrap:break-word}.sa-kv-value.plan{color:var(--accent)}.sa-kv-value.total{color:var(--success);font-size:var(--text-lg)}.sa-subheading{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);margin:var(--space-3) 0 var(--space-2);text-transform:uppercase;letter-spacing:.05em}.sa-module-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sa-module-tag{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium)}.sa-module-tag.core{background:var(--success-light);color:#248a3d}.sa-module-tag.addon{background:var(--accent-light);color:var(--accent)}.sa-module-tag.available{background:var(--bg-secondary);color:var(--text-tertiary);border:1px dashed rgba(0,0,0,.1)}.sa-override-badge{margin-left:var(--space-2);padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:.65rem;font-weight:var(--weight-bold);text-transform:uppercase;background:var(--warning-light);color:#c25700}.sa-pricing-table{width:100%;border-collapse:collapse}.sa-pricing-table td{padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid rgba(0,0,0,.04)}.sa-pricing-total td{font-weight:var(--weight-bold);font-size:var(--text-base);border-top:2px solid rgba(0,0,0,.08);border-bottom:none;padding-top:var(--space-3)}.sa-timeline{display:flex;flex-direction:column;gap:var(--space-3)}.sa-timeline-item{display:flex;gap:var(--space-3);align-items:flex-start}.sa-timeline-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--accent);margin-top:4px;flex-shrink:0;border:2px solid var(--bg-primary);box-shadow:0 0 0 2px var(--bg-secondary)}.sa-timeline-dot--commercial{background:var(--accent)}.sa-timeline-dot--scheduled{background:var(--warning)}.sa-timeline-dot--billing{background:var(--success)}.sa-timeline-content{flex:1}.sa-timeline-date{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.sa-timeline-desc{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.sa-empty-text{font-size:var(--text-sm);color:var(--text-tertiary)}.sa-empty-state{text-align:center;padding:var(--space-12) var(--space-5)}.sa-empty-state h2{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2)}.sa-empty-state p{color:var(--text-secondary);margin-bottom:var(--space-4)}.sa-table--compact{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.sa-table--compact th{text-align:left;padding:var(--space-2) var(--space-3);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid rgba(0,0,0,.06)}.sa-table--compact td{padding:var(--space-2) var(--space-3);border-bottom:1px solid rgba(0,0,0,.04)}.sa-link-btn{padding:0}.sa-overdue-tag{margin-left:4px;font-size:.65rem}.sa-actions-row,.sa-actions-group{display:flex;gap:4px}.sa-header-actions{display:flex;justify-content:flex-end;margin-bottom:var(--space-4)}.sa-btn-primary{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:var(--accent);color:#fff;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sa-btn-primary:hover:not(:disabled){opacity:.9}.sa-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sa-btn-secondary{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sa-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.sa-status-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.sa-btn-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);border:1px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sa-btn-status:disabled{opacity:.5;cursor:not-allowed}.sa-btn-status--success{background:var(--success-light);color:#248a3d}.sa-btn-status--success:hover:not(:disabled){background:#d5f5d9}.sa-btn-status--warning{background:var(--warning-light);color:#c25700}.sa-btn-status--warning:hover:not(:disabled){background:#ffecd0}.sa-btn-status--danger{background:var(--danger-light);color:#d70015}.sa-btn-status--danger:hover:not(:disabled){background:#ffd9dc}.sa-btn-status--danger-outline{background:transparent;color:var(--danger);border:1px solid var(--danger)}.sa-btn-status--danger-outline:hover:not(:disabled){background:var(--danger-light)}.sa-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sa-modal{background:var(--bg-primary);border-radius:var(--radius-xl);width:680px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #0003;animation:sa-modal-enter .2s var(--ease-out)}@keyframes sa-modal-enter{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sa-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(0,0,0,.06)}.sa-modal-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.sa-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);transition:background var(--duration-fast) var(--ease-out)}.sa-modal-close:hover{background:var(--bg-tertiary)}.sa-modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.sa-modal-error{margin-bottom:var(--space-4)}.sa-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid rgba(0,0,0,.06)}.sa-form-section-title{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:var(--space-4) 0 var(--space-2);padding-top:var(--space-3);border-top:1px solid rgba(0,0,0,.04)}.sa-form-section-title:first-child{margin-top:0;padding-top:0;border-top:none}.sa-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.sa-form-field{display:flex;flex-direction:column;gap:4px}.sa-form-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.sa-form-input,.sa-form-select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.1);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out)}.sa-form-input:focus,.sa-form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.sa-module-toggle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-2);margin-top:var(--space-2)}.sa-module-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.08);background:var(--bg-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sa-module-toggle:hover{background:var(--bg-secondary)}.sa-module-toggle.active{background:var(--accent-light);border-color:var(--accent)}.sa-module-toggle input[type=checkbox]{accent-color:var(--accent)}.sa-module-toggle-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);flex:1}.sa-module-toggle-price{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-medium)}.sa-card-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:-.5rem 0 var(--space-3)}.sa-module-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-2)}.sa-module-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.06);background:var(--bg-primary);transition:all var(--duration-fast) var(--ease-out)}.sa-module-item.active{background:var(--success-light);border-color:#34c75933}.sa-module-item.inactive{background:var(--bg-secondary);border-color:#0000000a}.sa-module-item-info{display:flex;flex-direction:column;gap:2px}.sa-module-item-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.sa-module-item-meta{display:flex;align-items:center;gap:var(--space-2)}.sa-module-badge-plan{font-size:.6rem;font-weight:var(--weight-bold);text-transform:uppercase;padding:1px 6px;border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent)}.sa-module-item-price{font-size:var(--text-xs);color:var(--text-tertiary)}.sa-module-toggle-btn{width:44px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.sa-module-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.sa-toggle-track{width:44px;height:24px;border-radius:12px;background:var(--bg-tertiary);position:relative;transition:background var(--duration-normal) var(--ease-out)}.sa-module-toggle-btn.active .sa-toggle-track{background:var(--success)}.sa-toggle-thumb{width:20px;height:20px;border-radius:var(--radius-full);background:#fff;box-shadow:0 1px 3px #0003;position:absolute;top:2px;left:2px;transition:transform var(--duration-normal) var(--ease-out)}.sa-module-toggle-btn.active .sa-toggle-thumb{transform:translate(20px)}.sa-tab-bar{display:flex;gap:0;margin-bottom:var(--space-4);border-bottom:2px solid rgba(0,0,0,.06)}.sa-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-tertiary);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sa-tab:hover{color:var(--text-primary)}.sa-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.sa-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.sa-kpi-card{background:var(--bg-primary);border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.sa-kpi-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.sa-kpi-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.sa-kpi-value.accent{color:var(--accent)}.sa-kpi-value.success{color:var(--success)}.sa-kpi-value--inline{color:var(--accent)}.sa-billing-table{overflow-x:auto}.sa-billing-account-row:hover{background:var(--bg-secondary)}.sa-billing-total-row td{border-top:2px solid rgba(0,0,0,.08);padding-top:var(--space-3);font-size:var(--text-sm)}.sa-plan-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-bold)}.sa-billing-detail-row td{background:var(--bg-secondary);border-bottom:1px solid rgba(0,0,0,.06);padding:0}.sa-billing-modules-detail{padding:var(--space-3) var(--space-4)}.sa-billing-modules-title{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.sa-billing-modules-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sa-billing-module-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.06)}.sa-billing-module-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.sa-billing-module-price{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-semibold)}.sa-btn-action{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.08);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sa-btn-action:hover{background:var(--bg-secondary)}.sa-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.sa-module-card{background:var(--bg-primary);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);transition:all var(--duration-fast) var(--ease-out)}.sa-module-card:hover{box-shadow:var(--shadow-md);border-color:#0000001a}.sa-module-card--inactive{opacity:.55;border-style:dashed}.sa-module-card__header{display:flex;justify-content:space-between;align-items:center}.sa-module-card__type{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary)}.sa-module-card__name{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);margin:0;line-height:1.3}.sa-module-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sa-module-card__meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.sa-module-card__code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm)}.sa-module-card__price{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--accent)}.sa-module-card__footer{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.sa-module-card__category{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-medium)}.sa-module-card__pricing{font-size:var(--text-xs);color:var(--warning);font-weight:var(--weight-medium)}.sa-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.03em}.sa-badge--success{background:var(--success-light);color:#248a3d}.sa-badge--warning{background:var(--warning-light);color:#c25700}.sa-badge--danger{background:var(--danger-light);color:#d70015}.sa-badge--ghost{background:var(--bg-secondary);color:var(--text-tertiary)}.sa-filter-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);flex-wrap:wrap}.sa-filter-tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sa-filter-tab:hover{background:var(--bg-secondary)}.sa-filter-tab--active{background:var(--accent-light);color:var(--accent);font-weight:var(--weight-semibold)}.sa-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.sa-skeleton-card{height:160px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:sa-skeleton-pulse 1.5s ease-in-out infinite}@keyframes sa-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.sa-error-card{padding:var(--space-5);background:var(--danger-light);border-radius:var(--radius-lg);border:1px solid rgba(215,0,21,.15);text-align:center;color:#d70015}.sa-error-card p{margin-bottom:var(--space-3);font-weight:var(--weight-medium)}.sa-governance-section{margin-top:var(--space-4)}.sa-governance-section:first-of-type{margin-top:0}.sa-preview-section{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid}.sa-preview-section--danger{background:var(--danger-light);border-color:#d7001526}.sa-preview-section--warning{background:var(--warning-light);border-color:#c2570026}.sa-preview-section--info{background:var(--accent-light);border-color:#007aff26}.sa-preview-title{font-size:var(--text-sm);font-weight:var(--weight-bold);margin:0 0 var(--space-2)}.sa-preview-item{font-size:var(--text-sm);margin:0 0 4px;line-height:1.5}.conv-root{display:flex;flex-direction:column;gap:12px;height:calc(100vh - var(--header-height) - var(--space-6) - var(--space-6));min-height:0}.conv-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.conv-header__title{font-size:var(--text-lg);font-weight:700;margin:0}.conv-header__actions{display:flex;gap:8px;align-items:center}.conv-live-dot{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-success);font-weight:600}.conv-live-dot__circle{width:6px;height:6px;border-radius:50%;background:var(--text-success);animation:conv-pulse 2s infinite}@keyframes conv-pulse{0%,to{opacity:1}50%{opacity:.4}}.conv-main{display:flex;flex:1;min-height:0;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.conv-list{display:flex;flex-direction:column;width:clamp(260px,30%,340px);flex-shrink:0;border-right:1px solid var(--border-color);background:var(--bg-primary)}.conv-list__filters{padding:10px;flex-shrink:0;border-bottom:1px solid var(--border-color)}.conv-list__search{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .2s}.conv-list__search:focus{border-color:var(--accent)}.conv-list__chips{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.conv-chip{padding:4px 10px;border-radius:12px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.conv-chip:hover{background:var(--bg-secondary)}.conv-chip--active{background:var(--accent);color:#fff;border-color:var(--accent)}.conv-list__scroll{flex:1;overflow:auto;min-height:0}.conv-row{display:flex;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background .15s}.conv-row:hover{background:var(--bg-tertiary)}.conv-row--selected{background:var(--bg-secondary)}.conv-row__avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:15px;flex-shrink:0;position:relative}.conv-row__status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-primary)}.conv-row__info{flex:1;min-width:0;overflow:hidden}.conv-row__top{display:flex;justify-content:space-between;align-items:center}.conv-row__name{font-weight:600;font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-row__time{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0;margin-left:4px}.conv-row__phone{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-row__preview{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.conv-row__tags{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.conv-row__tag{font-size:9px;padding:1px 6px;border-radius:4px;font-weight:600}.conv-chat{display:flex;flex-direction:column;flex:1;min-width:0;background:var(--bg-primary)}.conv-chat__header{padding:10px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px;flex-shrink:0}.conv-chat__header-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.conv-chat__header-info{flex:1;min-width:0}.conv-chat__header-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-chat__header-phone{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.conv-chat__messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:0}.conv-bubble-row{display:flex}.conv-bubble-row--outbound{justify-content:flex-end}.conv-bubble-row--inbound{justify-content:flex-start}.conv-bubble{max-width:70%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.45;position:relative}.conv-bubble--outbound{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 80%,#000));color:#fff;border-bottom-right-radius:4px}.conv-bubble--inbound{background:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:4px}.conv-bubble__media{display:block;margin-bottom:6px;padding:6px 8px;border-radius:6px;font-size:11px;text-decoration:none;transition:opacity .15s}.conv-bubble__media:hover{opacity:.8}.conv-bubble__media--outbound{background:#ffffff26;color:#fff}.conv-bubble__media--inbound{background:var(--bg-tertiary);color:var(--accent)}.conv-bubble__meta{font-size:10px;margin-top:4px;text-align:right;font-family:var(--font-mono)}.conv-bubble__meta--outbound{color:#ffffff8c}.conv-bubble__meta--inbound{color:var(--text-tertiary)}.conv-chat__input-bar{padding:10px 16px;border-top:1px solid var(--border-color);display:flex;gap:8px;flex-shrink:0;align-items:center}.conv-chat__input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .2s}.conv-chat__input:focus{border-color:var(--accent)}.conv-chat__send-btn{padding:8px 16px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:opacity .15s}.conv-chat__send-btn:hover{opacity:.9}.conv-chat__send-btn:disabled{opacity:.5;cursor:not-allowed}.conv-empty{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.conv-empty__content{text-align:center}.conv-empty__icon{font-size:48px;margin-bottom:12px}.conv-empty__title{font-weight:600;font-size:16px;color:var(--text-primary)}.conv-empty__desc{font-size:13px;color:var(--text-tertiary);margin-top:4px}.conv-sidebar{width:clamp(220px,24%,280px);flex-shrink:0;border-left:1px solid var(--border-color);overflow:auto;background:var(--bg-primary);padding:14px;display:flex;flex-direction:column;gap:12px}.conv-sidebar__card{border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.conv-sidebar__card-header{padding:8px 12px;font-weight:600;font-size:12px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.conv-sidebar__card-body{padding:10px 12px;font-size:12px}.conv-sidebar__info-row{display:flex;justify-content:space-between;padding:3px 0}.conv-sidebar__info-label{color:var(--text-tertiary);font-weight:500}.conv-sidebar__info-value{color:var(--text-primary);font-family:var(--font-mono);font-size:11px;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis}.conv-sidebar__card-footer{padding:8px 12px;border-top:1px solid var(--border-color)}.conv-sidebar__assign-btn{width:100%;padding:6px 12px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.conv-sidebar__assign-btn:hover{background:var(--bg-secondary);border-color:var(--accent)}.conv-sidebar__toggle{background:none;border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all .15s}.conv-sidebar__toggle:hover{background:var(--bg-secondary)}.conv-status--open,.conv-status--active{background:var(--text-success)}.conv-status--idle{background:var(--text-warning)}.conv-status--closed,.conv-status--archived{background:var(--text-tertiary)}.conv-check{font-size:10px}.conv-check--sent{color:#ffffff80}.conv-check--delivered{color:#ffffffb3}.conv-check--read{color:#53bdeb}.conv-fade-in{animation:conv-fade-in .25s ease-out}@keyframes conv-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-semibold);border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;line-height:1;user-select:none;-webkit-user-select:none;text-decoration:none}.ds-btn:disabled,.ds-btn[aria-disabled=true]{opacity:var(--color-disabled-opacity);cursor:not-allowed;pointer-events:none}.ds-btn:active:not(:disabled){transform:scale(.97)}.ds-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.ds-btn--sm{padding:6px 12px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.ds-btn--md{padding:8px 16px;font-size:var(--text-sm)}.ds-btn--lg{padding:10px 20px;font-size:var(--text-base);border-radius:var(--radius-lg)}.ds-btn--primary{background:var(--color-primary);color:var(--ds-color-white)}.ds-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.ds-btn--secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.ds-btn--secondary:hover:not(:disabled){background:var(--color-hover-bg)}.ds-btn--ghost{background:transparent;color:var(--color-text-secondary)}.ds-btn--ghost:hover:not(:disabled){background:var(--color-hover-bg);color:var(--color-text-primary)}.ds-btn--destructive{background:var(--color-error);color:var(--ds-color-white)}.ds-btn--destructive:hover:not(:disabled){background:#e5342b;box-shadow:var(--shadow-sm)}.ds-btn--full{width:100%}.ds-btn--loading{position:relative;color:transparent}.ds-btn__spinner{animation:spin .6s linear infinite}.ds-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--ds-color-neutral-50);transition:all var(--duration-fast) var(--ease-out);outline:none;line-height:1.5}.ds-input::placeholder{color:var(--color-text-tertiary)}.ds-input:focus{border-color:var(--color-border-focus);background:var(--color-bg-surface);box-shadow:0 0 0 3px var(--color-focus-ring)}.ds-input:disabled{opacity:var(--color-disabled-opacity);cursor:not-allowed}.ds-input--error{border-color:var(--color-error)}.ds-input--error:focus{box-shadow:0 0 0 3px #ff3b3026}.ds-input--sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.ds-input--lg{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.ds-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--ds-color-neutral-50);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);max-width:280px;flex:1}.ds-search:focus-within{border-color:var(--color-border-focus);background:var(--color-bg-surface);box-shadow:0 0 0 3px var(--color-focus-ring)}.ds-search__icon{color:var(--color-text-tertiary);flex-shrink:0}.ds-search__input{border:none;background:none;outline:none;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);width:100%;line-height:1.5}.ds-search__input::placeholder{color:var(--color-text-tertiary)}.ds-search__clear{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:all var(--duration-fast)}.ds-search__clear:hover{color:var(--color-text-primary);background:var(--color-hover-bg)}.ds-search--sm{padding:var(--space-1) var(--space-2);max-width:220px}.ds-search--sm .ds-search__input{font-size:var(--text-xs)}.ds-select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--ds-color-neutral-50);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239898A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;min-width:120px}.ds-select:focus{border-color:var(--color-border-focus);background-color:var(--color-bg-surface);box-shadow:0 0 0 3px var(--color-focus-ring)}.ds-select:disabled{opacity:var(--color-disabled-opacity);cursor:not-allowed}.ds-select--sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);padding-right:24px;min-width:100px}.ds-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.ds-checkbox__input{width:16px;height:16px;accent-color:var(--color-primary);border-radius:4px;cursor:pointer}.ds-checkbox__input:disabled{opacity:var(--color-disabled-opacity);cursor:not-allowed}.ds-checkbox__label{font-size:var(--text-sm);color:var(--color-text-primary)}.ds-checkbox--disabled{opacity:var(--color-disabled-opacity);cursor:not-allowed}.ds-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.04);transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-card--elevated{box-shadow:var(--shadow-md)}.ds-card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.ds-card--interactive:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.ds-card--glass{background:var(--color-glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--color-glass-border)}.ds-card__header{padding:var(--space-5) var(--space-5) var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ds-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.ds-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.ds-card__body{padding:var(--space-3) var(--space-5) var(--space-5)}.ds-card__body--flush{padding:0}.ds-card__footer{padding:var(--space-3) var(--space-5);border-top:1px solid rgba(0,0,0,.04);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.ds-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.ds-page-header__left{display:flex;flex-direction:column;gap:2px;min-width:0}.ds-page-header__back{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;background:none;border:none;padding:0;margin-bottom:var(--space-3);transition:color var(--duration-fast)}.ds-page-header__back:hover{color:var(--color-primary)}.ds-page-header__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.ds-page-header__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.ds-page-header__actions{display:flex;align-items:center;gap:var(--space-2)}.ds-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ds-table thead{position:sticky;top:0;z-index:2}.ds-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.ds-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);color:var(--color-text-primary);vertical-align:middle}.ds-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.ds-table tbody tr:hover{background:#9966ff08}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table--clickable tbody tr{cursor:pointer}.ds-table__cell--mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.ds-table__cell--bold{font-weight:var(--font-semibold)}.ds-table__cell--right{text-align:right}.ds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;animation:fadeIn var(--duration-normal) var(--ease-out)}.ds-empty__icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.2}.ds-empty__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.ds-empty__description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px;line-height:1.6}.ds-empty__action{margin-top:var(--space-5)}.ds-skeleton{background:linear-gradient(90deg,var(--ds-color-neutral-100) 25%,var(--ds-color-neutral-200) 50%,var(--ds-color-neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.ds-skeleton--text{height:14px;width:100%}.ds-skeleton--title{height:20px;width:60%}.ds-skeleton--avatar{width:40px;height:40px;border-radius:var(--radius-full)}.ds-skeleton--card{height:120px;border-radius:var(--radius-lg)}.ds-skeleton--row{height:44px;width:100%;border-radius:var(--radius-sm)}.ds-form-field{display:flex;flex-direction:column;gap:var(--space-1)}.ds-form-field__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.ds-form-field__help{font-size:var(--text-xs);color:var(--color-text-tertiary)}.ds-form-field__error{font-size:var(--text-xs);color:var(--color-error);font-weight:var(--font-medium)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-600:oklch(66.6% .179 58.318);--color-green-500:oklch(72.3% .219 149.579);--color-teal-500:oklch(70.4% .14 182.503);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.resize{resize:both}.scroll-mt-12{scroll-margin-top:calc(var(--spacing) * 12)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-8{gap:calc(var(--spacing) * 8)}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--ds-color-white:#fff;--ds-color-black:#000;--ds-color-brand-50:#9966ff0f;--ds-color-brand-100:#c2a5fc;--ds-color-brand-500:#96f;--ds-color-brand-600:#8040f0;--ds-color-brand-700:#7027cc;--ds-color-neutral-50:#f8f8fa;--ds-color-neutral-100:#f0f0f4;--ds-color-neutral-150:#eaeaee;--ds-color-neutral-200:#e0e0e6;--ds-color-neutral-300:#c8c8d0;--ds-color-neutral-400:#9898a4;--ds-color-neutral-500:#6b6b7a;--ds-color-neutral-600:#4d4d5c;--ds-color-neutral-700:#36364a;--ds-color-neutral-800:#252538;--ds-color-neutral-900:#1a1a2e;--ds-color-neutral-950:#12121f;--ds-color-green-500:#34c759;--ds-color-green-100:#dcfce7;--ds-color-red-500:#ff3b30;--ds-color-red-100:#fee2e2;--ds-color-orange-500:#ff9500;--ds-color-orange-100:#fff3cd;--ds-color-yellow-500:#fc0;--ds-color-teal-500:#5ac8fa;--color-brand-primary:var(--ds-color-brand-500);--color-brand-strong:var(--ds-color-brand-700);--color-brand-soft:var(--ds-color-brand-100);--color-primary:var(--ds-color-brand-500);--color-primary-hover:var(--ds-color-brand-600);--color-primary-active:var(--ds-color-brand-700);--color-success:var(--ds-color-green-500);--color-success-light:var(--ds-color-green-100);--color-error:var(--ds-color-red-500);--color-error-light:var(--ds-color-red-100);--color-warning:var(--ds-color-orange-500);--color-warning-light:var(--ds-color-orange-100);--color-info:var(--ds-color-teal-500);--color-info-light:#5ac8fa1a;--color-surface-base:var(--ds-color-white);--color-surface-muted:var(--ds-color-neutral-50);--color-surface-subtle:var(--ds-color-neutral-100);--color-bg-app:var(--ds-color-neutral-50);--color-bg-surface:var(--ds-color-white);--color-bg-elevated:var(--ds-color-white);--color-bg-sidebar:var(--ds-color-white);--color-bg-glass:#ffffffd9;--color-text-primary:var(--ds-color-neutral-900);--color-text-secondary:var(--ds-color-neutral-500);--color-text-tertiary:var(--ds-color-neutral-400);--color-text-inverse:var(--ds-color-white);--color-text-link:var(--ds-color-brand-500);--color-text-brand:var(--ds-color-neutral-900);--color-border-subtle:var(--ds-color-neutral-150);--color-border-default:var(--ds-color-neutral-200);--color-border:var(--ds-color-neutral-150);--color-border-focus:var(--ds-color-brand-500);--color-divider:var(--ds-color-neutral-100);--color-hover-bg:#00000008;--color-active-bg:#0000000d;--color-selected-bg:#9966ff14;--color-disabled-opacity:.4;--color-focus-ring:#9966ff59;--color-overlay-bg:#00000059;--color-sidebar-bg:var(--ds-color-white);--color-sidebar-text:var(--ds-color-neutral-500);--color-sidebar-text-active:var(--ds-color-white);--color-sidebar-active:var(--ds-color-brand-500);--color-sidebar-hover:var(--ds-color-neutral-100);--color-sidebar-border:var(--ds-color-neutral-150);--gradient-brand:linear-gradient(135deg, #c2a5fc, #96f, #7027cc);--color-glass-bg:#ffffffb8;--color-glass-border:#ffffff2e;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000005;--blur-sm:8px;--blur-md:16px;--blur-lg:24px;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50;--z-devbar:60;--sidebar-width:240px;--sidebar-width-collapsed:72px;--topbar-height:56px;--content-max-width:1440px;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}:root{--accent:var(--color-brand-primary);--accent-hover:var(--color-primary-hover);--accent-light:var(--color-selected-bg);--bg-primary:var(--color-bg-surface);--bg-secondary:var(--color-surface-muted);--bg-tertiary:var(--ds-color-neutral-200);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--weight-regular:var(--font-normal);--weight-medium:var(--font-medium);--weight-semibold:var(--font-semibold);--weight-bold:var(--font-bold);--leading-normal:1.5;--leading-relaxed:1.6;--success:var(--color-success);--success-light:var(--color-success-light);--danger:var(--color-error);--danger-light:var(--color-error-light);--warning:var(--color-warning);--warning-light:var(--color-warning-light);--info-light:var(--color-info-light);--glass-bg:var(--color-glass-bg);--glass-blur:var(--blur-md);--glass-border:var(--color-glass-border);--border-color:var(--color-border)}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-600:oklch(66.6% .179 58.318);--color-green-500:oklch(72.3% .219 149.579);--color-teal-500:oklch(70.4% .14 182.503);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.resize{resize:both}.scroll-mt-12{scroll-margin-top:calc(var(--spacing) * 12)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-8{gap:calc(var(--spacing) * 8)}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--color-white:#fff;--color-black:#000;--color-brand-50:#9966ff0f;--color-brand-100:#c2a5fc;--color-brand-500:#96f;--color-brand-600:#8040f0;--color-brand-700:#7027cc;--color-neutral-50:#f8f8fa;--color-neutral-100:#f0f0f4;--color-neutral-150:#eaeaee;--color-neutral-200:#e0e0e6;--color-neutral-300:#c8c8d0;--color-neutral-400:#9898a4;--color-neutral-500:#6b6b7a;--color-neutral-600:#4d4d5c;--color-neutral-700:#36364a;--color-neutral-800:#252538;--color-neutral-900:#1a1a2e;--color-neutral-950:#12121f;--color-green-500:#34c759;--color-green-100:#dcfce7;--color-red-500:#ff3b30;--color-red-100:#fee2e2;--color-orange-500:#ff9500;--color-orange-100:#fff3cd;--color-yellow-500:#fc0;--color-teal-500:#5ac8fa;--color-brand-primary:var(--color-brand-500);--color-brand-strong:var(--color-brand-700);--color-brand-soft:var(--color-brand-100);--color-primary:var(--color-brand-500);--color-primary-hover:var(--color-brand-600);--color-primary-active:var(--color-brand-700);--color-success:var(--color-green-500);--color-error:var(--color-red-500);--color-warning:var(--color-orange-500);--color-info:var(--color-teal-500);--color-surface-base:var(--color-white);--color-surface-muted:var(--color-neutral-50);--color-surface-subtle:var(--color-neutral-100);--color-bg-app:var(--color-neutral-50);--color-bg-surface:var(--color-white);--color-bg-elevated:var(--color-white);--color-bg-sidebar:var(--color-white);--color-bg-glass:#ffffffd9;--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-500);--color-text-tertiary:var(--color-neutral-400);--color-text-inverse:var(--color-white);--color-text-link:var(--color-brand-500);--color-text-brand:var(--color-neutral-900);--color-border-subtle:var(--color-neutral-150);--color-border-default:var(--color-neutral-200);--color-border:var(--color-neutral-150);--color-border-focus:var(--color-brand-500);--color-divider:var(--color-neutral-100);--color-hover-bg:#00000008;--color-active-bg:#0000000d;--color-selected-bg:#9966ff14;--color-disabled-opacity:.4;--color-focus-ring:#9966ff59;--color-overlay-bg:#00000059;--color-sidebar-bg:var(--color-white);--color-sidebar-text:var(--color-neutral-500);--color-sidebar-text-active:var(--color-white);--color-sidebar-active:var(--color-brand-500);--color-sidebar-hover:var(--color-neutral-100);--color-sidebar-border:var(--color-neutral-150);--gradient-brand:linear-gradient(135deg, #c2a5fc, #96f, #7027cc);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000005;--blur-sm:8px;--blur-md:16px;--blur-lg:24px;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50;--z-devbar:60;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:240px;--sidebar-width-collapsed:72px;--topbar-height:56px;--content-max-width:1440px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-app);line-height:1.5}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);border:1px solid #0000000a}.card--elevated{box-shadow:var(--shadow-md)}.card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card--interactive:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.card--glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.card__header{padding:var(--space-5) var(--space-5) var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.01em}.card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.card__body{padding:var(--space-3) var(--space-5) var(--space-5)}.card__body--flush{padding:0}.card__footer{padding:var(--space-3) var(--space-5);justify-content:flex-end;align-items:center;gap:var(--space-2);border-top:1px solid #0000000a;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;line-height:1;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn--ghost{color:var(--accent);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--accent-light)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:#e5342b}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.badge--default{background:var(--bg-secondary);color:var(--text-secondary)}.badge--success{background:var(--success-light);color:#248a3d}.badge--warning{background:var(--warning-light);color:#c25700}.badge--danger{background:var(--danger-light);color:#d70015}.badge--info{background:var(--info-light);color:#0071a4}.badge--accent{background:var(--accent-light);color:var(--accent)}.badge__dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:6px;height:6px}.badge__dot--pulse{animation:2s infinite pulse-dot}.kpi-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);gap:var(--space-2);transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);border:1px solid #0000000a;flex-direction:column;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-card__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.kpi-card__value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.03em;line-height:1}.kpi-card__trend{font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;gap:4px;display:inline-flex}.kpi-card__trend--up{color:var(--success)}.kpi-card__trend--down{color:var(--danger)}.kpi-card__trend--neutral{color:var(--text-tertiary)}.kpi-card__footer{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.data-table-wrapper{border-radius:var(--radius-lg);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table thead{z-index:2;position:sticky;top:0}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--weight-bold);font-size:var(--text-xs);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);white-space:nowrap;border-bottom:1px solid #00000014;border-right:1px solid #00000014;position:relative;overflow:hidden}.data-table th:last-child{border-right:none}.data-table td{padding:var(--space-3) var(--space-4);color:var(--text-primary);vertical-align:middle;text-overflow:ellipsis;border-bottom:1px solid #0000000a;overflow:hidden}.data-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover{background:#9966ff0a}.data-table tbody tr:last-child td{border-bottom:none}.data-table__cell--mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.data-table__cell--bold{font-weight:var(--weight-semibold)}.data-table__cell--accent{color:var(--accent);font-weight:600}.data-table__cell--right{text-align:right}.data-table__cell--secondary{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:var(--space-1)}.data-table__row--clickable{cursor:pointer}.data-table__resize-handle{cursor:col-resize;z-index:3;width:6px;height:100%;transition:background var(--duration-fast) var(--ease-out);background:0 0;position:absolute;top:0;right:0}.data-table__resize-handle:after{content:"";width:2px;height:50%;transition:background var(--duration-fast) var(--ease-out);background:0 0;border-radius:1px;position:absolute;top:25%;right:2px}.data-table__resize-handle:hover:after{background:var(--accent)}.data-table--resizing{-webkit-user-select:none;user-select:none}.data-table--resizing .data-table__resize-handle:after{background:var(--accent)}.data-table__pagination{padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #0000000a;justify-content:space-between;align-items:center;margin-top:-1px;display:flex}.data-table__pagination-info{font-size:var(--text-xs);color:var(--text-tertiary)}.data-table__pagination-controls{align-items:center;gap:var(--space-2);display:flex}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-4)}.alert--error{background:var(--danger-light);color:#d70015;border:1px solid #d7001526}.page-body{padding:var(--space-2) 0}.filter-bar{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;flex-wrap:wrap;display:flex}.filter-bar .filter-search{margin-left:auto}.filter-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;border:1px solid #0000;display:inline-flex}.filter-chip:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-chip--active{background:var(--accent-light);color:var(--accent);border-color:#007aff33}.filter-chip--active:hover{background:#007aff26}.filter-search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);border:1px solid #0000;flex:1;max-width:280px;display:flex}.filter-search:focus-within{border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 0 3px var(--accent-light)}.filter-search input{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;width:100%}.filter-search input::placeholder{color:var(--text-tertiary)}.loader-spinner{justify-content:center;align-items:center;display:inline-flex}.loader-spinner__circle{border:2.5px solid var(--bg-tertiary);border-top-color:var(--accent);border-radius:var(--radius-full);width:24px;height:24px;animation:.7s linear infinite spin}.loader-spinner--sm .loader-spinner__circle{border-width:2px;width:16px;height:16px}.loader-spinner--lg .loader-spinner__circle{border-width:3px;width:36px;height:36px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton--text{width:100%;height:14px}.skeleton--title{width:60%;height:20px}.skeleton--avatar{border-radius:var(--radius-full);width:40px;height:40px}.skeleton--card{border-radius:var(--radius-lg);height:120px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-loader{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:40vh;display:flex}.page-loader__text{font-size:var(--text-sm);color:var(--text-tertiary)}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;animation:fadeIn var(--duration-normal) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{margin-bottom:var(--space-4);opacity:.25;font-size:3rem}.empty-state__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--text-sm);color:var(--text-secondary);max-width:360px;line-height:var(--leading-relaxed)}.empty-state__action{margin-top:var(--space-5)}.section-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.section-header__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.02em}.section-header__actions{align-items:center;gap:var(--space-2);display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-slide-in{animation:slideInRight var(--duration-normal) var(--ease-out) both}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-secondary);overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}a{color:var(--accent);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}