@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.z-40{z-index:40}.z-50{z-index:50}.z-\[110\]{z-index:110}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-\[1px\]{height:1px}.h-\[44px\]{height:44px}.h-\[90px\]{height:90px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-\[1px\]{width:1px}.w-\[44px\]{width:44px}.w-\[180px\]{width:180px}.w-full{width:100%}.min-w-\[50px\]{min-width:50px}.min-w-\[64px\]{min-width:64px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-\[var\(--r-sm\)\]{border-radius:var(--r-sm)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[\#2e6c00\]{border-color:#2e6c00}.border-\[\#006c4e\]{border-color:#006c4e}.border-\[\#005698\]{border-color:#005698}.border-\[\#6750a4\]{border-color:#6750a4}.border-\[\#834400\]{border-color:#834400}.border-\[\#ba1a1a\]{border-color:#ba1a1a}.border-transparent{border-color:#0000}.object-cover{object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[\#ba1a1a\]{color:#ba1a1a}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.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,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-500{--tw-duration:.5s;transition-duration:.5s}.\[animation-delay\:0\.2s\]{animation-delay:.2s}.\[animation-delay\:0\.4s\]{animation-delay:.4s}@media (hover:hover){.group-hover\:flex:is(:where(.group):hover *){display:flex}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-\[\#383838\]:hover{background-color:#383838}.hover\:underline:hover{text-decoration-line:underline}}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (prefers-color-scheme:dark){.dark\:invert{--tw-invert:invert(100%);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,)}@media (hover:hover){.dark\:hover\:bg-\[\#1a1a1a\]:hover{background-color:#1a1a1a}.dark\:hover\:bg-\[\#ccc\]:hover{background-color:#ccc}}}.material-symbols-outlined{font-feature-settings:"liga", "clig"!important;-webkit-font-feature-settings:"liga", "clig"!important;font-family:Material Symbols Outlined,sans-serif!important}:root{--brand-50:#eaf3fb;--brand-100:#cce1f3;--brand-200:#9ac4e7;--brand-300:#5fa3d8;--brand-400:#3388ca;--brand-500:#1a6fbb;--brand-600:#155a9b;--brand-700:#10477c;--brand-800:#0d3a67;--brand-900:#092a4d;--teal-50:#e5f6ef;--teal-100:#c2ebdb;--teal-200:#8bdab9;--teal-300:#54c898;--teal-400:#2fb483;--teal-500:#1d9e75;--teal-600:#16805e;--teal-700:#11654a;--white:#fff;--gray-25:#fafbfc;--gray-50:#f5f7fa;--gray-100:#ebeff4;--gray-200:#dce3ec;--gray-300:#c3ccd9;--gray-400:#97a3b4;--gray-500:#6b7689;--gray-600:#4d5666;--gray-700:#363d4a;--gray-800:#22272f;--gray-900:#13171d;--success:#1d9e75;--success-bg:#e5f6ef;--warning:#d98a1a;--warning-bg:#fbf0de;--danger:#d7483f;--danger-bg:#fbe6e4;--info:#1a6fbb;--info-bg:#eaf3fb;--bg-app:var(--gray-50);--bg-surface:var(--white);--bg-surface-2:var(--gray-25);--bg-elevated:var(--white);--bg-sidebar:var(--white);--bg-subtle:var(--gray-50);--bg-default:var(--bg-surface);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-disabled:var(--gray-400);--text-onbrand:var(--white);--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-300);--r-xs:8px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--r-full:999px;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 3px #1018280f, 0 1px 2px #1018280a;--shadow-md:0 4px 8px -2px #1018280f, 0 2px 4px -2px #1018280a;--shadow-lg:0 12px 24px -6px #1018281a, 0 4px 8px -4px #1018280f;--shadow-xl:0 24px 48px -12px #1018282e;--density:1;--space-1:calc(4px * var(--density));--space-2:calc(8px * var(--density));--space-3:calc(12px * var(--density));--space-4:calc(16px * var(--density));--space-5:calc(20px * var(--density));--space-6:calc(24px * var(--density));--space-8:calc(32px * var(--density));--space-10:calc(40px * var(--density));--space-12:calc(48px * var(--density));--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--t-fast:.12s;--t-med:.22s;--t-slow:.36s}[data-theme=dark]{--bg-app:#0e1218;--bg-surface:#161b23;--bg-surface-2:#1b212b;--bg-elevated:#1f2630;--bg-sidebar:#13181f;--bg-subtle:#1b212b;--bg-default:var(--bg-surface);--text-primary:#ebeff4;--text-secondary:#a3adbc;--text-tertiary:#7e8a9c;--text-disabled:#4d5666;--border-subtle:#ffffff0f;--border-default:#ffffff17;--border-strong:#ffffff24;--brand-50:#0f2236;--brand-100:#123253;--teal-50:#0d2c24;--teal-100:#104036;--success-bg:#10312a;--warning-bg:#3a2b15;--danger-bg:#3a1e1c;--info-bg:#0f2236;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 8px -2px #0000004d;--shadow-lg:0 12px 24px -6px #0006;--shadow-xl:0 24px 48px -12px #00000080}[data-theme=light]{color:var(--text-primary);background-color:var(--bg-surface);--bg-app:var(--gray-50);--bg-surface:var(--white);--bg-surface-2:var(--gray-25);--bg-elevated:var(--white);--bg-sidebar:var(--white);--bg-subtle:var(--gray-50);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-disabled:var(--gray-400);--text-onbrand:var(--white);--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-300);--brand-50:#eaf3fb;--brand-100:#cce1f3;--brand-200:#9ac4e7;--brand-300:#5fa3d8;--brand-400:#3388ca;--brand-500:#1a6fbb;--brand-600:#155a9b;--brand-700:#10477c;--brand-800:#0d3a67;--brand-900:#092a4d;--success-bg:#e5f6ef;--warning-bg:#fbf0de;--danger-bg:#fbe6e4;--info-bg:#eaf3fb}[data-brand=teal]{--brand-50:#e5f6ef;--brand-100:#c2ebdb;--brand-200:#8bdab9;--brand-300:#54c898;--brand-400:#2fb483;--brand-500:#1d9e75;--brand-600:#16805e;--brand-700:#11654a;--info:#1d9e75;--info-bg:#e5f6ef}[data-brand=violet]{--brand-50:#f1ecfb;--brand-100:#ddd0f5;--brand-200:#bda9ea;--brand-300:#9a80de;--brand-400:#7c5fd2;--brand-500:#6647bf;--brand-600:#53399e;--brand-700:#402c7a;--info:#6647bf;--info-bg:#f1ecfb}[data-theme=dark][data-brand=teal]{--brand-50:#0d2c24;--brand-100:#104036}[data-theme=dark][data-brand=violet]{--brand-50:#1c1430;--brand-100:#2a1e4a}[data-density=compact]{--density:.82}[data-density=comfortable]{--density:1}*{box-sizing:border-box}html,body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:14px;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--brand-100);color:var(--brand-800)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--r-full);border:2px solid var(--bg-app)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app{grid-template-columns:248px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.app__main{background:var(--bg-app);flex-direction:column;display:flex;overflow:hidden}.app__content{padding:var(--space-8) var(--space-10);z-index:1;flex:1;position:relative;overflow-y:auto}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);padding:var(--space-6) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.sidebar__brand{margin-bottom:var(--space-4);align-items:center;gap:10px;padding:0 10px 4px;display:flex}.sidebar__brand-mark{border-radius:var(--r-md);background:linear-gradient(135deg, var(--brand-500), var(--teal-500));color:#fff;letter-spacing:-.02em;width:36px;height:36px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.sidebar__brand-name{letter-spacing:-.02em;font-size:16px;font-weight:700}.sidebar__brand-tag{color:var(--text-tertiary);font-size:10.5px;font-weight:500}.sidebar__section{margin-top:var(--space-4)}.sidebar__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:6px;padding:0 12px;font-size:10.5px;font-weight:600}.nav-item{border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.nav-item--active,.nav-item--active:hover{background:var(--brand-50);color:var(--brand-600)}.nav-item svg{flex-shrink:0}.nav-item__badge{background:var(--brand-500);color:#fff;border-radius:var(--r-full);margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:700;line-height:1}.sidebar__footer{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);margin-top:auto}.user-card{border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast);align-items:center;gap:10px;padding:8px 10px;display:flex}.user-card:hover{background:var(--bg-subtle)}.topbar{align-items:center;gap:var(--space-4);height:64px;padding:0 var(--space-10);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);z-index:100;flex-shrink:0;display:flex;position:relative}.topbar__search{flex:1;max-width:480px;position:relative}.topbar__search input{border-radius:var(--r-md);border:1px solid var(--border-default);background:var(--bg-subtle);width:100%;height:40px;transition:border-color var(--t-fast), background var(--t-fast);outline:none;padding:0 14px 0 40px;font-size:13.5px}.topbar__search input:focus{border-color:var(--brand-400);background:var(--bg-surface);box-shadow:0 0 0 3px var(--brand-50)}.topbar__search svg{color:var(--text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.icon-btn{border-radius:var(--r-md);width:40px;height:40px;color:var(--text-secondary);transition:background var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.icon-btn__dot{background:var(--danger);border:2px solid var(--bg-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}.btn{border-radius:var(--r-md);letter-spacing:-.005em;height:40px;transition:background var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brand-500);color:#fff;box-shadow:0 1px 2px #1a6fbb40}.btn--primary:hover{background:var(--brand-600)}.btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.btn--secondary:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn--teal{background:var(--teal-500);color:#fff}.btn--teal:hover{background:var(--teal-600)}.btn--danger-ghost{color:var(--danger);background:0 0}.btn--danger-ghost:hover{background:var(--danger-bg)}.btn--danger{background:var(--danger)!important;color:#fff!important}.btn--danger:hover{background:#bd3930!important}.btn--sm{border-radius:var(--r-sm);height:32px;padding:0 12px;font-size:12.5px}.btn--lg{height:48px;padding:0 20px;font-size:14px}.btn--icon{width:40px;padding:0}.btn--icon.btn--sm{width:32px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--space-5);transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast)}.card--hover:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.badge{border-radius:var(--r-full);letter-spacing:.01em;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:18px;display:inline-flex}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--info{background:var(--info-bg);color:var(--info)}.badge--neutral{background:var(--bg-subtle);color:var(--text-secondary)}.badge--brand{background:var(--brand-50);color:var(--brand-600)}.badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.avatar{color:#fff;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar--xs{width:24px;height:24px;font-size:10px}.avatar--sm{width:32px;height:32px;font-size:12px}.avatar--md{width:40px;height:40px;font-size:14px}.avatar--lg{width:56px;height:56px;font-size:18px}.avatar--xl{width:80px;height:80px;font-size:26px}.avatar-stack{display:inline-flex}.avatar-stack .avatar{border:2px solid var(--bg-surface);margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.avatar--c0{background:linear-gradient(135deg,#f59e0b,#d97706)}.avatar--c1{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.avatar--c2{background:linear-gradient(135deg,#10b981,#059669)}.avatar--c3{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.avatar--c4{background:linear-gradient(135deg,#ec4899,#be185d)}.avatar--c5{background:linear-gradient(135deg,#14b8a6,#0f766e)}.avatar--c6{background:linear-gradient(135deg,#f97316,#c2410c)}.avatar--c7{background:linear-gradient(135deg,#6366f1,#4338ca)}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.page-head__title{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 4px;font-size:26px;font-weight:700}.page-head__sub{color:var(--text-secondary);margin:0;font-size:14px}.page-head__actions{align-items:center;gap:var(--space-2);display:flex}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text-secondary);font-size:12.5px;font-weight:600}.field__input,.field__select,.field__textarea{border-radius:var(--r-md);border:1px solid var(--border-default);background:var(--bg-surface);width:100%;height:40px;transition:border-color var(--t-fast), box-shadow var(--t-fast);color:var(--text-primary);outline:none;padding:0 14px;font-size:13.5px}.field__textarea{resize:vertical;height:auto;min-height:80px;padding:10px 14px;line-height:1.5}.field__input:focus,.field__select:focus,.field__textarea:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--brand-50)}.field__hint{color:var(--text-tertiary);font-size:12px}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grow{flex:1}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-brand{color:var(--brand-600)}.text-teal{color:var(--teal-600)}.text-xs{font-size:11.5px}.text-sm{font-size:12.5px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{letter-spacing:-.02em;font-size:26px}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.tweaks{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);width:280px;box-shadow:var(--shadow-xl);z-index:1000;flex-direction:column;gap:14px;padding:16px;display:flex;position:fixed;bottom:20px;right:20px}.tweaks__title{letter-spacing:-.01em;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.tweaks__row{flex-direction:column;gap:6px;display:flex}.tweaks__label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.tweaks__seg{background:var(--bg-subtle);border-radius:var(--r-sm);gap:2px;padding:3px;display:flex}.tweaks__seg button{color:var(--text-secondary);transition:all var(--t-fast);border-radius:6px;flex:1;padding:6px 8px;font-size:12px;font-weight:600}.tweaks__seg button:hover{color:var(--text-primary)}.tweaks__seg button.is-on{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.tweaks__swatches{gap:6px;display:flex}.tweaks__swatch{border-radius:var(--r-sm);height:32px;transition:transform var(--t-fast), border-color var(--t-fast);border:2px solid #0000;flex:1;position:relative}.tweaks__swatch:hover{transform:scale(1.04)}.tweaks__swatch.is-on{border-color:var(--text-primary)}.tweaks__swatch.is-on:after{content:"";border:2px solid var(--bg-surface);border-radius:8px;position:absolute;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;animation:fadeIn var(--t-med) var(--ease);background:#13171d73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:85vh;animation:modalIn var(--t-slow) var(--ease);overflow:auto}.modal--wide{max-width:720px}.modal--xl{max-width:860px}.modal__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal__title{letter-spacing:-.015em;margin:0;font-size:18px;font-weight:700}.modal__body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal__footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.drawer-backdrop{z-index:900;animation:fadeIn var(--t-med) var(--ease);background:#13171d59;position:fixed;inset:0}.drawer{background:var(--bg-elevated);width:480px;box-shadow:var(--shadow-xl);z-index:901;animation:drawerIn var(--t-slow) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes drawerIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-enter{animation:slideUp var(--t-slow) var(--ease)}.tabs{background:var(--bg-subtle);border-radius:var(--r-md);gap:2px;padding:4px;display:inline-flex}.tabs button{border-radius:var(--r-sm);color:var(--text-secondary);transition:all var(--t-fast);padding:8px 14px;font-size:13px;font-weight:600}.tabs button:hover{color:var(--text-primary)}.tabs button.is-on{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.fab{border-radius:var(--r-full);background:var(--brand-500);color:#fff;width:56px;height:56px;transition:transform var(--t-fast), box-shadow var(--t-fast);z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;bottom:32px;right:32px;box-shadow:0 12px 24px -6px #1a6fbb66}.fab:hover{transform:scale(1.06);box-shadow:0 16px 32px -6px #1a6fbb80}.fab:active{transform:scale(.98)}.glass-effect{-webkit-backdrop-filter:blur(10px);background:#ffffffb3}.shadow-premium{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006,0 0 0 1px #0000000d}.vignette-effect{background:linear-gradient(#0000 60%,#0006)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}