.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:var(--z-header);background:var(--color-bg-translucent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:var(--border-width-thin) solid var(--color-border)}.app-topbar__inner{max-width:var(--layout-content-max-width);margin:0 auto;height:var(--layout-header-height);padding:0 clamp(var(--space-3),2vw,var(--space-6));display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.app-topbar__lead{display:flex;align-items:center;gap:var(--space-2);min-width:0}.app-topbar__actions{display:flex;align-items:center;gap:var(--space-2)}.app-brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);font-size:var(--font-size-lg);white-space:nowrap}.app-brand:hover{color:var(--color-text-primary)}.app-brand__mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:#fff;background:var(--gradient-brand);box-shadow:var(--shadow-glow)}.app-adminlink,.theme-toggle,.app-logout{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:var(--border-width-thin) solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.theme-toggle{width:40px;padding:0;justify-content:center}.app-adminlink:hover,.theme-toggle:hover,.app-logout:hover{color:var(--color-text-primary);border-color:var(--color-primary);transform:translateY(-1px)}.app-logout:active,.app-adminlink:active,.theme-toggle:active{transform:translateY(0)}@media (max-width: 560px){.app-logout__label{display:none}.app-logout{width:40px;padding:0;justify-content:center}}.app-content{flex:1 1 auto;width:100%;padding:clamp(var(--space-4),3vw,var(--space-7)) clamp(var(--space-3),2vw,var(--space-6))}.app-content--contained{max-width:var(--layout-content-max-width);margin:0 auto}@media (max-width: 560px){.app-adminlink__label{display:none}.app-adminlink{width:40px;padding:0;justify-content:center}}.adm{display:flex;flex-direction:column;gap:var(--space-4)}.adm--status{align-items:center;justify-content:center;text-align:center;min-height:50vh;color:var(--color-text-secondary);gap:var(--space-3)}.adm--status p{max-width:46ch;color:var(--color-text-muted);margin:0}.adm-status__art{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-pill);background:var(--color-primary-subtle);color:var(--color-primary)}.adm-spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--color-border-strong);border-top-color:var(--color-primary);animation:adm-spin .8s linear infinite}@keyframes adm-spin{to{transform:rotate(360deg)}}.adm-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--gradient-surface);box-shadow:var(--shadow-sm)}.adm-bar__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto;border-radius:var(--radius-md);color:#fff;background:var(--gradient-brand);box-shadow:var(--shadow-glow)}.adm-bar__title{margin:0;font-size:var(--font-size-lg);white-space:nowrap}.adm-tabs{display:inline-flex;gap:var(--space-1);margin-left:auto;flex-wrap:wrap;padding:4px;border-radius:var(--radius-pill);background:var(--color-bg-inset)}.adm-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:0;cursor:pointer;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast)}.adm-tab:hover{color:var(--color-text-primary)}.adm-tab--active{background:var(--color-bg-surface);color:var(--color-primary);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold)}.adm-card{background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(var(--space-4),2.5vw,var(--space-5));box-shadow:var(--shadow-sm)}.adm-card__sub{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}.adm-table-wrap{width:100%;overflow:hidden;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md)}.adm-table{width:100%;border-collapse:separate;border-spacing:0}.adm-table th,.adm-table td{padding:var(--space-2) var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border);text-align:center;vertical-align:middle}.adm-table tr:last-child th,.adm-table tr:last-child td{border-bottom:0}.adm-table__corner,.adm-section{text-align:left}.adm-table thead th{background:var(--color-bg-inset);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-semibold)}.adm-role--admin{color:var(--color-primary)}.adm-section{font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;flex-direction:column;gap:2px}.adm-section__count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.adm-table tbody tr:hover td,.adm-table tbody tr:hover .adm-section{background:var(--color-bg-muted)}.adm-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.adm-badge--full{background:var(--color-primary-subtle);color:var(--color-primary)}.adm-switch{display:inline-flex;align-items:center;gap:var(--space-2);min-width:112px;justify-content:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:var(--border-width-thin) solid var(--color-border-strong);background:var(--color-bg-muted);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.adm-switch:hover:not(:disabled){transform:translateY(-1px);border-color:var(--color-primary)}.adm-switch:disabled{opacity:.6;cursor:not-allowed}.adm-switch[data-state=granted]{background:var(--color-success-subtle);border-color:color-mix(in srgb,var(--color-success) 50%,transparent);color:var(--color-success)}.adm-switch[data-state=mixed]{background:var(--color-warning-subtle);border-color:color-mix(in srgb,var(--color-warning) 50%,transparent);color:var(--color-warning)}.adm-inline{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.adm-inline__text{font-weight:var(--font-weight-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis}.adm-inline .adm-iconbtn{opacity:0;transition:opacity var(--transition-fast)}.adm-sec__head:hover .adm-iconbtn,.adm-sec__page:hover .adm-iconbtn,.adm-inline:focus-within .adm-iconbtn,.adm-inline--edit .adm-iconbtn{opacity:1}.adm-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.adm-iconbtn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.adm-iconbtn:disabled{opacity:.4;cursor:not-allowed}.adm-iconbtn--ok{color:var(--color-success)}.adm-iconbtn--ok:hover:not(:disabled){border-color:var(--color-success);color:var(--color-success);background:var(--color-success-subtle)}.adm-iconbtn--danger{color:var(--color-danger)}.adm-iconbtn--danger:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-subtle)}.adm-input{flex:1 1 160px;min-width:0;padding:var(--space-2) var(--space-3);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary)}.adm-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 4px var(--color-focus-ring)}.adm-input--select{flex:0 0 auto}.adm-input--sm{flex:1 1 auto;padding:4px var(--space-3);font-size:var(--font-size-sm)}.adm-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid transparent;background:var(--gradient-brand);color:var(--color-on-primary);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:filter var(--transition-fast),transform var(--transition-fast)}.adm-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.adm-btn:disabled{opacity:.55;cursor:not-allowed}.adm-btn--sm{padding:4px var(--space-3);font-size:var(--font-size-sm)}.adm-sec-list{display:flex;flex-direction:column;gap:var(--space-3)}.adm-sec{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-muted);overflow:hidden}.adm-sec__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-inset);border-bottom:var(--border-width-thin) solid var(--color-border)}.adm-sec__head>svg{color:var(--color-primary);flex:0 0 auto}.adm-sec__spacer{flex:1 1 auto}.adm-sec__pages{list-style:none;margin:0;padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;gap:2px}.adm-sec__page{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;color:var(--color-text-secondary)}.adm-sec__page>svg{color:var(--color-text-muted);flex:0 0 auto}.adm-sec__page+.adm-sec__page{border-top:1px dashed var(--color-border)}.adm-sec__add{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-4) var(--space-3);border-top:var(--border-width-thin) dashed var(--color-border)}.adm-addsec{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;padding-top:var(--space-4);margin-top:var(--space-4);border-top:var(--border-width-thin) solid var(--color-border)}.adm-toast{position:fixed;left:50%;bottom:var(--space-5);transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);z-index:var(--z-toast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.adm-toast--ok{background:var(--color-success);color:#fff}.adm-toast--err{background:var(--color-danger);color:#fff}.adm-userform{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.adm-userform .adm-input{flex:1 1 140px}.adm-users{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.adm-users__empty{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-2)}.adm-users__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-muted)}.adm-users__name{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);flex:1 1 auto;min-width:0}.adm-users__name svg{color:var(--color-primary);flex:0 0 auto}.adm-users__role{padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}@media (max-width: 560px){.adm-bar{flex-direction:column;align-items:stretch}.adm-tabs{margin-left:0;justify-content:center}.adm-switch{min-width:0;padding:var(--space-1) var(--space-2)}.adm-switch span{display:none}}.home{display:flex;flex-direction:column;gap:clamp(var(--space-6),4vw,var(--space-8))}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-weight:var(--font-weight-semibold);border:var(--border-width-thin) solid transparent;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.btn--primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-glow)}.btn--primary:hover{color:#fff;transform:translateY(-2px)}.btn--ghost{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn--ghost:hover{color:var(--color-text-primary);border-color:var(--color-primary);transform:translateY(-2px)}.home-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.4fr .6fr;gap:var(--space-5);align-items:center;padding:clamp(var(--space-6),4vw,var(--space-9));border-radius:var(--radius-xl);border:var(--border-width-thin) solid var(--color-border);background:var(--gradient-surface);box-shadow:var(--shadow-md)}.home-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-hero);opacity:.7;pointer-events:none}.home-hero__content{position:relative;z-index:1}.home-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.home-hero__title{margin:0 0 var(--space-3);max-width:18ch}.home-hero__lead{color:var(--color-text-secondary);max-width:52ch;font-size:var(--font-size-lg);margin-bottom:var(--space-5)}.home-hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.home-hero__art{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:.9}.home-hero__art svg{filter:drop-shadow(var(--shadow-glow))}.home-section__title{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.home-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.home-tile{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-secondary);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.home-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-primary);color:var(--color-text-secondary)}.home-tile__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 auto;border-radius:var(--radius-md);color:#fff;background:var(--gradient-brand)}.home-tile__body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.home-tile__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.home-tile__desc{font-size:var(--font-size-sm);color:var(--color-text-muted)}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.home-feature{padding:var(--space-5);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--color-border);background:var(--color-bg-muted)}.home-feature__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-primary-subtle);margin-bottom:var(--space-3)}.home-feature__title{margin:0 0 var(--space-2);font-size:var(--font-size-lg)}.home-feature__desc{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width: 760px){.home-hero{grid-template-columns:1fr}.home-hero__art{display:none}}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(var(--space-4),4vw,var(--space-7));background:var(--color-bg-base);background-image:radial-gradient(900px 500px at 15% 10%,rgba(99,102,241,.28),transparent 55%),radial-gradient(800px 520px at 90% 90%,rgba(6,182,212,.24),transparent 55%);position:relative;overflow:hidden}.login-card{position:relative;width:100%;max-width:440px;padding:clamp(var(--space-5),4vw,var(--space-8));background:var(--color-bg-translucent);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.login-card__header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-6)}.login-card__brand-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-4);color:#fff;background:var(--gradient-brand);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow)}.login-card__title{margin:0;font-size:var(--font-size-2xl)}.login-card__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide);text-transform:lowercase}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-field{display:flex;flex-direction:column;gap:var(--space-2)}.login-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.login-field__input{width:100%;padding:var(--space-3) var(--space-4);color:var(--color-text-primary);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-field__input::placeholder{color:var(--color-text-muted)}.login-field__input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 4px var(--color-focus-ring)}.login-field__input:disabled{background:var(--color-bg-muted);cursor:not-allowed}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);margin-top:var(--space-1);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:#fff;background:var(--gradient-brand);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-glow);transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.login-button--secondary{color:var(--color-text-primary);background:var(--color-bg-surface);border-color:var(--color-border-strong);box-shadow:none}.login-button--secondary:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-muted)}.login-error{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-3);color:var(--color-danger);background:var(--color-danger-subtle);border:var(--border-width-thin) solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.login-divider{display:flex;align-items:center;margin:var(--space-5) 0;color:var(--color-text-muted)}.login-divider:before,.login-divider:after{content:"";flex:1;height:var(--border-width-thin);background:var(--color-border)}.login-divider__text{padding:0 var(--space-3);font-size:var(--font-size-sm);text-transform:lowercase}.login-qr{display:flex;flex-direction:column;gap:var(--space-3)}.login-qr__title{margin:0;font-size:var(--font-size-lg);text-align:center}.login-qr__panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.login-qr__code{display:flex;align-items:center;justify-content:center;width:208px;height:208px;padding:var(--space-3);background:#fff;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.login-qr__code svg{width:100%;height:100%}.login-qr__hint{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.dt{display:flex;flex-direction:column;gap:var(--space-4)}.dt__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.dt__search{position:relative;display:flex;align-items:center;flex:1 1 280px;max-width:460px}.dt__search svg{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none}.dt__search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-6) + var(--space-1));border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dt__search-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 4px var(--color-focus-ring)}.dt__count{color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap}.dt__wrap{width:100%;overflow:hidden;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-sm)}.dt__table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm)}.dt__table thead th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--color-bg-inset);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:var(--font-size-xs);border-bottom:var(--border-width-thin) solid var(--color-border);white-space:normal;overflow-wrap:anywhere}.dt__table thead th:not(:last-child){border-right:1px dashed var(--color-border-strong)}.dt__cell{padding:var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border);vertical-align:top;line-height:var(--line-height-normal);color:var(--color-text-secondary);overflow-wrap:anywhere;word-break:break-word;white-space:normal}.dt__cell:not(:last-child){border-right:1px dashed var(--color-border)}.dt__cell:first-child{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.dt__cell--mono{color:var(--color-text-primary);font-variant-numeric:tabular-nums;white-space:normal}.dt__table tbody tr:last-child .dt__cell{border-bottom:0}.dt__table tbody tr:nth-child(2n) .dt__cell{background:color-mix(in srgb,var(--color-bg-muted) 50%,transparent)}.dt__table tbody tr:hover .dt__cell{background:var(--color-bg-muted)}.dt__empty{text-align:center;padding:var(--space-6);color:var(--color-text-muted)}@media (max-width: 720px){.dt__wrap{border:0;background:transparent;box-shadow:none;overflow:visible}.dt__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dt__table,.dt__table tbody,.dt__table tr,.dt__cell{display:block;width:100%}.dt__table tr{margin-bottom:var(--space-4);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);box-shadow:var(--shadow-xs);overflow:hidden}.dt__table tbody tr:nth-child(2n) .dt__cell,.dt__table tbody tr:hover .dt__cell{background:transparent}.dt__cell{display:grid;grid-template-columns:38% 1fr;gap:var(--space-3);border-right:0;border-bottom:1px dashed var(--color-border)}.dt__cell:last-child{border-bottom:0}.dt__cell:before{content:attr(data-label);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}}.dt-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast),filter var(--transition-fast)}.dt-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.dt-btn:disabled{opacity:.55;cursor:not-allowed}.dt-btn--edit{flex:0 0 auto}.dt-btn--primary{background:var(--gradient-brand);color:var(--color-on-primary);border-color:transparent}.dt-btn--primary:hover:not(:disabled){filter:brightness(1.06);color:var(--color-on-primary)}.dt__edit-actions{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.dt__error{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-subtle);color:var(--color-danger);font-size:var(--font-size-sm)}.dt-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 auto;border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.dt-icon:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.dt-icon--danger{color:var(--color-danger)}.dt-icon--danger:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-subtle)}.dt__colhead{display:flex;align-items:center;gap:var(--space-2)}.dt__colinput{flex:1 1 auto;min-width:0;padding:4px var(--space-2);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-base);color:var(--color-text-primary);font:inherit;font-weight:var(--font-weight-semibold)}.dt__cellinput{width:100%;padding:6px var(--space-2);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-base);color:var(--color-text-primary);font:inherit}.dt__cellinput:focus,.dt__colinput:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.dt__cellinput--mono{font-variant-numeric:tabular-nums;letter-spacing:.01em}.dt__rowactions,.dt__rowactions-h{width:48px;text-align:center}.dt__table--edit td,.dt__table--edit th{vertical-align:middle}.nav{width:100%}.nav__list,.nav__sublist{list-style:none;margin:0;padding:0}.nav__group{padding:var(--space-1);border-radius:var(--radius-md)}.nav__group+.nav__group{margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width-thin) solid var(--color-border)}.nav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);line-height:1.2;text-decoration:none;position:relative;transition:background var(--transition-fast),color var(--transition-fast)}.nav__link:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.nav__link--section{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);padding:var(--space-3)}.nav__link--section svg{flex:0 0 auto;width:32px;height:32px;padding:7px;border-radius:var(--radius-sm);background:var(--color-bg-inset);color:var(--color-text-secondary);box-sizing:border-box;transition:background var(--transition-fast),color var(--transition-fast)}.nav__link--section:hover svg{background:var(--color-primary-subtle);color:var(--color-primary)}.nav__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__sublist{margin:var(--space-1) 0 var(--space-1) calc(16px + var(--space-3));padding-left:var(--space-3);border-left:2px solid var(--color-border);display:flex;flex-direction:column;gap:2px}.nav__link--page{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);padding:var(--space-2) var(--space-3)}.nav__link--page svg{width:16px;height:16px;flex:0 0 auto;color:var(--color-text-muted)}.nav__link--page:hover svg{color:var(--color-primary)}.nav__link--section.active{background:var(--color-primary-subtle);color:var(--color-primary)}.nav__link--section.active svg{background:var(--color-primary);color:#fff}.nav__link--page.active{background:var(--color-primary-subtle);color:var(--color-primary)}.nav__link--page.active svg{color:var(--color-primary)}.nav__link--page.active:before{content:"";position:absolute;left:calc(var(--space-3) * -1 - 2px);top:6px;bottom:6px;width:2px;background:var(--color-primary);border-radius:var(--radius-pill)}.nav__empty{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-3);margin:0}.sv-layout{display:grid;grid-template-columns:var(--layout-sidebar-width) minmax(0,1fr);gap:clamp(var(--space-4),2vw,var(--space-6));align-items:start;max-width:var(--layout-content-max-width);margin:0 auto}.sv-sidebar{position:sticky;top:calc(var(--layout-header-height) + var(--space-4));align-self:start;background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);max-height:calc(100vh - var(--layout-header-height) - var(--space-7));overflow:auto}.sv-sidebar__title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);font-weight:var(--font-weight-bold);padding:var(--space-2) var(--space-3)}.sv-menu-btn,.sv-scrim{display:none}.sv-main{min-width:0}.sv-overview{display:flex;flex-direction:column;gap:clamp(var(--space-4),3vw,var(--space-6))}.sv-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-4);padding:clamp(var(--space-5),4vw,var(--space-7));border-radius:var(--radius-xl);border:var(--border-width-thin) solid var(--color-border);background:var(--gradient-surface);box-shadow:var(--shadow-sm)}.sv-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-hero);opacity:.85;pointer-events:none}.sv-hero>*{position:relative;z-index:1}.sv-hero--compact{padding:clamp(var(--space-4),3vw,var(--space-5))}.sv-hero__icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;flex:0 0 auto;border-radius:var(--radius-lg);color:#fff;background:var(--gradient-brand);box-shadow:var(--shadow-glow)}.sv-hero--compact .sv-hero__icon{width:48px;height:48px;border-radius:var(--radius-md)}.sv-hero__text{min-width:0}.sv-hero__eyebrow{margin:0 0 2px;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.sv-hero__title{margin:0}.sv-hero__lead{margin:var(--space-2) 0 0;color:var(--color-text-secondary);max-width:60ch}.sv-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(var(--space-3),2vw,var(--space-5))}.sv-tile{display:flex;align-items:center;gap:var(--space-4);height:100%;padding:var(--space-5);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--color-border);background:var(--color-bg-surface);box-shadow:var(--shadow-sm);color:var(--color-text-primary);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.sv-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary);color:var(--color-text-primary)}.sv-tile__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 auto;border-radius:var(--radius-md);color:#fff;background:var(--gradient-brand);box-shadow:var(--shadow-glow)}.sv-tile__body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.sv-tile__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.sv-tile__desc{color:var(--color-text-muted);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-tile__arrow{color:var(--color-text-muted);display:inline-flex;transition:transform var(--transition-base),color var(--transition-base)}.sv-tile:hover .sv-tile__arrow{color:var(--color-primary);transform:translate(4px)}.sv-card{background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(var(--space-4),3vw,var(--space-7));box-shadow:var(--shadow-sm)}.sv-article{display:flex;flex-direction:column;gap:var(--space-4)}.sv-prose{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-lg);white-space:pre-wrap}.sv-breadcrumb{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.sv-breadcrumb a{color:var(--color-text-muted)}.sv-breadcrumb a:hover{color:var(--color-primary)}.sv-breadcrumb__current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.sv-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:clamp(var(--space-6),5vw,var(--space-9)) var(--space-5);color:var(--color-text-secondary)}.sv-empty--inline{padding:var(--space-6) var(--space-4)}.sv-empty h1,.sv-empty h2{margin:0}.sv-empty p{margin:0;max-width:48ch;color:var(--color-text-muted)}.sv-empty__art{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:var(--radius-pill);color:var(--color-primary);background:var(--color-primary-subtle)}.sv-empty__action{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:var(--border-width-thin) solid var(--color-border-strong);color:var(--color-text-primary);font-weight:var(--font-weight-medium);transition:border-color var(--transition-fast),background var(--transition-fast)}.sv-empty__action:hover{border-color:var(--color-primary);background:var(--color-bg-muted);color:var(--color-text-primary)}.sv-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:50vh;text-align:center;color:var(--color-text-secondary)}.sv-status__msg{color:var(--color-danger)}.sv-spinner{width:38px;height:38px;border-radius:50%;border:3px solid var(--color-border-strong);border-top-color:var(--color-primary);animation:sv-spin .8s linear infinite}@keyframes sv-spin{to{transform:rotate(360deg)}}@media (max-width: 860px){.sv-layout{grid-template-columns:minmax(0,1fr)}.sv-menu-btn{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:var(--border-width-thin) solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary);font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:var(--shadow-xs)}.sv-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-overlay);animation:sv-fade var(--transition-base)}@keyframes sv-fade{0%{opacity:0}to{opacity:1}}.sv-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(86vw,320px);max-height:100vh;border-radius:0 var(--radius-lg) var(--radius-lg) 0;transform:translate(-104%);transition:transform var(--transition-base);z-index:var(--z-drawer);box-shadow:var(--shadow-lg)}.sv-sidebar--open{transform:translate(0)}}.sv-tariffs{display:flex;flex-direction:column;gap:2rem;padding-block:.5rem}.sv-tariff-zone{border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.sv-tariff-zone__title{font-size:.9rem;font-weight:600;padding:.75rem 1rem;margin:0;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);line-height:1.4}.sv-tariff-zone .dt-wrap{border:none;border-radius:0}.sv-tariff-zone__meta{display:flex;gap:.4rem;font-size:.8rem;padding:.5rem 1rem;margin:0;border-top:1px solid var(--color-border);line-height:1.4}.sv-tariff-zone__meta--connection{background:var(--color-info-subtle);color:var(--color-info)}.sv-tariff-zone__meta--note{background:var(--color-warning-subtle);color:var(--color-warning)}.sv-tariff-zone__label{font-weight:600;white-space:nowrap}.sv-tariffs__search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:.75rem;margin-bottom:.25rem}.sv-tariffs__search-icon{width:18px;height:18px;flex-shrink:0;color:var(--color-text-muted)}.sv-tariffs__search-input{flex:1;border:none;outline:none;background:transparent;font-size:.9rem;color:var(--color-text-primary)}.sv-tariffs__search-input::placeholder{color:var(--color-text-muted)}:root{--font-family-base: "Inter", "Manrope", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "SFMono-Regular", "Consolas", "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: clamp(.9rem, .86rem + .2vw, 1rem);--font-size-lg: clamp(1.05rem, 1rem + .25vw, 1.2rem);--font-size-xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--font-size-2xl: clamp(1.6rem, 1.35rem + 1vw, 2.1rem);--font-size-3xl: clamp(2rem, 1.6rem + 1.8vw, 3rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.55;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .06em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--border-width-thin: 1px;--border-width-thick: 2px;--layout-content-max-width: 1600px;--layout-min-width: 320px;--layout-sidebar-width: 264px;--layout-header-height: 64px;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .22s cubic-bezier(.4, 0, .2, 1);--transition-slow: .38s cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-sticky: 100;--z-header: 200;--z-drawer: 350;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--brand-600: #4f46e5;--brand-500: #6366f1;--brand-400: #818cf8;--brand-300: #a5b4fc;--accent-500: #06b6d4;--accent-400: #22d3ee;--brand-primary: var(--brand-500);--brand-primary-strong: var(--brand-600);--brand-primary-soft: var(--brand-400);--brand-accent: var(--accent-500)}:root,:root[data-theme=light]{color-scheme:light;--color-bg-base: #eef1f8;--color-bg-surface: #ffffff;--color-bg-elevated: #ffffff;--color-bg-muted: #f3f5fb;--color-bg-inset: #e8ecf6;--color-bg-overlay: rgba(17, 24, 39, .5);--color-bg-translucent: rgba(255, 255, 255, .72);--color-text-primary: #131a2b;--color-text-secondary: #46506a;--color-text-muted: #717c98;--color-text-inverse: #ffffff;--color-text-link: var(--brand-600);--color-text-link-hover: #3730a3;--color-border: #e2e7f1;--color-border-strong: #cdd5e6;--color-border-focus: var(--brand-500);--color-primary: var(--brand-600);--color-primary-hover: #4338ca;--color-primary-active: #3730a3;--color-on-primary: #ffffff;--color-primary-subtle: #eaecfe;--color-success: #0f9d58;--color-success-subtle: #e3f6ec;--color-warning: #b45309;--color-warning-subtle: #fbefd6;--color-danger: #dc2626;--color-danger-subtle: #fdeaea;--color-info: var(--brand-600);--color-info-subtle: #eaecfe;--color-focus-ring: rgba(99, 102, 241, .35);--gradient-brand: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--gradient-surface: linear-gradient(180deg, #ffffff 0%, #f6f8fd 100%);--gradient-hero: radial-gradient(1200px 600px at 12% -10%, #e0e7ff 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #cffafe 0%, transparent 50%);--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 2px 6px rgba(16, 24, 40, .07);--shadow-md: 0 8px 24px rgba(16, 24, 40, .1);--shadow-lg: 0 20px 48px rgba(16, 24, 40, .16);--shadow-glow: 0 8px 30px rgba(99, 102, 241, .28)}:root[data-theme=dark]{color-scheme:dark;--color-bg-base: #0a0e1a;--color-bg-surface: #121829;--color-bg-elevated: #182034;--color-bg-muted: #161d30;--color-bg-inset: #1e2740;--color-bg-overlay: rgba(2, 5, 12, .66);--color-bg-translucent: rgba(18, 24, 41, .66);--color-text-primary: #eef2fb;--color-text-secondary: #aab4cd;--color-text-muted: #7a87a6;--color-text-inverse: #0a0e1a;--color-text-link: var(--brand-300);--color-text-link-hover: #c7d2fe;--color-border: #243049;--color-border-strong: #33415f;--color-border-focus: var(--brand-400);--color-primary: var(--brand-500);--color-primary-hover: var(--brand-400);--color-primary-active: var(--brand-300);--color-on-primary: #0a0e1a;--color-primary-subtle: #1d2545;--color-success: #34d399;--color-success-subtle: #0e2a22;--color-warning: #fbbf24;--color-warning-subtle: #2c2410;--color-danger: #f87171;--color-danger-subtle: #2c1618;--color-info: var(--brand-400);--color-info-subtle: #1d2545;--color-focus-ring: rgba(129, 140, 248, .45);--gradient-brand: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--gradient-surface: linear-gradient(180deg, #141b2d 0%, #0f1424 100%);--gradient-hero: radial-gradient(1200px 600px at 12% -10%, #1e2750 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #0c3340 0%, transparent 52%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 10px 28px rgba(0, 0, 0, .55);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .65);--shadow-glow: 0 8px 34px rgba(99, 102, 241, .4)}*,*:before,*:after{box-sizing:border-box}html{min-width:var(--layout-min-width);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:var(--layout-min-width);font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-base);background-image:var(--gradient-hero);background-attachment:fixed;background-repeat:no-repeat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin:0 0 var(--space-4)}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-link-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}img,svg{max-width:100%}:focus-visible{outline:var(--border-width-thick) solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);background-clip:content-box}::selection{background:var(--brand-400);color:#fff}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}