.tour-overlay[data-v-4bad29df]{z-index:99999;pointer-events:auto;position:fixed;inset:0}.tour-mask[data-v-4bad29df]{width:100%;height:100%;position:absolute;inset:0}.tour-glow-rect[data-v-4bad29df]{filter:drop-shadow(0 0 8px #14b8a680);animation:2s ease-in-out infinite tourPulse-4bad29df}@keyframes tourPulse-4bad29df{0%,to{stroke-opacity:1}50%{stroke-opacity:.5}}.tour-tooltip[data-v-4bad29df]{z-index:100000;pointer-events:auto;background:#fff;border-radius:16px;width:340px;max-width:calc(100vw - 32px);padding:24px;animation:.3s tooltipIn-4bad29df;position:absolute;box-shadow:0 8px 40px #0003}.tour-tooltip-final[data-v-4bad29df]{text-align:center;width:400px;transform:translate(-50%,-50%);top:50%!important;left:50%!important}@keyframes tooltipIn-4bad29df{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip-final .tour-actions[data-v-4bad29df]{justify-content:center}:root[data-theme=dark] .tour-tooltip[data-v-4bad29df]{color:#e2e8f0;background:#1e293b;box-shadow:0 8px 40px #00000080}.tour-step-badge[data-v-4bad29df]{color:#14b8a6;background:#14b8a61f;border-radius:99px;margin-bottom:8px;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-block}.tour-tooltip h3[data-v-4bad29df]{color:#1e293b;margin:0 0 8px;font-size:1.05rem;font-weight:800}:root[data-theme=dark] .tour-tooltip h3[data-v-4bad29df]{color:#f1f5f9}.tour-tooltip p[data-v-4bad29df]{color:#64748b;margin:0 0 16px;font-size:.85rem;line-height:1.6}:root[data-theme=dark] .tour-tooltip p[data-v-4bad29df]{color:#94a3b8}.tour-actions[data-v-4bad29df]{align-items:center;gap:8px;display:flex}.tour-spacer[data-v-4bad29df]{flex:1}.tour-btn[data-v-4bad29df]{cursor:pointer;border:none;border-radius:10px;padding:7px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.tour-btn-primary[data-v-4bad29df]{color:#fff;background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 2px 8px #14b8a64d}.tour-btn-primary[data-v-4bad29df]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #14b8a666}.tour-btn-secondary[data-v-4bad29df]{color:#64748b;background:0 0;border:1px solid #e2e8f0}:root[data-theme=dark] .tour-btn-secondary[data-v-4bad29df]{color:#94a3b8;border-color:#475569}.tour-btn-secondary[data-v-4bad29df]:hover{background:#f8fafc}:root[data-theme=dark] .tour-btn-secondary[data-v-4bad29df]:hover{background:#334155}.tour-btn-ghost[data-v-4bad29df]{color:#64748b;background:0 0}.tour-btn-ghost[data-v-4bad29df]:hover{color:#1e293b}:root[data-theme=dark] .tour-btn-ghost[data-v-4bad29df]:hover{color:#f1f5f9}.tour-progress[data-v-4bad29df]{background:#e2e8f0;border-radius:2px;height:3px;margin-top:16px;overflow:hidden}:root[data-theme=dark] .tour-progress[data-v-4bad29df]{background:#334155}.tour-progress-fill[data-v-4bad29df]{background:linear-gradient(90deg,#14b8a6,#8b5cf6);border-radius:2px;height:100%;transition:width .4s}.tour-fade-enter-active[data-v-4bad29df],.tour-fade-leave-active[data-v-4bad29df]{transition:opacity .3s}.tour-fade-enter-from[data-v-4bad29df],.tour-fade-leave-to[data-v-4bad29df]{opacity:0}@media (width<=768px){.tour-tooltip[data-v-4bad29df]{width:calc(100vw - 32px);position:fixed;right:16px;top:auto!important;bottom:16px!important;left:16px!important}.tour-tooltip-final[data-v-4bad29df]{width:calc(100vw - 32px);bottom:16px;transform:none;top:auto!important;left:16px!important}}:root{--cs-primary-50:#f0fdfa;--cs-primary-100:#ccfbf1;--cs-primary-200:#99f6e4;--cs-primary-300:#5eead4;--cs-primary-400:#2dd4bf;--cs-primary-500:#14b8a6;--cs-primary-600:#0d9488;--cs-primary-700:#0f766e;--cs-primary-800:#115e59;--cs-primary-900:#134e4a;--cs-primary-950:#042f2e;--cs-accent-50:#fffbeb;--cs-accent-100:#fef3c7;--cs-accent-200:#fde68a;--cs-accent-300:#fcd34d;--cs-accent-400:#fbbf24;--cs-accent-500:#f59e0b;--cs-accent-600:#d97706;--cs-accent-700:#b45309;--cs-stone-50:#fafaf9;--cs-stone-100:#f5f5f4;--cs-stone-200:#e7e5e4;--cs-stone-300:#d6d3d1;--cs-stone-400:#a8a29e;--cs-stone-500:#78716c;--cs-stone-600:#57534e;--cs-stone-700:#44403c;--cs-stone-800:#292524;--cs-stone-900:#1c1917;--cs-stone-950:#0c0a09;--cs-success:#10b981;--cs-success-light:#d1fae5;--cs-warning:#f59e0b;--cs-warning-light:#fef3c7;--cs-error:#ef4444;--cs-error-light:#fee2e2;--cs-info:#0ea5e9;--cs-info-light:#e0f2fe;--color-primary:var(--cs-primary-600);--color-primary-hover:var(--cs-primary-700);--color-primary-light:var(--cs-primary-100);--color-primary-subtle:var(--cs-primary-50);--color-accent:var(--cs-accent-500);--color-accent-hover:var(--cs-accent-600);--color-bg:#fff;--color-bg-primary:#fff;--color-bg-secondary:var(--cs-stone-50);--color-bg-tertiary:var(--cs-stone-100);--color-surface:#fff;--color-surface-elevated:#fff;--color-text:var(--cs-stone-900);--color-text-primary:var(--cs-stone-900);--color-text-secondary:var(--cs-stone-600);--color-muted:var(--cs-stone-500);--color-primary-dark:var(--cs-primary-700);--color-border:var(--cs-stone-200);--color-border-hover:var(--cs-stone-300);--color-border-subtle:var(--cs-stone-100);--color-certified:var(--cs-accent-600);--color-certified-bg:var(--cs-accent-100);--color-certified-border:var(--cs-accent-300);--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-.04em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--radius-none:0;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #1c191708;--shadow-sm:0 1px 3px #1c19170a, 0 1px 2px #1c191705;--shadow-md:0 4px 6px -1px #1c19170f, 0 2px 4px -2px #1c191708;--shadow-lg:0 10px 15px -3px #1c19170f, 0 4px 6px -4px #1c191708;--shadow-xl:0 20px 25px -5px #1c191714, 0 8px 10px -6px #1c191708;--shadow-2xl:0 25px 50px -12px #1c191726;--shadow-glow-sm:0 0 15px #0d948826;--shadow-glow:0 0 25px #0d948833;--shadow-glow-lg:0 0 40px #0d948840;--shadow-glow-accent:0 0 25px #f59e0b40;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--duration-75:75ms;--duration-100:.1s;--duration-150:.15s;--duration-200:.2s;--duration-300:.3s;--duration-500:.5s;--duration-700:.7s;--duration-1000:1s;--z-hide:-1;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-toast:700;--z-tooltip:800;--sidebar-width:280px;--sidebar-collapsed:72px;--header-height:56px;--panel-width:360px;--max-content-width:1400px}[data-theme=dark]{--color-bg:#0f172a;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-surface:#1e293b;--color-surface-elevated:#293548;--color-text:#f1f5f9;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-muted:#64748b;--color-border:#334155;--color-border-hover:#475569;--color-border-subtle:#1e293b;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #00000059;--shadow-xl:0 20px 25px #0006;--shadow-2xl:0 25px 50px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] ::selection{background:var(--cs-primary-700);color:var(--cs-primary-100)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--cs-stone-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--cs-stone-500)}[data-theme=dark] .card-glass{background:#1e293bd9;border-color:#33415599}[data-theme=dark] .preview-overlay{background:#000000eb}[data-theme=dark] .login-form-container{background:#1e293b}[data-theme=dark] .login-header h2{color:#f1f5f9}[data-theme=dark] .login-header p{color:#94a3b8}[data-theme=dark] .login-form .form-label{color:#cbd5e1}[data-theme=dark] .login-form .input{color:#e2e8f0;background:#0f172a;border-color:#334155}[data-theme=dark] .login-form .input::placeholder{color:#475569}[data-theme=dark] .login-form .input:focus{border-color:#14b8a6}[data-theme=dark] .login-form .input-icon{color:#64748b}[data-theme=dark] .login-form .input-wrapper:focus-within .input-icon{color:#14b8a6}[data-theme=dark] .password-toggle{color:#64748b}[data-theme=dark] .password-toggle:hover{color:#e2e8f0;background:#ffffff0f}[data-theme=dark] .forgot-link{color:#64748b}[data-theme=dark] .forgot-link:hover{color:#14b8a6}[data-theme=dark] .copyright{color:#475569}[data-theme=dark] .login-container{box-shadow:0 0 0 1px #33415580, var(--shadow-2xl);background:#1e293be6}[data-theme=dark] .login-bg-gradient{background:radial-gradient(100% 80% at 20% 20%,#14b8a626 0%,#0000 50%),radial-gradient(80% 100% at 80% 80%,#f59e0b14 0%,#0000 50%),linear-gradient(160deg,#0f172a 0%,#1e293b 100%)}[data-theme=dark] .login-bg-pattern{background-image:radial-gradient(#0d94880f 1.5px,#0000 1.5px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);min-height:100dvh}::selection{background:var(--cs-primary-200);color:var(--cs-primary-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--cs-stone-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--cs-stone-400)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}@media (width>=768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}}p{line-height:var(--leading-relaxed)}a{color:var(--color-primary);transition:color var(--duration-150) var(--ease-out);text-decoration:none}a:hover{color:var(--color-primary-hover)}code,pre{font-family:var(--font-mono);font-size:.875em}code{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:.125em .375em}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-200) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--duration-150) var(--ease-out);background:linear-gradient(#ffffff1a 0%,#0000 100%);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn svg{transition:transform var(--duration-200) var(--ease-out);flex-shrink:0}.btn-primary{background:linear-gradient(135deg, var(--cs-primary-500) 0%, var(--cs-primary-600) 50%, var(--cs-primary-700) 100%);color:#fff;box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff26, inset 0 -1px 0 #0000001a}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg), var(--shadow-glow), inset 0 1px 0 #fff3;transform:translateY(-2px)}.btn-primary:hover:not(:disabled) svg{transform:translate(2px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)scale(.98)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text)}.btn-accent{background:linear-gradient(135deg, var(--cs-accent-400) 0%, var(--cs-accent-500) 50%, var(--cs-accent-600) 100%);color:#fff;box-shadow:var(--shadow-md), inset 0 1px 0 #fff3}.btn-accent:hover:not(:disabled){box-shadow:var(--shadow-lg), var(--shadow-glow-accent);transform:translateY(-2px)}.btn-sm{height:34px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-lg)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-xl{height:56px;padding:0 var(--space-8);font-size:var(--text-lg)}.btn-icon{width:40px;padding:0}.btn-icon.btn-sm{width:34px}.btn-icon.btn-lg{width:48px}.input{width:100%;height:48px;padding:0 var(--space-4);font-family:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--duration-200) var(--ease-out);-webkit-appearance:none}.input:hover{border-color:var(--color-border-hover)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--cs-primary-100), var(--shadow-glow-sm);outline:none}.input::placeholder{color:var(--color-muted)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all var(--duration-300) var(--ease-out);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.card-glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffd9;border:1px solid #fff9}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:.03em;display:inline-flex}.badge-success{background:var(--cs-success-light);color:var(--cs-success)}.badge-warning{background:var(--cs-warning-light);color:var(--cs-accent-700)}.badge-error{background:var(--cs-error-light);color:var(--cs-error)}.badge-info{background:var(--cs-info-light);color:var(--cs-info)}.badge-certified{background:linear-gradient(135deg, var(--cs-accent-100) 0%, var(--cs-accent-200) 100%);color:var(--cs-accent-600);border:1px solid var(--cs-accent-300);padding:var(--space-1);border-radius:var(--radius-md);justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 4px #f59e0b33}.badge-certified svg{width:14px;height:14px;display:block}.app-layout{background:var(--color-bg-secondary);flex-direction:column;min-height:100dvh;display:flex}@media (width>=768px){.app-layout{flex-direction:row}}.sidebar{background:var(--color-surface);border-top:1px solid var(--color-border);padding:6px 12px;padding-bottom:max(6px, env(safe-area-inset-bottom));z-index:var(--z-fixed);flex-direction:row;order:2;justify-content:center;align-items:flex-end;gap:0;min-height:60px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.sidebar{width:var(--sidebar-width);border-top:none;border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;order:0;justify-content:flex-start;align-items:stretch;padding:0;position:relative}}.sidebar-header{display:none}@media (width>=768px){.sidebar-header{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border-subtle);display:flex}}.logo{align-items:center;gap:var(--space-3);display:flex}.logo svg{filter:drop-shadow(0 2px 4px #0d948833);flex-shrink:0}.logo span{font-size:var(--text-base);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);background:linear-gradient(135deg, var(--cs-primary-700) 0%, var(--cs-primary-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-nav{flex-direction:row;flex:1;justify-content:center;align-items:flex-end;gap:0;width:100%;max-width:400px;display:flex}@media (width>=768px){.sidebar-nav{padding:var(--space-4);justify-content:flex-start;align-items:stretch;gap:var(--space-2);flex-direction:column;flex:1;width:auto;max-width:none;display:flex}}.sidebar-nav .btn{border-radius:var(--radius-md);min-width:56px;max-width:72px;height:auto;min-height:44px;color:var(--color-text-tertiary);background:0 0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;padding:8px 6px 4px;font-size:10px;transition:color .15s}.sidebar-nav .btn:hover,.sidebar-nav .btn:focus{color:var(--color-text-primary);background:0 0}.sidebar-nav .btn.active{color:var(--cs-primary,#0d9488)}.sidebar-nav .btn svg{opacity:.85;flex-shrink:0;width:22px;height:22px}.sidebar-nav .btn.active svg{opacity:1}.nav-divider{display:none}@media (width>=768px){.sidebar-nav .btn{height:44px;padding:0 var(--space-4);gap:var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-xl);flex-direction:row;flex:unset;min-height:unset;min-width:unset;max-width:unset;color:var(--color-text-secondary);background:0 0;justify-content:flex-start}.sidebar-nav .btn:hover,.sidebar-nav .btn:focus{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar-nav .btn.active{background:var(--cs-primary-50,#0d948814);color:var(--cs-primary,#0d9488)}.sidebar-nav .btn svg{opacity:1;width:18px;height:18px}.nav-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-2) 0;display:block}}.sidebar-footer{display:none}@media (width>=768px){.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}}.user-info{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.user-avatar{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--cs-primary-500) 0%, var(--cs-primary-600) 100%);color:#fff;width:40px;height:40px;font-weight:var(--font-bold);font-size:var(--text-sm);box-shadow:var(--shadow-md), var(--shadow-glow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-details{min-width:0}.user-name{font-weight:var(--font-semibold);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);overflow:hidden}.user-email{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main-content{background:var(--color-bg-secondary);flex-direction:column;flex:1;min-width:0;padding-bottom:80px;display:flex}@media (width>=768px){.main-content{padding-bottom:0}}.main-content.with-panel{margin-right:0}.header{height:var(--header-height);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);z-index:var(--z-sticky);display:flex;position:sticky;top:0}@media (width>=768px){.header{padding:0 var(--space-6);gap:var(--space-4)}}.header-actions{align-items:center;gap:var(--space-2);display:flex}.breadcrumbs{align-items:center;gap:var(--space-1);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumb-sep{color:var(--color-muted);font-size:var(--text-sm);flex-shrink:0}.breadcrumb-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-150) var(--ease-out);white-space:nowrap;background:0 0;border:none;flex-shrink:0;display:inline-flex}.breadcrumb-item:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.breadcrumb-item.active{color:var(--color-primary);font-weight:var(--font-semibold)}.content{padding:var(--space-4);flex:1;overflow-y:auto}@media (width>=768px){.content{padding:var(--space-6)}}.file-grid{gap:var(--space-2);flex-direction:column;display:flex}.file-item{align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-200) var(--ease-out);-webkit-tap-highlight-color:transparent;border:1px solid #0000;padding:10px 12px;display:flex;overflow:hidden}@media (width>=768px){.file-item{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl)}}.file-item:hover{background:var(--color-bg-secondary);border-color:var(--color-border-subtle);transform:translate(4px)}.file-item:active{transform:scale(.99)}.file-item.selected{background:var(--cs-primary-50);border-color:var(--cs-primary-200);box-shadow:var(--shadow-sm), var(--shadow-glow-sm)}.file-item.folder .file-icon{background:linear-gradient(135deg, var(--cs-primary-100) 0%, var(--cs-primary-200) 100%)}.file-icon{background:var(--color-bg-tertiary);border-radius:var(--radius-xl);width:48px;height:48px;transition:all var(--duration-200) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}@media (width>=768px){.file-icon{width:52px;height:52px}}.file-item:hover .file-icon{transform:scale(1.05)}.file-info{flex:1;min-width:0;overflow:hidden}.file-name{font-weight:var(--font-semibold);color:var(--color-text);align-items:center;gap:4px;min-width:0;max-width:100%;font-size:.82rem;line-height:1.3;display:flex;overflow:hidden}.file-name .file-name-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.file-name .badge-certified,.file-name .badge-workflow,.file-name .badge-inline{flex-shrink:0}@media (width>=768px){.file-name{font-size:var(--text-base);gap:var(--space-2)}}.file-meta{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;max-width:100%;margin-top:2px;font-size:.7rem;display:flex;overflow:hidden}.file-meta span{flex-shrink:0}.file-meta span:first-child{text-overflow:ellipsis;flex-shrink:1;overflow:hidden}@media (width>=768px){.file-meta{font-size:var(--text-xs);gap:var(--space-2);margin-top:var(--space-1)}}@media (width<=767px){.file-item{gap:var(--space-3);min-height:60px;padding:10px 8px 10px 12px}.file-icon{border-radius:var(--radius-lg);width:42px;height:42px;font-size:1.25rem}.file-icon svg{width:22px;height:22px}.file-name{font-size:.82rem;line-height:1.3}.file-name .file-name-text{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 40px);display:block;overflow:hidden}.file-meta{color:var(--color-muted);white-space:nowrap;flex-wrap:nowrap;gap:4px;margin-top:1px;font-size:.68rem;display:flex;overflow:hidden}.file-actions{display:none}.file-menu-btn{opacity:.7;width:40px;height:40px}}.meta-sep{opacity:.4}.file-menu-btn{border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-muted);cursor:pointer;opacity:.5;transition:all var(--duration-150) var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.file-item:hover .file-menu-btn{opacity:1}.file-menu-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.details-panel{background:var(--color-bg-primary,#fff);width:100%;height:100dvh;z-index:calc(var(--z-modal) + 10);animation:panelSlideIn var(--duration-300) var(--ease-out);color:var(--color-text,#1c1917);border-left:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden;transform:translate(0)}@supports not (height:100dvh){.details-panel{height:100vh}}@keyframes panelSlideIn{0%{opacity:.5;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width>=768px){.details-panel{width:var(--panel-width);max-width:none;z-index:var(--z-base);border-left:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;height:auto;padding-bottom:0;position:relative;inset:auto}}:root.dark .details-panel,:root[data-theme=dark] .details-panel{color:#e2e8f0;background:#0f172a}:root.dark .panel-header,:root[data-theme=dark] .panel-header{background:#1e293b;border-bottom-color:#334155}:root.dark .panel-content,:root[data-theme=dark] .panel-content{background:#0f172a}:root.dark .panel-actions,:root[data-theme=dark] .panel-actions,:root.dark .panel-tabs,:root[data-theme=dark] .panel-tabs{border-bottom-color:#334155}:root.dark .panel-tabs button,:root[data-theme=dark] .panel-tabs button{color:#64748b}:root.dark .panel-tabs button:hover,:root[data-theme=dark] .panel-tabs button:hover{color:#e2e8f0;background:#ffffff0d}:root.dark .panel-tabs button.active,:root[data-theme=dark] .panel-tabs button.active{color:#5eead4}:root.dark .info-label,:root[data-theme=dark] .info-label{color:#94a3b8}:root.dark .info-value,:root[data-theme=dark] .info-value{color:#e2e8f0}.panel-header{padding:var(--space-4) var(--space-4);padding-top:max(var(--space-4), env(safe-area-inset-top,0px));border-bottom:1px solid var(--color-border-subtle,#e5e7eb);background:var(--color-bg-primary,#fff);color:var(--color-text,#1c1917);z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}@media (width>=768px){.panel-header{padding:var(--space-4) var(--space-5)}}.panel-title{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.panel-icon{font-size:1.5rem}.panel-name{font-weight:var(--font-semibold);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn-close{border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-muted);cursor:pointer;transition:all var(--duration-150) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.panel-preview{padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(180deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%)}.panel-preview img{border-radius:var(--radius-xl);cursor:pointer;width:100%;transition:all var(--duration-300) var(--ease-out);box-shadow:var(--shadow-lg)}.panel-preview img:hover{box-shadow:var(--shadow-xl);transform:scale(1.02)}.panel-actions{padding:var(--space-3) var(--space-4);gap:var(--space-2);border-bottom:1px solid var(--color-border-subtle);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;display:flex;overflow-x:auto}.panel-actions::-webkit-scrollbar{display:none}@media (width>=768px){.panel-actions{flex-wrap:wrap;overflow-x:visible}}.panel-tabs{border-bottom:1px solid var(--color-border-subtle);display:flex}.panel-tabs button{padding:var(--space-3-5);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-muted);cursor:pointer;transition:all var(--duration-150) var(--ease-out);background:0 0;border:none;flex:1;position:relative}.panel-tabs button:hover{color:var(--color-text);background:var(--color-bg-secondary)}.panel-tabs button.active{color:var(--color-primary)}.panel-tabs button.active:after{content:"";bottom:0;left:var(--space-4);right:var(--space-4);background:linear-gradient(90deg, var(--cs-primary-500), var(--cs-primary-600));border-radius:var(--radius-full);height:2px;position:absolute}.panel-scroll-body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden auto;-webkit-transform:translateZ(0)}.panel-content{padding:var(--space-4);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 80px);flex:1 0 auto;min-height:0;overflow:hidden visible}@media (width>=768px){.panel-scroll-body{overflow-y:auto}.panel-content{padding-bottom:var(--space-6)}}.info-list{gap:var(--space-4);flex-direction:column;display:flex}.info-item{gap:var(--space-1);flex-direction:column;display:flex}.info-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.info-value{font-size:var(--text-sm);color:var(--color-text);word-break:break-word}.info-value.path{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-bg-tertiary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg)}.versions-list{gap:var(--space-2);flex-direction:column;display:flex}.version-item{padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-xl);transition:all var(--duration-150) var(--ease-out);justify-content:space-between;align-items:center;display:flex}.version-item:hover{background:var(--color-bg-tertiary);transform:translate(4px)}.version-info{gap:var(--space-1);flex-direction:column;display:flex}.version-date{font-size:var(--text-sm);font-weight:var(--font-medium)}.version-size{font-size:var(--text-xs);color:var(--color-muted)}.badge-current{background:linear-gradient(135deg, var(--cs-primary-500), var(--cs-primary-600));color:#fff;font-size:var(--text-xs);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-lg);font-weight:var(--font-bold)}.compliance-section{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-light)}.compliance-row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.compliance-row+.compliance-row{border-top:1px solid var(--color-border-light)}.compliance-info{flex-direction:column;gap:1px;display:flex}.compliance-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.compliance-desc{font-size:var(--text-xs);color:var(--color-muted)}.toggle-switch{cursor:pointer;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--color-border);width:36px;height:20px;transition:background var(--duration-200) var(--ease-out);border-radius:12px;position:relative}.toggle-switch.active .toggle-track{background:var(--cs-primary-500)}.toggle-thumb{width:16px;height:16px;transition:transform var(--duration-200) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle-switch.active .toggle-thumb{transform:translate(16px)}.retention-date-input{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text);cursor:pointer;max-width:130px}.retention-date-input:focus{border-color:var(--cs-primary-400);outline:none;box-shadow:0 0 0 2px #14b8a626}.compliance-badges{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.compliance-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.02em;align-items:center;gap:4px;display:inline-flex}.badge-hold{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.badge-retention{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-retention.badge-expiring{color:#ef4444;background:#ef44441a;border:1px solid #ef444440;animation:2s ease-in-out infinite retentionPulse}.badge-retention.badge-expired{color:#991b1b;background:#7f1d1d26;border:1px solid #7f1d1d4d}@keyframes retentionPulse{0%,to{opacity:1}50%{opacity:.7}}.audit-entry{align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);transition:background var(--duration-150) var(--ease-out);display:flex}.audit-entry:hover{background:var(--color-bg-tertiary)}.audit-icon{font-size:var(--text-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.audit-ip:hover{opacity:1}.audit-list{gap:var(--space-2);flex-direction:column;display:flex}.audit-entry{align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-xl);transition:all var(--duration-150) var(--ease-out);display:flex}.audit-entry:hover{background:var(--color-bg-tertiary);transform:translate(4px)}.audit-icon{text-align:center;flex-shrink:0;width:24px;font-size:15px}.audit-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.audit-action{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.audit-time{font-size:var(--text-xs);color:var(--color-muted)}.audit-ip{color:var(--color-muted);opacity:.5;flex-shrink:0}.context-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);min-width:200px;padding:var(--space-2);z-index:var(--z-popover);animation:contextMenuIn var(--duration-200) var(--ease-spring);position:fixed}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.context-menu button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:all var(--duration-150) var(--ease-out);text-align:left;background:0 0;border:none;display:flex}.context-menu button:hover{background:var(--color-bg-secondary)}.context-menu button:active{background:var(--color-bg-tertiary)}.context-menu button.danger{color:var(--cs-error)}.context-menu button.danger:hover{background:var(--cs-error-light)}.menu-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-2) 0}.preview-overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--duration-200) var(--ease-out);background:#0c0a09e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-modal{background:var(--color-surface);border-radius:var(--radius-2xl);width:100%;max-width:1200px;height:calc(100dvh - 32px);max-height:900px;box-shadow:var(--shadow-2xl);animation:modalIn var(--duration-300) var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.preview-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);font-weight:var(--font-semibold);justify-content:space-between;align-items:center;display:flex}.preview-header button{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-muted);cursor:pointer;transition:all var(--duration-150) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.preview-header button:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.preview-content{background:var(--cs-stone-900);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.preview-content iframe{border:none;width:100%;height:100%}.preview-content img{object-fit:contain;max-width:100%;max-height:100%}.preview-unsupported{color:var(--cs-stone-400);padding:var(--space-12);text-align:center}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{background:linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);border-radius:var(--radius-3xl);width:100px;height:100px;color:var(--color-muted);margin-bottom:var(--space-6);justify-content:center;align-items:center;animation:3s ease-in-out infinite emptyIconFloat;display:flex}@keyframes emptyIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state p{color:var(--color-muted);font-size:var(--text-sm);max-width:280px;margin-bottom:var(--space-6)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);width:40px;height:40px;margin-bottom:var(--space-4);border-radius:50%;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100dvh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;position:absolute;inset:0}.login-bg-gradient{background:radial-gradient(ellipse 100% 80% at 20% 20%, #14b8a633 0%, transparent 50%), radial-gradient(ellipse 80% 100% at 80% 80%, #f59e0b1f 0%, transparent 50%), linear-gradient(160deg, var(--cs-stone-50) 0%, var(--cs-stone-100) 100%);animation:15s infinite gradientShift;position:absolute;inset:0}@keyframes gradientShift{0%,to{filter:hue-rotate();background-position:0%}50%{filter:hue-rotate(5deg);background-position:100%}}.login-bg-pattern{background-image:radial-gradient(#0d948814 1.5px,#0000 1.5px);background-size:32px 32px;animation:20s linear infinite patternMove;position:absolute;inset:0}@keyframes patternMove{0%{background-position:0 0}to{background-position:32px 32px}}.login-container{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-3xl);width:100%;max-width:480px;box-shadow:0 0 0 1px #ffffff80, var(--shadow-2xl);z-index:1;background:#ffffffe6;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=900px){.login-container{flex-direction:row;max-width:1000px;min-height:600px}}.login-branding{background:linear-gradient(160deg, var(--cs-primary-600) 0%, var(--cs-primary-700) 40%, var(--cs-primary-800) 100%);padding:var(--space-8) var(--space-6);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=900px){.login-branding{padding:var(--space-10);flex:1;justify-content:space-between}}.login-branding:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 50%);width:150%;height:150%;animation:20s linear infinite orbitSlow;position:absolute;top:-50%;right:-50%}@keyframes orbitSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.branding-content{z-index:1;position:relative}.brand-logo{margin-bottom:var(--space-5)}.brand-logo svg{filter:drop-shadow(0 4px 12px #0003)}.login-branding h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}@media (width>=900px){.login-branding h1{font-size:var(--text-3xl)}}.brand-tagline{font-size:var(--text-base);color:#ffffffd9;margin-bottom:var(--space-8)}.features-list{gap:var(--space-5);flex-direction:column;display:none}@media (width>=900px){.features-list{display:flex}}.feature-item{align-items:flex-start;gap:var(--space-4);opacity:0;animation:featureSlideIn var(--duration-500) var(--ease-out) forwards;display:flex}.feature-item:first-child{animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}@keyframes featureSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.feature-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xl);color:#fff;background:#ffffff26;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-text{gap:var(--space-1);flex-direction:column;display:flex}.feature-title{font-weight:var(--font-semibold);color:#fff;font-size:var(--text-base)}.feature-desc{font-size:var(--text-sm);color:#ffffffb3}.brand-footer{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:#ffffff80;z-index:1;margin-top:var(--space-8);display:none;position:relative}@media (width>=900px){.brand-footer{display:flex}}.brand-footer .dot{opacity:.4}.login-form-container{padding:var(--space-8) var(--space-6);background:#fff;flex-direction:column;flex:1;justify-content:center;display:flex}@media (width>=900px){.login-form-container{padding:var(--space-12) var(--space-10)}}.login-card{width:100%;max-width:360px;margin:0 auto}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#1e293b;margin-bottom:var(--space-2)}.login-header p{color:var(--color-muted);font-size:var(--text-base)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.input-wrapper{position:relative}.input-icon{left:var(--space-4);color:var(--color-muted);pointer-events:none;transition:color var(--duration-150) var(--ease-out);position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper .input{padding-left:calc(var(--space-4) + 20px + var(--space-3))}.input-wrapper .input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--color-primary)}.error-message{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--cs-error-light);color:var(--cs-error);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-medium);animation:shake var(--duration-300) var(--ease-out);display:flex}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.btn-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.login-footer{text-align:center;margin-top:var(--space-6)}.forgot-link{font-size:var(--text-sm);color:var(--color-muted);transition:color var(--duration-150) var(--ease-out);text-decoration:none}.forgot-link:hover{color:var(--color-primary)}.copyright{text-align:center;font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-success{color:var(--cs-success)}.text-warning{color:var(--cs-warning)}.text-error{color:var(--cs-error)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-sm{margin-top:var(--space-2)}.mt-md{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4,.mb-md{margin-bottom:var(--space-4)}.py-md{padding-top:var(--space-6);padding-bottom:var(--space-6)}.w-full{width:100%}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}