:root{--color-bg:#0a0a0f;--color-surface:#12121a;--color-surface-2:#1a1a25;--color-surface-hover:#1e1e2a;--color-surface-active:#252535;--color-border:#ffffff0f;--color-border-hover:#ffffff1f;--color-primary:#00d4aa;--color-primary-hover:#00e6b8;--color-primary-dim:#00d4aa26;--color-primary-glow:0 0 20px #00d4aa33;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-dim:#3b82f626;--color-danger:#ef4444;--color-danger-dim:#ef444426;--color-warning:#f59e0b;--color-warning-dim:#f59e0b26;--color-success:#10b981;--color-success-dim:#10b98126;--color-info:#06b6d4;--color-info-dim:#06b6d426;--color-text:#fff;--color-text-secondary:#e2e8f0;--color-text-muted:#94a3b8;--color-text-inverse:#0a0a0f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:var(--color-primary-glow);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--header-height:60px;--z-header:110;--z-modal:200;--z-toast:300}[data-theme=light]{--color-bg:#f4f6f9;--color-surface:#fff;--color-surface-2:#f8f9fc;--color-surface-hover:#f0f2f5;--color-surface-active:#e8eaef;--color-border:#00000014;--color-border-hover:#00000026;--color-text:#0a0a0f;--color-text-secondary:#374151;--color-text-muted:#6b7280;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f}[data-theme=glassmorphism]{--color-bg:transparent;--color-surface:#1e293b40;--color-surface-2:#1e293b66;--color-surface-hover:#33415559;--color-surface-active:#47556980;--color-border:#ffffff26;--color-border-hover:#ffffff40;--color-text:#fff;--color-text-secondary:#ffffffd9;--color-text-muted:#ffffff8c;--shadow-sm:0 4px 6px #00000026;--shadow-md:0 10px 30px #0000004d;--shadow-lg:0 20px 40px #0006}[data-theme=glassmorphism] body{background-color:#0d0e15;background-image:url(/glass-bg.png);background-position:50%;background-size:cover;background-attachment:fixed}@supports not (background-image:url("/glass-bg.png")){[data-theme=glassmorphism] body{background-image:radial-gradient(at 30% 0,#6f29c566,#0000 60%),radial-gradient(at 80% 100%,#3b82f64d,#0000 60%)}}[data-theme=glassmorphism] .card,[data-theme=glassmorphism] .header,[data-theme=glassmorphism] .stg-card,[data-theme=glassmorphism] .stg-nav-item.active{-webkit-backdrop-filter:blur(24px);box-shadow:inset 1px 1px #ffffff26,0 8px 32px #0003}[data-theme=neumorphism]{--color-bg:#e0e5ec;--color-surface:#e0e5ec;--color-surface-2:#e0e5ec;--color-surface-hover:#d7dce4;--color-surface-active:#d1d9e6;--color-border:transparent;--color-border-hover:transparent;--color-text:#2d3748;--color-text-secondary:#4a5568;--color-text-muted:#8492a6;--shadow-sm:4px 4px 8px #a3b1c6, -4px -4px 8px #fff;--shadow-md:7px 7px 14px #a3b1c6, -7px -7px 14px #fff;--shadow-lg:10px 10px 20px #a3b1c6, -10px -10px 20px #fff}[data-theme=neumorphism] body{background:#e0e5ec}[data-theme=neumorphism] .stg-card,[data-theme=neumorphism] .card{box-shadow:var(--shadow-md);border:none;border-radius:16px}[data-theme=neumorphism] input,[data-theme=neumorphism] .stg-select,[data-theme=neumorphism] .search-input,[data-theme=neumorphism] .stg-nav-item.active{background:#e0e5ec!important;border:none!important;box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff!important}[data-theme=neumorphism-dark]{--color-bg:#1e2330;--color-surface:#1e2330;--color-surface-2:#222840;--color-surface-hover:#252c42;--color-surface-active:#2c3450;--color-border:transparent;--color-border-hover:#00d4aa26;--color-text:#e2e8f0;--color-text-secondary:#bbc8d8;--color-text-muted:#6b7fa0;--color-text-inverse:#1e2330;--shadow-sm:4px 4px 8px #141824, -4px -4px 8px #28334a;--shadow-md:7px 7px 14px #141824, -7px -7px 14px #28334a;--shadow-lg:10px 10px 20px #141824, -10px-10px 20px #28334a;--color-primary:#00d4aa;--color-primary-hover:#00e6b8;--color-primary-dim:#00d4aa26;--color-primary-glow:0 0 20px #00d4aa40}[data-theme=neumorphism-dark] body{background:#1e2330}[data-theme=neumorphism-dark] .stg-card,[data-theme=neumorphism-dark] .card{box-shadow:var(--shadow-md);border:none;border-radius:16px}[data-theme=neumorphism-dark] input,[data-theme=neumorphism-dark] .stg-select,[data-theme=neumorphism-dark] .search-input,[data-theme=neumorphism-dark] .stg-nav-item.active{background:#1e2330!important;border:none!important;box-shadow:inset 4px 4px 8px #141824,inset -4px -4px 8px #28334a!important}[data-theme=neumorphism-rex]{--color-bg:#0d0d14;--color-surface:#0d0d14;--color-surface-2:#111119;--color-surface-hover:#141421;--color-surface-active:#191926;--color-border:transparent;--color-border-hover:#00d4aa1f;--color-text:#fff;--color-text-secondary:#e8f0fe;--color-text-muted:#89b;--color-text-inverse:#0d0d14;--color-primary:#00d4aa;--color-primary-hover:#00f0c2;--color-primary-dim:#00d4aa24;--color-primary-glow:0 0 22px #00d4aa47;--color-accent:#4f9dff;--color-accent-hover:#6ab0ff;--color-accent-dim:#4f9dff24;--color-danger:#ff4d6a;--color-danger-dim:#ff4d6a24;--color-warning:#ffc040;--color-warning-dim:#ffc04024;--color-success:#00d4aa;--color-success-dim:#00d4aa24;--shadow-sm:4px 4px 8px #060609, -4px -4px 8px #181826;--shadow-md:7px 7px 15px #060609, -7px -7px 15px #181826;--shadow-lg:12px 12px 24px #060609, -12px -12px 24px #181826;--shadow-inset:inset 4px 4px 8px #060609, inset -4px -4px 8px #181826}[data-theme=neumorphism-rex] body{background:#0d0d14}[data-theme=neumorphism-rex] .card,[data-theme=neumorphism-rex] .stg-card{box-shadow:var(--shadow-md);background:#0d0d14;border-radius:16px;border:none!important}[data-theme=neumorphism-rex] .header{box-shadow:var(--shadow-sm);background:#0d0d14;border-bottom:none}[data-theme=neumorphism-rex] .vault-table-wrap,[data-theme=neumorphism-rex] .data-table-desktop{box-shadow:var(--shadow-md)!important;border:none!important;border-radius:16px!important}[data-theme=neumorphism-rex] .data-table thead th{color:var(--color-text);background:#0d0d14;border-bottom:none;box-shadow:inset 0 -3px 6px #060609,inset 0 2px 4px #181826}[data-theme=neumorphism-rex] .data-table tbody tr{border-bottom:1px solid #181826cc}[data-theme=neumorphism-rex] .data-table tbody tr:hover{background:#111119;box-shadow:inset 2px 2px 4px #060609,inset -2px -2px 4px #181826}[data-theme=neumorphism-rex] .data-table tbody tr.expanded{background:#111119}[data-theme=neumorphism-rex] input:not([type=checkbox]):not([type=radio]),[data-theme=neumorphism-rex] textarea,[data-theme=neumorphism-rex] .stg-select,[data-theme=neumorphism-rex] .search-input{color:#fff!important;background:#0d0d14!important;border:none!important;box-shadow:inset 4px 4px 8px #060609,inset -4px -4px 8px #181826!important}[data-theme=neumorphism-rex] input:not([type=checkbox]):not([type=radio]):focus,[data-theme=neumorphism-rex] textarea:focus{outline:none!important;box-shadow:inset 4px 4px 8px #060609,inset -4px -4px 8px #181826,0 0 0 2px #00d4aa40!important}[data-theme=neumorphism-rex] .stg-nav-item.active,[data-theme=neumorphism-rex] .omnibar-input{color:#fff!important;background:#0d0d14!important;border:none!important;box-shadow:inset 4px 4px 8px #060609,inset -4px -4px 8px #181826!important}[data-theme=neumorphism-rex] .premium-select-trigger{color:#fff!important;background:#0d0d14!important;border:none!important;box-shadow:inset 3px 3px 7px #060609,inset -3px -3px 7px #181826!important}[data-theme=neumorphism-rex] .btn-primary{background:var(--color-primary);color:#0d0d14;border:none;font-weight:700;box-shadow:5px 5px 10px #060609,-3px -3px 8px #181826,0 0 16px #00d4aa33}[data-theme=neumorphism-rex] .btn-primary:hover{box-shadow:3px 3px 7px #060609,-2px -2px 5px #181826,0 0 22px #00d4aa59}[data-theme=neumorphism-rex] .btn-primary:active{box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 5px #181826}[data-theme=neumorphism-rex] .btn-secondary,[data-theme=neumorphism-rex] .btn-ghost{color:#e8f0fe;background:#0d0d14;box-shadow:3px 3px 7px #060609,-3px -3px 7px #181826;border:none!important}[data-theme=neumorphism-rex] .btn-secondary:hover,[data-theme=neumorphism-rex] .btn-ghost:hover{color:#fff;background:#111119;box-shadow:2px 2px 5px #060609,-2px -2px 5px #181826}[data-theme=neumorphism-rex] .btn-icon{box-shadow:3px 3px 6px #060609,-3px -3px 6px #181826}[data-theme=neumorphism-rex] .btn-icon:hover{box-shadow:2px 2px 4px #060609,-2px -2px 4px #181826}[data-theme=neumorphism-rex] .btn-danger{box-shadow:3px 3px 7px #060609,-2px -2px 6px #181826,0 0 10px #ff4d6a33}[data-theme=neumorphism-rex] .stg-toggle-track{background:#0d0d14;border:none;box-shadow:inset 3px 3px 7px #060609,inset -3px -3px 7px #181826}[data-theme=neumorphism-rex] .stg-toggle input:checked+.stg-toggle-track{background:var(--color-primary);box-shadow:inset 2px 2px 4px #0006,0 0 12px #00d4aa40}[data-theme=neumorphism-rex] .stg-toggle-thumb{box-shadow:2px 2px 5px #060609,-2px -2px 5px #181826}[data-theme=neumorphism-rex] .stg-badge,[data-theme=neumorphism-rex] .stg-chip{color:#e8f0fe;background:#0d0d14;border:none;box-shadow:inset 2px 2px 5px #060609,inset -2px -2px 5px #181826}[data-theme=neumorphism-rex] .stg-chip--success{color:#00d4aa}[data-theme=neumorphism-rex] .stg-chip--danger{color:#ff4d6a}[data-theme=neumorphism-rex] .stg-chip--info{color:#4f9dff}[data-theme=neumorphism-rex] .stg-chip--muted{color:#89b}[data-theme=neumorphism-rex] .stg-card-header{box-shadow:none;background:#0d0d14;border-bottom:1px solid #181826e6}[data-theme=neumorphism-rex] .stg-card-title{color:#fff}[data-theme=neumorphism-rex] .stg-row-label{color:#fff;font-weight:500}[data-theme=neumorphism-rex] .stg-row-desc{color:#89b}[data-theme=neumorphism-rex] .stg-divider{border-top-color:#181826e6}[data-theme=neumorphism-rex] .stg-row:hover{background:#111119}[data-theme=neumorphism-rex] .stg-nav-item.active{color:var(--color-primary);box-shadow:inset 3px 3px 7px #060609,inset -3px -3px 7px #181826;background:#0d0d14!important}[data-theme=neumorphism-rex] .stat-card,[data-theme=neumorphism-rex] [class*=stat]{box-shadow:var(--shadow-sm);background:#0d0d14;border:none!important}[data-theme=neumorphism-rex] .omnibar-modal{box-shadow:var(--shadow-lg);background:#0d0d14;border:none}[data-theme=neumorphism-rex] .omnibar-header{background:#0d0d14;border-bottom:1px solid #181826cc;box-shadow:inset 4px 4px 8px #060609,inset -4px -4px 8px #181826}[data-theme=neumorphism-rex] .omnibar-item.selected{background:#111119;box-shadow:inset 2px 2px 5px #060609,inset -2px -2px 5px #181826}[data-theme=neumorphism-rex] .modal{box-shadow:var(--shadow-lg);background:#0d0d14;border:none}[data-theme=neumorphism-rex] .modal-header{background:#0d0d14;border-bottom:1px solid #181826cc}[data-theme=neumorphism-rex] .toast{box-shadow:var(--shadow-md);background:#111119;border:none}[data-theme=neumorphism-rex] ::-webkit-scrollbar-thumb{background:#181826;border-radius:10px;box-shadow:inset 1px 1px 3px #060609}[data-theme=neumorphism-rex] ::-webkit-scrollbar-track{background:#0d0d14}[data-theme=neumorphism-rex] div[style*=color-surface-2]{box-shadow:var(--shadow-sm)!important;border:none!important}[data-theme=neumorphism-rex] div[style*="border-radius: var(--radius-full)"],[data-theme=neumorphism-rex] div[style*="border-radius:var(--radius-full)"]{background:#0d0d14!important;border:none!important;box-shadow:inset 4px 4px 8px #060609,inset -4px -4px 8px #181826!important}[data-theme=neumorphism-rex] div[style*=color-surface][style*=borderRadius]{box-shadow:var(--shadow-sm)!important;border:none!important}[data-theme=cyberpunk]{--color-bg:#000;--color-surface:#0c0c0cd9;--color-surface-2:#141414e6;--color-surface-hover:#1e1e1ef2;--color-surface-active:#fcee09;--color-border:#ff003c66;--color-border-hover:#0ff9;--color-text:#fcee09;--color-text-secondary:#0ff;--color-text-muted:#ff003ccc;--shadow-sm:0 0 5px #ff003c80;--shadow-md:0 0 10px #ff003c99, inset 0 0 8px #ff003c33;--shadow-lg:0 0 20px #00ffffb3;--font-sans:"JetBrains Mono", "Courier New", monospace;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-xl:0px;--radius-full:0px}[data-theme=cyberpunk] body{background-color:#000;background-image:linear-gradient(#00ffff0d 1px,#0000 1px),linear-gradient(90deg,#ff003c08 1px,#0000 1px);background-size:30px 30px}[data-theme=cyberpunk] .stg-card,[data-theme=cyberpunk] .card{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));box-shadow:none;border-bottom:2px solid var(--color-border)}[data-theme=cyberpunk] .stg-nav-item.active{color:#000;background:#ff003c}[data-theme=synthwave]{--color-bg:#10052b;--color-surface:#240a40;--color-surface-2:#1b0532;--color-surface-hover:#3b156b;--color-surface-active:#f05;--color-border:#f056;--color-border-hover:#0ff9;--color-text:#fff;--color-text-secondary:#0ff;--color-text-muted:#f05c;--shadow-sm:0 0 10px #ff005580;--shadow-md:0 0 20px #f059;--shadow-lg:0 0 30px #0ff9}[data-theme=synthwave] body{background:linear-gradient(#10052b 0%,#2b0f4c 100%) fixed}[data-theme=synthwave] .stg-card,[data-theme=synthwave] .card{box-shadow:inset 0 0 30px #ff005526, var(--shadow-md);border-bottom:2px solid #0ff}[data-theme=material]{--color-bg:#fafafa;--color-surface:#fff;--color-surface-2:#f5f5f5;--color-surface-hover:#eee;--color-surface-active:#e0e0e0;--color-border:#0000001f;--color-border-hover:#0000003d;--color-text:#000000de;--color-text-secondary:#0009;--color-text-muted:#00000061;--shadow-sm:0px 2px 1px -1px #0003, 0px 1px 1px 0px #00000024, 0px 1px 3px 0px #0000001f;--shadow-md:0px 3px 3px -2px #0003, 0px 3px 4px 0px #00000024, 0px 1px 8px 0px #0000001f;--shadow-lg:0px 6px 6px -3px #0003, 0px 10px 14px 1px #00000024, 0px 4px 18px 3px #0000001f;--radius-md:4px;--radius-lg:8px}[data-theme=material] input,[data-theme=material] .stg-select{background:#0000000a;border-radius:4px 4px 0 0;border:none!important;border-bottom:2px solid #0000006b!important}[data-theme=material] input:focus,[data-theme=material] .stg-select:focus{background:#00000014;border-bottom-color:var(--color-primary)!important}[data-theme=material] .btn{text-transform:uppercase;letter-spacing:.5px;font-weight:600}[data-theme=github-dark]{--color-bg:#0d1117;--color-surface:#0d1117;--color-surface-2:#161b22;--color-surface-hover:#21262d;--color-surface-active:#30363d;--color-border:#30363d;--color-border-hover:#8b949e;--color-text:#c9d1d9;--color-text-secondary:#8b949e;--color-text-muted:#484f58;--shadow-sm:0 0 0 1px #30363d;--shadow-md:0 3px 6px #010409cc, 0 0 0 1px #30363d;--shadow-lg:0 8px 24px #010409cc, 0 0 0 1px #30363d;--radius-md:6px;--radius-lg:6px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}[data-theme=github-dark] .stg-card,[data-theme=github-dark] .card{box-shadow:none;border:1px solid var(--color-border)}[data-theme=github-dark] .btn-secondary{background:linear-gradient(#21262d 0%,#161b22 100%);border:1px solid #30363d}[data-theme=oled-midnight]{--color-bg:#000;--color-surface:#000;--color-surface-2:#0a0a0a;--color-surface-hover:#141414;--color-surface-active:#1f1f1f;--color-border:#1f1f1f;--color-border-hover:#333;--color-text:#fff;--color-text-secondary:#a1a1aa;--color-text-muted:#52525b;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--radius-md:16px;--radius-lg:24px}[data-theme=oled-midnight] .stg-card,[data-theme=oled-midnight] .card,[data-theme=oled-midnight] input{border:1px solid var(--color-border)}[data-theme=oled-midnight] .btn{border-radius:999px}[data-theme=dracula]{--color-bg:#282a36;--color-surface:#282a36;--color-surface-2:#1e1f29;--color-surface-hover:#44475a;--color-surface-active:#ff79c6;--color-border:#44475a;--color-border-hover:#bd93f9;--color-text:#f8f8f2;--color-text-secondary:#bd93f9;--color-text-muted:#6272a4;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 5px 15px #0006;--shadow-lg:0 10px 30px #00000080}[data-theme=dracula] h1,[data-theme=dracula] h2,[data-theme=dracula] h3{font-family:JetBrains Mono,Courier New,monospace;font-weight:500}[data-theme=dracula] input:focus{border-color:#ff79c6!important;box-shadow:0 0 0 3px #ff79c633!important}[data-theme=linear]{--color-bg:#000;--color-surface:#0a0a0a;--color-surface-2:#111;--color-surface-hover:#1a1a1a;--color-surface-active:#262626;--color-border:#262626;--color-border-hover:#404040;--color-text:#ededed;--color-text-secondary:#a1a1aa;--color-text-muted:#52525b;--shadow-sm:none;--shadow-md:0 0 0 1px #ffffff14;--shadow-lg:0 8px 30px #0006, 0 0 0 1px #ffffff1a;--radius-md:6px;--radius-lg:8px}[data-theme=linear] body{font-weight:400}[data-theme=linear] h1,[data-theme=linear] h2,[data-theme=linear] h3{letter-spacing:-.04em;font-weight:600}[data-theme=linear] .stg-card,[data-theme=linear] .card{box-shadow:var(--shadow-md);border:none}[data-theme=linear] .btn-primary{box-shadow:0 0 20px #00b4ff4d,inset 0 1px #fff3}[data-theme=discord]{--color-bg:#36393f;--color-surface:#2f3136;--color-surface-2:#202225;--color-surface-hover:#40444b;--color-surface-active:#5865f2;--color-border:#202225;--color-border-hover:#4f545c;--color-text:#dcddde;--color-text-secondary:#b9bbbe;--color-text-muted:#72767d;--shadow-sm:none;--shadow-md:0 1px 2px #0003;--shadow-lg:0 8px 15px #0000003d;--radius-md:8px;--radius-lg:16px}[data-theme=discord] body{font-weight:500}[data-theme=discord] .stg-card,[data-theme=discord] .card{box-shadow:var(--shadow-md);background:#2f3136;border:none}[data-theme=discord] input,[data-theme=discord] .stg-select{border-radius:8px;background:#202225!important;border:none!important}[data-theme=nord]{--color-bg:#2e3440;--color-surface:#3b4252;--color-surface-2:#434c5e;--color-surface-hover:#4c566a;--color-surface-active:#81a1c1;--color-border:#4c566a4d;--color-border-hover:#88c0d080;--color-text:#eceff4;--color-text-secondary:#e5e9f0;--color-text-muted:#81a1c1;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 8px #0000004d;--shadow-lg:0 8px 16px #0006}[data-theme=nord] h1,[data-theme=nord] h2,[data-theme=nord] h3{color:#88c0d0;font-family:monospace}[data-theme=gruvbox]{--color-bg:#282828;--color-surface:#3c3836;--color-surface-2:#504945;--color-surface-hover:#665c54;--color-surface-active:#fe8019;--color-border:#50494566;--color-border-hover:#d5c4a180;--color-text:#ebdbb2;--color-text-secondary:#fbf1c7;--color-text-muted:#a89984;--shadow-sm:0 2px 4px #1d202199;--shadow-md:0 4px 8px #1d2021cc;--shadow-lg:0 8px 16px #1d2021}[data-theme=gruvbox] h1,[data-theme=gruvbox] h2,[data-theme=gruvbox] h3{color:#fe8019;font-family:monospace}[data-theme=gruvbox] input:focus{border-color:#fe8019!important;box-shadow:0 0 0 2px #fe801933!important}[data-theme=solarized-dark]{--color-bg:#002b36;--color-surface:#073642;--color-surface-2:#0a3540;--color-surface-hover:#0d4a50;--color-surface-active:#2aa198;--color-border:#586e7566;--color-border-hover:#93a1a199;--color-text:#eee8d5;--color-text-secondary:#839496;--color-text-muted:#586e75;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 4px 10px #0009;--shadow-lg:0 8px 20px #000c}[data-theme=solarized-dark] h1,[data-theme=solarized-dark] h2,[data-theme=solarized-dark] h3{color:#2aa198;font-family:monospace}[data-theme=solarized-dark] input:focus{border-color:#2aa198!important}[data-theme=high-contrast]{--color-bg:#000;--color-surface:#000;--color-surface-2:#000;--color-surface-hover:#1a1a1a;--color-surface-active:#fff;--color-border:#fff;--color-border-hover:#ff0;--color-text:#fff;--color-text-secondary:#fff;--color-text-muted:#ccc;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0}[data-theme=high-contrast] .card,[data-theme=high-contrast] .stg-card,[data-theme=high-contrast] input,[data-theme=high-contrast] .btn,[data-theme=high-contrast] .stg-select{box-shadow:none!important;border:2px solid #fff!important}[data-theme=high-contrast] input:focus,[data-theme=high-contrast] .btn:hover{color:#ff0!important;border-color:#ff0!important}[data-theme=high-contrast] .stg-nav-item.active{color:#000;background:#fff;font-weight:800}[data-theme=light]{--color-primary:#00b894;--color-primary-hover:#00d4aa;--color-primary-dim:#00b8941f;--color-primary-glow:0 0 12px #00b89426;--color-text-inverse:#fff}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=glassmorphism]{--color-primary:#a78bfa;--color-primary-hover:#c4b5fd;--color-primary-dim:#a78bfa33;--color-primary-glow:0 0 20px #a78bfa4d}[data-theme=glassmorphism] .stg-toggle-track{background:#ffffff1f;border-color:#fff3}[data-theme=glassmorphism] .stg-toggle input:checked+.stg-toggle-track{background:var(--color-primary);box-shadow:0 0 12px #a78bfa66}[data-theme=glassmorphism] .btn-primary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#a78bfab3;border:1px solid #fff3}[data-theme=glassmorphism] .btn-primary:hover{background:#a78bfad9}[data-theme=glassmorphism] .btn-secondary,[data-theme=glassmorphism] .btn-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f}[data-theme=glassmorphism] .stg-badge,[data-theme=glassmorphism] .stg-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26}[data-theme=glassmorphism] .toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1f}[data-theme=glassmorphism] .modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#1e293bb3;border:1px solid #ffffff26}[data-theme=glassmorphism] .stg-select,[data-theme=glassmorphism] .premium-select-trigger{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14!important;border:1px solid #ffffff26!important}[data-theme=glassmorphism] .stg-card-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=glassmorphism] ::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=neumorphism]{--color-primary:#00b894;--color-primary-hover:#00d4aa;--color-primary-dim:#00b8941f;--color-primary-glow:4px 4px 8px #a3b1c6, -4px -4px 8px #fff}[data-theme=neumorphism] .stg-toggle-track{background:#e0e5ec;border:none;box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff}[data-theme=neumorphism] .stg-toggle input:checked+.stg-toggle-track{background:var(--color-primary);box-shadow:inset 2px 2px 4px #00000026}[data-theme=neumorphism] .stg-toggle-thumb{box-shadow:2px 2px 4px #a3b1c6,-2px -2px 4px #fff}[data-theme=neumorphism] .btn-primary{border:none;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #fff}[data-theme=neumorphism] .btn-primary:hover{box-shadow:2px 2px 4px #a3b1c6,-2px -2px 4px #fff}[data-theme=neumorphism] .btn-primary:active{box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff}[data-theme=neumorphism] .btn-secondary{color:#4a5568;background:#e0e5ec;border:none;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff}[data-theme=neumorphism] .stg-badge,[data-theme=neumorphism] .stg-chip{background:#e0e5ec;border:none;box-shadow:inset 2px 2px 4px #a3b1c6,inset -2px -2px 4px #fff}[data-theme=neumorphism] .stg-card-header{box-shadow:none;background:#e0e5ec;border-bottom:1px solid #a3b1c64d}[data-theme=neumorphism] .premium-select-trigger{background:#e0e5ec!important;border:none!important;box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff!important}[data-theme=neumorphism] ::-webkit-scrollbar-thumb{background:#c5cdd8;border-radius:10px}[data-theme=neumorphism] ::-webkit-scrollbar-track{background:#e0e5ec}[data-theme=neumorphism-dark]{--color-primary:#00d4aa;--color-primary-hover:#00e6b8;--color-primary-dim:#00d4aa26;--color-primary-glow:0 0 20px #00d4aa40}[data-theme=neumorphism-dark] .stg-toggle-track{background:#1e2330;border:none;box-shadow:inset 3px 3px 7px #141824,inset -3px -3px 7px #28334a}[data-theme=neumorphism-dark] .stg-toggle input:checked+.stg-toggle-track{background:var(--color-primary);box-shadow:inset 2px 2px 4px #0000004d,0 0 10px #00d4aa33}[data-theme=neumorphism-dark] .stg-toggle-thumb{box-shadow:2px 2px 5px #141824,-2px -2px 5px #28334a}[data-theme=neumorphism-dark] .btn-primary{background:var(--color-primary);color:#1e2330;border:none;font-weight:700;box-shadow:5px 5px 10px #141824,-3px -3px 8px #28334a}[data-theme=neumorphism-dark] .btn-primary:hover{box-shadow:3px 3px 7px #141824,-2px -2px 6px #28334a,0 0 14px #00d4aa40}[data-theme=neumorphism-dark] .btn-primary:active{box-shadow:inset 3px 3px 6px #00000059,inset -2px -2px 5px #28334a}[data-theme=neumorphism-dark] .btn-secondary{color:#bbc8d8;background:#1e2330;border:none;box-shadow:4px 4px 8px #141824,-4px -4px 8px #28334a}[data-theme=neumorphism-dark] .btn-secondary:hover{box-shadow:2px 2px 5px #141824,-2px -2px 5px #28334a}[data-theme=neumorphism-dark] .stg-badge,[data-theme=neumorphism-dark] .stg-chip{color:#bbc8d8;background:#1e2330;border:none;box-shadow:inset 2px 2px 5px #141824,inset -2px -2px 5px #28334a}[data-theme=neumorphism-dark] .stg-chip--success{color:#00d4aa}[data-theme=neumorphism-dark] .stg-chip--danger{color:#ef4444}[data-theme=neumorphism-dark] .stg-chip--info{color:#38bdf8}[data-theme=neumorphism-dark] .stg-card-header{box-shadow:none;background:#1e2330;border-bottom:1px solid #28334acc}[data-theme=neumorphism-dark] .premium-select-trigger{color:#e2e8f0!important;background:#1e2330!important;border:none!important;box-shadow:inset 3px 3px 7px #141824,inset -3px -3px 7px #28334a!important}[data-theme=neumorphism-dark] .stg-nav-item.active{color:var(--color-primary);background:#1e2330;box-shadow:inset 3px 3px 7px #141824,inset -3px -3px 7px #28334a}[data-theme=neumorphism-dark] .stg-divider{border-top-color:#28334a80}[data-theme=neumorphism-dark] input:focus{box-shadow:inset 4px 4px 8px #141824,inset -4px -4px 8px #28334a,0 0 0 2px #00d4aa40!important}[data-theme=neumorphism-dark] ::-webkit-scrollbar-thumb{background:#252c42;border-radius:10px}[data-theme=neumorphism-dark] ::-webkit-scrollbar-track{background:#1e2330}[data-theme=cyberpunk]{--color-primary:#fcee09;--color-primary-hover:#fff44f;--color-primary-dim:#fcee0926;--color-primary-glow:0 0 15px #fcee0966}[data-theme=cyberpunk] .stg-toggle-track{background:#1a1a1a;border:1px solid #ff003c66;border-radius:2px}[data-theme=cyberpunk] .stg-toggle input:checked+.stg-toggle-track{background:#fcee09;border-color:#fcee09;box-shadow:0 0 10px #fcee0980}[data-theme=cyberpunk] .stg-toggle-thumb{border-radius:2px}[data-theme=cyberpunk] .btn-primary{color:#000;text-transform:uppercase;letter-spacing:1px;background:#fcee09;border:1px solid #fcee09;font-weight:800;box-shadow:0 0 10px #fcee094d}[data-theme=cyberpunk] .btn-primary:hover{box-shadow:0 0 20px #fcee0999}[data-theme=cyberpunk] .btn-secondary{color:#0ff;background:0 0;border:1px solid #0ff6}[data-theme=cyberpunk] .stg-badge,[data-theme=cyberpunk] .stg-chip{color:#fcee09;background:#fcee091a;border:1px solid #ff003c66;border-radius:0}[data-theme=cyberpunk] .toast{border:1px solid #0ff6;box-shadow:0 0 10px #0ff3}[data-theme=cyberpunk] input:focus,[data-theme=cyberpunk] .stg-select:focus{border-color:#0ff!important;box-shadow:0 0 8px #0ff6!important}[data-theme=cyberpunk] ::-webkit-scrollbar-thumb{background:#fcee094d;border-radius:0}[data-theme=synthwave]{--color-primary:#ff00a0;--color-primary-hover:#ff33b5;--color-primary-dim:#ff00a026;--color-primary-glow:0 0 20px #ff00a066}[data-theme=synthwave] .stg-toggle-track{background:#f053;border-color:#f056}[data-theme=synthwave] .stg-toggle input:checked+.stg-toggle-track{background:#ff00a0;box-shadow:0 0 12px #ff00a080}[data-theme=synthwave] .btn-primary{color:#000;background:linear-gradient(135deg,#ff00a0,#0ff);border:none;box-shadow:0 0 15px #ff00a066}[data-theme=synthwave] .btn-primary:hover{box-shadow:0 0 25px #ff00a099,0 0 25px #00ffff4d}[data-theme=synthwave] .btn-secondary{color:#0ff;border:1px solid #00ffff4d}[data-theme=synthwave] .stg-badge,[data-theme=synthwave] .stg-chip{background:#ff00551a;border:1px solid #ff00554d}[data-theme=synthwave] .stg-nav-item.active{color:#ff00a0;background:#ff00a033;border-left:2px solid #ff00a0}[data-theme=synthwave] input:focus{border-color:#0ff!important;box-shadow:0 0 8px #00ffff4d!important}[data-theme=synthwave] ::-webkit-scrollbar-thumb{background:#ff00a04d}[data-theme=synthwave] .modal{border:1px solid #0ff3;box-shadow:0 0 30px #ff00a033}[data-theme=material]{--color-primary:#6200ee;--color-primary-hover:#7c4dff;--color-primary-dim:#6200ee1a;--color-primary-glow:0 0 0 transparent}[data-theme=material] body{background:#fafafa}[data-theme=material] .stg-toggle-track{background:#00000042;border:none}[data-theme=material] .stg-toggle input:checked+.stg-toggle-track{background:#6200ee80}[data-theme=material] .stg-toggle input:checked+.stg-toggle-track .stg-toggle-thumb{background:#6200ee}[data-theme=material] .stg-toggle-thumb{box-shadow:0 1px 3px #0000004d}[data-theme=material] .btn-primary{color:#fff;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px;background:#6200ee;border:none;border-radius:4px;font-weight:600}[data-theme=material] .btn-primary:hover{box-shadow:var(--shadow-md);background:#7c4dff}[data-theme=material] .stg-badge,[data-theme=material] .stg-chip{color:#6200ee;background:#6200ee14;border:none;border-radius:16px}[data-theme=material] .stg-card-header{background:#fff;border-bottom:1px solid #00000014}[data-theme=material] .stg-nav-item.active{color:#6200ee;background:#6200ee14}[data-theme=material] ::-webkit-scrollbar-thumb{background:#0003}[data-theme=material] ::-webkit-scrollbar-track{background:#fafafa}[data-theme=github-dark]{--color-primary:#58a6ff;--color-primary-hover:#79c0ff;--color-primary-dim:#58a6ff26;--color-primary-glow:0 0 0 transparent}[data-theme=github-dark] .stg-toggle-track{background:#21262d;border:1px solid #30363d}[data-theme=github-dark] .stg-toggle input:checked+.stg-toggle-track{background:#238636;border-color:#238636}[data-theme=github-dark] .btn-primary{color:#fff;background:#238636;border:1px solid #f0f6fc1a}[data-theme=github-dark] .btn-primary:hover{background:#2ea043}[data-theme=github-dark] .stg-badge,[data-theme=github-dark] .stg-chip{color:#58a6ff;background:#58a6ff1a;border:1px solid #58a6ff33}[data-theme=github-dark] .stg-nav-item.active{color:#c9d1d9;background:0 0;border-left:2px solid #f78166}[data-theme=github-dark] input:focus{border-color:#58a6ff!important;box-shadow:0 0 0 3px #58a6ff4d!important}[data-theme=github-dark] ::-webkit-scrollbar-thumb{background:#30363d}[data-theme=github-dark] ::-webkit-scrollbar-thumb:hover{background:#484f58}[data-theme=oled-midnight]{--color-primary:#00d4aa;--color-primary-hover:#00e6b8;--color-primary-dim:#00d4aa1f;--color-primary-glow:0 0 20px #00d4aa33}[data-theme=oled-midnight] .stg-toggle-track{background:#1f1f1f;border:1px solid #333}[data-theme=oled-midnight] .stg-toggle input:checked+.stg-toggle-track{background:var(--color-primary);box-shadow:0 0 10px #00d4aa4d}[data-theme=oled-midnight] .btn-primary{border-radius:999px;box-shadow:0 0 15px #00d4aa33}[data-theme=oled-midnight] .stg-badge,[data-theme=oled-midnight] .stg-chip,[data-theme=oled-midnight] .stg-nav-item.active{background:#1f1f1f;border:1px solid #333}[data-theme=oled-midnight] .modal{box-shadow:none;background:#0a0a0a;border:1px solid #333}[data-theme=oled-midnight] ::-webkit-scrollbar-thumb{background:#1f1f1f}[data-theme=dracula]{--color-primary:#ff79c6;--color-primary-hover:#ff92d0;--color-primary-dim:#ff79c626;--color-primary-glow:0 0 15px #ff79c64d}[data-theme=dracula] .stg-toggle-track{background:#44475a;border-color:#44475a}[data-theme=dracula] .stg-toggle input:checked+.stg-toggle-track{background:#ff79c6;box-shadow:0 0 8px #ff79c64d}[data-theme=dracula] .btn-primary{color:#282a36;background:#50fa7b;border:none;font-weight:700}[data-theme=dracula] .btn-primary:hover{background:#69ff94}[data-theme=dracula] .btn-secondary{color:#bd93f9;border:1px solid #44475a}[data-theme=dracula] .stg-badge,[data-theme=dracula] .stg-chip{color:#bd93f9;background:#bd93f91f;border:1px solid #bd93f940}[data-theme=dracula] .stg-nav-item.active{color:#ff79c6;background:#ff79c61f}[data-theme=dracula] .stg-card-title{color:#f8f8f2}[data-theme=dracula] ::-webkit-scrollbar-thumb{background:#44475a}[data-theme=dracula] ::-webkit-scrollbar-thumb:hover{background:#6272a4}[data-theme=linear]{--color-primary:#0070f3;--color-primary-hover:#3291ff;--color-primary-dim:#0070f31f;--color-primary-glow:0 0 20px #0070f333}[data-theme=linear] .stg-toggle-track{background:#262626;border:1px solid #404040}[data-theme=linear] .stg-toggle input:checked+.stg-toggle-track{background:#ededed;border-color:#ededed}[data-theme=linear] .stg-toggle input:checked+.stg-toggle-track .stg-toggle-thumb{background:#0a0a0a}[data-theme=linear] .btn-primary{color:#0a0a0a;background:#ededed;border:none;box-shadow:0 0 20px #ffffff1a,inset 0 1px #fff3}[data-theme=linear] .btn-primary:hover{background:#fff}[data-theme=linear] .stg-badge,[data-theme=linear] .stg-chip{color:#a1a1aa;background:#1a1a1a;border:1px solid #262626}[data-theme=linear] .stg-nav-item.active{color:#ededed;background:#1a1a1a}[data-theme=linear] input:focus{border-color:#0070f3!important;box-shadow:0 0 0 2px #0070f34d!important}[data-theme=linear] ::-webkit-scrollbar-thumb{background:#262626}[data-theme=discord]{--color-primary:#5865f2;--color-primary-hover:#4752c4;--color-primary-dim:#5865f226;--color-primary-glow:0 0 0 transparent}[data-theme=discord] .stg-toggle-track{background:#4f545c;border:none}[data-theme=discord] .stg-toggle input:checked+.stg-toggle-track{background:#3ba55c}[data-theme=discord] .btn-primary{color:#fff;background:#5865f2;border:none;border-radius:3px}[data-theme=discord] .btn-primary:hover{background:#4752c4}[data-theme=discord] .btn-secondary{color:#fff;background:#4f545c;border:none}[data-theme=discord] .stg-badge,[data-theme=discord] .stg-chip{color:#b9bbbe;background:#202225;border:none;border-radius:4px}[data-theme=discord] .stg-nav-item.active{color:#fff;background:#5865f226}[data-theme=discord] .modal{background:#36393f;border:none;box-shadow:0 0 0 1px #04040526,0 8px 16px #0000003d}[data-theme=discord] ::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}[data-theme=nord]{--color-primary:#88c0d0;--color-primary-hover:#8fbcbb;--color-primary-dim:#88c0d026;--color-primary-glow:0 0 12px #88c0d033}[data-theme=nord] .stg-toggle-track{background:#3b4252;border:1px solid #4c566a}[data-theme=nord] .stg-toggle input:checked+.stg-toggle-track{background:#88c0d0;border-color:#88c0d0}[data-theme=nord] .btn-primary{color:#eceff4;background:#5e81ac;border:none}[data-theme=nord] .btn-primary:hover{background:#81a1c1}[data-theme=nord] .stg-badge,[data-theme=nord] .stg-chip{color:#88c0d0;background:#88c0d01a;border:1px solid #88c0d033}[data-theme=nord] .stg-nav-item.active{color:#88c0d0;background:#5e81ac33}[data-theme=nord] input:focus{border-color:#88c0d0!important;box-shadow:0 0 0 3px #88c0d033!important}[data-theme=nord] ::-webkit-scrollbar-thumb{background:#4c566a}[data-theme=gruvbox]{--color-primary:#fe8019;--color-primary-hover:#fabd2f;--color-primary-dim:#fe801926;--color-primary-glow:0 0 12px #fe801940}[data-theme=gruvbox] .stg-toggle-track{background:#504945;border:1px solid #665c54}[data-theme=gruvbox] .stg-toggle input:checked+.stg-toggle-track{background:#fe8019;border-color:#fe8019}[data-theme=gruvbox] .btn-primary{color:#282828;background:#fe8019;border:none;font-weight:700}[data-theme=gruvbox] .btn-primary:hover{background:#fabd2f}[data-theme=gruvbox] .stg-badge,[data-theme=gruvbox] .stg-chip{color:#fe8019;background:#fe80191a;border:1px solid #fe801933}[data-theme=gruvbox] .stg-nav-item.active{color:#fe8019;background:#fe80191f}[data-theme=gruvbox] ::-webkit-scrollbar-thumb{background:#665c54}[data-theme=solarized-dark]{--color-primary:#2aa198;--color-primary-hover:#35bcb0;--color-primary-dim:#2aa19826;--color-primary-glow:0 0 12px #2aa19840}[data-theme=solarized-dark] .stg-toggle-track{background:#073642;border:1px solid #586e7566}[data-theme=solarized-dark] .stg-toggle input:checked+.stg-toggle-track{background:#2aa198;border-color:#2aa198}[data-theme=solarized-dark] .btn-primary{color:#002b36;background:#2aa198;border:none;font-weight:600}[data-theme=solarized-dark] .btn-primary:hover{background:#35bcb0}[data-theme=solarized-dark] .stg-badge,[data-theme=solarized-dark] .stg-chip{color:#2aa198;background:#2aa1981a;border:1px solid #2aa19833}[data-theme=solarized-dark] .stg-nav-item.active{color:#2aa198;background:#2aa1981f}[data-theme=solarized-dark] ::-webkit-scrollbar-thumb{background:#586e75}[data-theme=high-contrast]{--color-primary:#ff0;--color-primary-hover:#ffff5e;--color-primary-dim:#ffff0026;--color-primary-glow:0 0 0 transparent}[data-theme=high-contrast] .stg-toggle-track{background:#000;border:2px solid #fff}[data-theme=high-contrast] .stg-toggle input:checked+.stg-toggle-track{background:#fff;border-color:#fff}[data-theme=high-contrast] .stg-toggle input:checked+.stg-toggle-track .stg-toggle-thumb{background:#000}[data-theme=high-contrast] .stg-toggle-thumb{background:#fff}[data-theme=high-contrast] .stg-badge,[data-theme=high-contrast] .stg-chip{color:#fff;background:#000;border-radius:0;border:2px solid #fff!important}[data-theme=high-contrast] input:focus,[data-theme=high-contrast] .stg-select:focus{outline-offset:1px;outline:3px solid #ff0!important}[data-theme=high-contrast] ::-webkit-scrollbar-thumb{background:#fff}[data-theme=high-contrast] ::-webkit-scrollbar-track{background:#000}[data-font-scale=small]{font-size:13.6px}[data-font-scale=default]{font-size:16px}[data-font-scale=large]{font-size:18.4px}[data-font-scale=xl]{font-size:20.8px}[data-theme=light] .th-label{color:#008a72!important}[data-theme=light] .th-email{color:#e03050!important}[data-theme=light] .th-pass{color:#c07800!important}[data-theme=light] .th-2fa{color:#059669!important}[data-theme=light] .th-added{color:#0284c7!important}[data-theme=light] .filter-dropdown-menu{box-shadow:0 8px 24px #0000001f,0 1px 4px #00000014}[data-theme=light] .vault-tag-chip{color:#5b21b6;background:#0e749014;border-color:#0e749040}[data-theme=light] .vault-detail-meta{border-color:#00000014;border-left-color:var(--color-primary);background:#fff}[data-theme=light] .vault-detail-card{background:#fff;border-color:#00000014;box-shadow:0 1px 4px #0000000f}[data-theme=light] .vault-detail-card:hover{border-color:#00000026;box-shadow:0 4px 12px #00000014}[data-theme=light] .stat-icon-primary{background:#00b8941f}[data-theme=light] .stat-icon-accent{background:#3b82f61f}[data-theme=light] .stat-icon-warning{background:#f59e0b26}[data-theme=light] .stat-icon-danger{background:#ef44441f}[data-theme=light] .stat-icon-success{background:#10b9811f}[data-theme=light] .stat-icon-info{color:#0284c7;background:#0ea5e91f}[data-theme=light] .stat-card{box-shadow:0 1px 4px #0000000f}[data-theme=light] .totp-countdown-text{color:#374151}[data-theme=light] .provider-google{color:#c5271a;background:#ea43351a}[data-theme=light] .provider-outlook{color:#0063b1;background:#0078d41a}[data-theme=light] .provider-yahoo{color:#5200af;background:#6001d21a}[data-theme=light] .provider-custom{color:#4b5563;background:#0000000d}[data-theme=light] .category-personal{color:#065f46;background:#0596691f}[data-theme=light] .category-work{color:#1d4ed8;background:#2563eb1f}[data-theme=light] .category-finance{color:#92400e;background:#b453091f}[data-theme=light] .category-social{color:#9d174d;background:#9d174d1f}[data-theme=light] .category-shopping{color:#c2410c;background:#c2410c1f}[data-theme=light] .category-gaming{color:#0891b2;background:#0891b21f}[data-theme=light] .category-travel{color:#0e7490;background:#0e74901f}[data-theme=light] .category-health{color:#be123c;background:#be123c1f}[data-theme=light] .category-education{color:#4338ca;background:#4338ca1f}[data-theme=light] .category-entertainment{color:#a21caf;background:#a21caf1f}[data-theme=light] .category-cloud{color:#4d7c0f;background:#4d7c0f1f}[data-theme=light] .category-government{color:#334155;background:#3341551f}[data-theme=light] .vault-empty{color:#6b7280;background:#00000008;border-color:#0000001f}[data-theme=light] .vault-backup-code{background:#3b82f614;border-color:#3b82f633}[data-theme=light] .vault-date-pill{color:#4b5563;background:#0000000a;border-color:#0000001a}[data-theme=light] .copy-btn{color:#6b7280}[data-theme=light] .copy-btn:hover{color:#111827;background:#0000000f}[data-theme=light] .data-table thead th{background:#f1f3f7;border-bottom-color:#0000001a}[data-theme=light] .expanded-content{background:#f8f9fc;border-bottom-color:#00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b840}::-webkit-scrollbar-thumb:hover{background:#94a3b880}.vault-table-wrap{scrollbar-width:none}.vault-table-wrap::-webkit-scrollbar{display:none}.app-layout{min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-height:100vh;display:flex}.app-content{padding:var(--space-4) var(--space-5);padding-top:calc(var(--header-height) + var(--space-4));flex:1;width:100%;max-width:100%;margin:0 auto}.app-content:has(.email-layout){max-width:100%;padding:0;padding-top:var(--header-height)}.header-logo{height:var(--header-height);align-items:center;gap:var(--space-3);display:flex}.header-logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--font-size-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-logo-text{font-size:var(--font-size-lg);color:var(--color-text);letter-spacing:-.02em;font-weight:700}.header{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-6);z-index:var(--z-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:var(--space-6);display:flex;position:fixed;top:0;left:0;right:0}.header-nav{align-items:center;gap:var(--space-2);display:flex}.header-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;font-weight:500;display:flex}.header-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.header-link.active{background:var(--color-primary-dim);color:var(--color-primary)}.header-link.active .header-link-icon{color:var(--color-primary)}.header-link-icon{flex-shrink:0;width:18px;height:18px}.header-title{font-size:var(--font-size-lg);font-weight:600}.header-actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.header-search{width:280px;position:relative}.header-search input{width:100%;padding:var(--space-2) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding-left:36px}.header-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}.header-search input::placeholder{color:var(--color-text-muted)}.header-search-icon{color:var(--color-text-muted);width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-danger-dim);color:var(--color-danger);border-color:#0000}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-fast)}.card:hover{border-color:var(--color-border-hover)}.card-glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);background:#12121a99}[data-theme=light] .card-glass{background:#ffffffb3}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead th{background:var(--color-surface-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--color-border);z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:600;position:sticky;top:0}.data-table thead th:first-child{border-radius:var(--radius-md) 0 0 0}.data-table thead th:last-child{border-radius:0 var(--radius-md) 0 0}.data-table thead th:hover{color:var(--color-text);background:var(--color-surface-hover)}.data-table thead th .sort-icon{margin-left:var(--space-1);opacity:.4;transition:opacity var(--transition-fast);display:inline-block}.data-table thead th:hover .sort-icon,.data-table thead th.sorted .sort-icon{opacity:1}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle;font-size:var(--font-size-sm)}.data-table tbody tr.expanded td{border-bottom:none}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.form-input{padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}.form-input::placeholder{color:var(--color-text-muted)}.form-select{appearance:none;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}.filter-dropdown{position:relative}.filter-dropdown-trigger{border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:5px;max-width:148px;padding:3px 8px;font-weight:500;display:flex}.filter-dropdown-trigger:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border)}.filter-dropdown-trigger.active{background:var(--color-primary-dim);border-color:var(--color-primary);color:var(--color-primary)}.filter-dropdown-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:90px;overflow:hidden}.filter-dropdown-arrow{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.filter-dropdown-arrow.rotated{transform:rotate(180deg)}.filter-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);min-width:180px;max-height:260px;box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0a;z-index:9999;padding:4px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-item{width:100%;color:var(--color-text);font-size:12px;font-family:var(--font-sans);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:7px;padding:6px 10px;display:flex}.filter-dropdown-item:hover{background:var(--color-surface-hover)}.filter-dropdown-item.selected{background:var(--color-primary-dim);color:var(--color-primary);font-weight:600}.filter-dropdown-menu::-webkit-scrollbar{width:4px}.filter-dropdown-menu::-webkit-scrollbar-track{background:0 0}.filter-dropdown-menu::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn var(--transition-fast) ease-out;padding:var(--space-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;animation:slideUp var(--transition-base) ease-out;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:600}.modal-body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.modal-footer{gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.modal-compact-form .form-input,.modal-compact-form input.form-input,.modal-compact-form textarea.form-input{padding:0 10px;font-size:.82rem}.modal-compact-form input.form-input:not(textarea){height:36px;min-height:36px}.modal-compact-form [data-premium-select]>button,.modal-compact-form .premium-select-btn{height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:.82rem!important}.modal-compact-form .suggest-input-wrap input{height:36px!important;padding:0 10px!important;font-size:.82rem!important}.modal-sec-hdr{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--color-border);margin-top:4px;padding-bottom:4px;font-size:.58rem;font-weight:800}.modal-field-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin-bottom:4px;font-size:.65rem;font-weight:700;display:flex}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-3);z-index:var(--z-toast);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-base) ease-out;min-width:280px;font-size:var(--font-size-sm);display:flex}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-info{border-left:3px solid var(--color-info)}.toast-warning{border-left:3px solid var(--color-warning)}.copy-cell{align-items:center;gap:var(--space-2);display:flex}.copy-btn{background:var(--color-surface-2);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.copy-btn:hover{background:var(--color-primary-dim);color:var(--color-primary)}.copy-btn.copied{background:var(--color-success-dim);color:var(--color-success)}.password-field{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);display:flex}.password-dots{letter-spacing:2px}.password-visible{word-break:break-all}.totp-code{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-md);letter-spacing:4px;font-weight:600;display:flex}.totp-countdown{width:28px;height:28px;position:relative}.totp-countdown svg{width:28px;height:28px;transform:rotate(-90deg)}.totp-countdown-text{letter-spacing:0;font-size:.58rem;font-weight:700;line-height:1;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.provider-badge{align-items:center;gap:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;display:inline-flex}.provider-google{color:#ea4335;background:#ea433526}.provider-outlook{color:#0078d4;background:#0078d426}.provider-yahoo{color:#6001d2;background:#6001d226}.provider-proton{color:#6d4aff;background:#6d4aff26}.provider-tuta{color:#e0272a;background:#e0272a26}.provider-skiff{color:#0891b2;background:#0891b226}.provider-mailfence{color:#206f99;background:#206f9926}.provider-posteo{color:#48974a;background:#48974a26}.provider-startmail{color:#00a99d;background:#00a99d26}.provider-icloud{color:#3478f6;background:#3478f626}.provider-aol{color:#ff0b00;background:#ff0b0026}.provider-zoho{color:#e42527;background:#e4252726}.provider-fastmail{color:#09f;background:#0099ff26}.provider-gmx{color:#1c449b;background:#1c449b26}.provider-mailcom{color:#f60;background:#ff660026}.provider-yandex{color:#fc3f1d;background:#fc3f1d26}.provider-hey{color:#b45309;background:#ffdd0026}.provider-hotmail{color:#0078d4;background:#0078d426}.provider-runbox{color:#2196f3;background:#2196f326}.provider-custom{background:var(--color-surface-2);color:var(--color-text-secondary)}.category-badge{padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;display:inline-flex}.category-personal{color:#10b981;background:#10b98126}.category-work{color:#3b82f6;background:#3b82f626}.category-finance{color:#f59e0b;background:#f59e0b26}.category-social{color:#ec4899;background:#ec489926}.category-shopping{color:#f97316;background:#f9731626}.category-gaming{color:#67e8f9;background:#a78bfa26}.category-travel{color:#06b6d4;background:#06b6d426}.category-health{color:#f43f5e;background:#f43f5e26}.category-education{color:#818cf8;background:#818cf826}.category-entertainment{color:#e879f9;background:#e879f926}.category-cloud{color:#84cc16;background:#84cc1626}.category-government{color:#64748b;background:#64748b26}.toolbar{align-items:center;gap:var(--space-3);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.toolbar-search{flex:1;min-width:200px;max-width:360px;position:relative}.toolbar-search input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding-left:38px}.toolbar-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}.toolbar-search-icon{color:var(--color-text-muted);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toolbar-right{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.empty-state{padding:var(--space-12) var(--space-8);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);color:var(--color-text-muted);flex-direction:column;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--color-text-muted);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:600}.fav-btn{cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex}.fav-btn:hover,.fav-btn.active{color:var(--color-warning)}.status-bar{bottom:0;right:0;left:var(--sidebar-width);background:var(--color-surface);border-top:1px solid var(--color-border);height:32px;padding:0 var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted);align-items:center;gap:var(--space-6);z-index:50;transition:left var(--transition-base);display:flex;position:fixed}.status-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.login-page{background:var(--color-bg);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10);box-shadow:var(--shadow-lg)}.login-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.login-logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-lg);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.login-logo h1{font-size:var(--font-size-2xl);letter-spacing:-.02em;font-weight:700}.login-logo p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-form .btn-primary{margin-top:var(--space-2);padding:var(--space-3)}.page-header{margin-bottom:var(--space-6)}.page-header h1{font-size:var(--font-size-2xl);letter-spacing:-.02em;font-weight:700}.page-header p{color:var(--color-text-secondary);margin-top:var(--space-1)}.stats-row{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:120px;padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);flex:1;display:flex}.stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-icon-primary{background:var(--color-primary-dim);color:var(--color-primary)}.stat-icon-accent{background:var(--color-accent-dim);color:var(--color-accent)}.stat-icon-warning{background:var(--color-warning-dim);color:var(--color-warning)}.stat-icon-danger{background:var(--color-danger-dim);color:var(--color-danger)}.stat-icon-success{color:#10b981;background:#10b9811a}.stat-icon-info{color:#38bdf8;background:#38bdf81a}.stat-value{font-size:var(--font-size-xl);font-weight:700;line-height:1.1}.stat-label{color:var(--color-text-secondary);margin-top:2px;font-size:.7rem;font-weight:500}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-main{max-width:100vw;margin-left:0;overflow-x:hidden}.header,.status-bar{left:0}.app-content{padding:var(--space-4);padding-top:calc(var(--header-height) + var(--space-4));padding-bottom:calc(32px + var(--space-4));box-sizing:border-box;max-width:100vw;overflow-x:hidden}.header-search{display:none}.toolbar{flex-direction:column;align-items:stretch}.toolbar-search{max-width:100%}.toolbar-right{flex-wrap:wrap;margin-left:0}.stats-row{grid-template-columns:1fr 1fr}.mobile-cards{gap:var(--space-3);flex-direction:column;padding:0 8px;display:flex}.mobile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:12px}.mobile-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.mobile-card-row{padding:var(--space-2) 0;border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.mobile-card-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;font-weight:600}.data-table-desktop{display:none}}@media (min-width:769px){.mobile-cards{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.th-colored{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-size:var(--font-size-xs)!important;font-weight:700!important}.th-inner{align-items:center;gap:5px;display:flex}.th-label{color:#00d4aa!important}.th-email{color:#fb7185!important}.th-pass{color:#fbbf24!important}.th-2fa{color:#34d399!important}.th-added{color:#38bdf8!important}.row-tag-chip{color:#67e8f9;white-space:nowrap;background:#a78bfa1f;border:1px solid #a78bfa4d;border-radius:20px;align-items:center;gap:3px;width:fit-content;padding:1px 7px;font-size:.62rem;font-weight:600;display:inline-flex}.filter-dropdown-item-color{border-radius:50%;flex-shrink:0;width:7px;height:7px}.expanded-content{background:var(--color-surface-2);border-bottom:1px solid var(--color-border);animation:slideUp var(--transition-fast) ease-out}.expanded-content td{padding:6px 12px!important}.vault-detail-panel{flex-direction:column;gap:6px;display:flex}.vault-detail-meta{align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);flex-wrap:wrap;padding:5px 10px;display:flex}.vault-meta-item{align-items:center;gap:5px;font-size:.72rem;display:inline-flex}.vault-meta-icon{opacity:.8;flex-shrink:0}.vault-meta-spacer{flex:1;min-width:8px}.vault-meta-dates{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vault-date-pill{color:var(--color-text-secondary);background:var(--color-surface-2);border-radius:var(--radius-full);border:1px solid var(--color-border);white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:4px;padding:3px 10px;font-size:.6rem;display:inline-flex}.vault-date-pill:hover{background:var(--color-surface-hover);color:var(--color-text)}.vault-detail-cards{flex-wrap:wrap;gap:5px;display:flex}.vault-detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:240px;transition:border-color var(--transition-fast);flex-direction:column;flex:1;gap:6px;padding:8px 12px;display:flex}.vault-detail-card:hover{border-color:var(--color-border-hover)}.vault-detail-card.vault-card-warning{border-top-color:var(--color-warning-dim);border-right-color:var(--color-warning-dim);border-bottom-color:var(--color-warning-dim);border-left-width:3px;border-left-color:var(--color-warning);background:var(--color-warning-dim)}.vault-card-header{color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);align-items:center;gap:6px;margin-bottom:0;padding-bottom:5px;font-size:.68rem;font-weight:700;display:flex}.vault-card-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.vault-card-field{flex-direction:column;gap:1px;display:flex}.vault-card-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;font-size:.64rem;font-weight:600;display:flex}.vault-card-value{color:var(--color-text);word-break:break-all;align-items:center;gap:6px;font-size:.76rem;line-height:1.4;display:flex}.vault-empty{color:var(--color-text-muted);font-size:.66rem;font-style:italic;font-family:var(--font-sans);background:var(--color-surface-2);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:2px 8px}.vault-backup-code{background:var(--color-accent-dim);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;display:inline-flex}.vault-backup-code:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.vault-backup-code code{font-family:var(--font-mono);color:var(--color-text)}.vault-history-row{background:var(--color-surface-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all var(--transition-fast);align-items:center;gap:10px;padding:6px 10px;display:flex}.vault-history-row:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.vault-totp-toggle{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.68rem;font-family:var(--font-mono);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);word-break:break-all;align-items:center;gap:6px;padding:4px 10px;display:flex}.vault-totp-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.vault-totp-toggle .totp-dots{letter-spacing:2px;color:var(--color-text-muted)}.vault-totp-qr{border-radius:var(--radius-md);background:#fff;flex-direction:column;align-items:center;gap:8px;width:fit-content;margin-top:6px;padding:12px;display:flex}.vault-totp-qr-label{color:#333;text-transform:uppercase;letter-spacing:.05em;font-size:.58rem;font-weight:600;font-family:var(--font-sans)}.vault-totp-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);display:flex}.tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.switch{width:44px;height:24px;position:relative}.switch-slider:before{content:"";background:var(--color-text-secondary);width:18px;height:18px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:3px}.dropdown{position:relative}.dropdown-menu{margin-top:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);z-index:50;animation:slideUp var(--transition-fast) ease-out;padding:var(--space-1);position:absolute;top:100%;right:0}.dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);text-align:left;cursor:pointer;border-radius:var(--radius-sm);width:100%;transition:background var(--transition-fast);font-family:var(--font-sans);background:0 0;border:none;display:flex}.dropdown-item:hover{background:var(--color-surface-hover)}.dropdown-divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.spin{animation:1s linear infinite spin}.tag-chip-input{padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:38px;transition:border-color var(--transition-fast);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tag-chip-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}.tag-chip{border-radius:var(--radius-full);background:var(--color-primary-dim);color:var(--color-primary);white-space:nowrap;align-items:center;gap:3px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.tag-chip button{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:.85rem;line-height:1}.tag-chip button:hover{opacity:1}.vault-tag-chip{border-radius:var(--radius-full);background:var(--color-accent-dim);color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:1px 6px;font-size:.6rem;font-weight:600;display:inline-flex}.vault-tag-chip:hover{background:var(--color-accent);color:#fff}.vault-pagination{padding:var(--space-4) 0;justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}@media (max-width:640px){.vault-pagination{gap:var(--space-2);flex-direction:column}}.filter-dropdown-item.highlighted{outline:none;background:var(--color-surface-hover)!important}.data-table tbody tr{transition:background var(--transition-fast), transform .15s ease}.data-table tbody tr:not(.expanded-content):hover{transform:translate(2px)}.shortcut-hint-wrap{display:inline-block;position:relative}.shortcut-tooltip{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:160px;color:var(--color-text-secondary);z-index:100;white-space:nowrap;padding:10px 14px;font-size:.72rem;line-height:1.9;display:none;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000004d}.shortcut-hint-wrap:hover .shortcut-tooltip{display:block}.shortcut-tooltip kbd{background:var(--color-surface);border:1px solid var(--color-border-hover);min-width:20px;font-family:var(--font-mono);color:var(--color-text-secondary);border-radius:4px;justify-content:center;align-items:center;margin-right:4px;padding:1px 5px;font-size:.62rem;display:inline-flex}.vault-lock-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vault-lock-card{background:var(--color-surface);border:1px solid var(--color-border-hover);border-radius:var(--radius-xl);text-align:center;width:90%;max-width:360px;box-shadow:0 24px 64px #0006, var(--color-primary-glow);padding:48px 40px}.vault-lock-icon{background:var(--color-primary-dim);width:72px;height:72px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.vault-lock-title{font-size:var(--font-size-xl);color:var(--color-text);margin:0 0 8px;font-weight:700}.vault-lock-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 24px}.vault-lock-btn{justify-content:center;width:100%;padding:12px 24px}.vault-export-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.vault-export-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.vault-export-card-icon{border-radius:var(--radius-md);letter-spacing:-.5px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:700;display:flex}.vault-export-card-title{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.vault-export-card-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}[data-theme=light] .vault-detail-card.vault-card-warning{background:#f59e0b12;border-left-color:#d97706}[data-theme=light] .vault-shortcut-bar{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .vault-shortcut-bar kbd{color:#475569;background:#fff;border-color:#cbd5e1}[data-theme=light] .vault-lock-card{background:#fff;border-color:#e2e8f0;box-shadow:0 24px 64px #00000026}[data-theme=light] .vault-export-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .vault-export-card:hover{background:#f1f5f9}.row-tag-chip{border-radius:var(--radius-full);background:var(--color-accent-dim);color:var(--color-accent);border:1px solid var(--color-border);white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:3px;padding:1px 7px;font-size:.58rem;font-weight:600;display:inline-flex}.row-tag-chip:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}[data-theme=light] .row-tag-chip{color:#0e7490;background:#0e74900f;border-color:#0e749033}[data-theme=light] .row-tag-chip:hover{color:#fff;background:#0e7490;border-color:#0e7490}.totp-dots{font-family:var(--font-mono);letter-spacing:1px;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.data-table tbody tr:not(.expanded-content):hover,.vault-export-card:hover{transform:none}}.mobile-bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);height:64px;z-index:var(--z-header);padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom,0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:none;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-inner{justify-content:space-around;align-items:center;max-width:480px;height:100%;margin:0 auto;display:flex}.mobile-nav-item{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.6rem;font-weight:500;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:6px 12px;display:flex}.mobile-nav-item:active{transform:scale(.92)}.mobile-nav-item.active,.mobile-nav-item.active .mobile-nav-icon{color:var(--color-primary)}.mobile-nav-icon{width:22px;height:22px}@media (max-width:768px){.mobile-bottom-nav{display:block}.header-nav,.header-link-label{display:none}.app-content{padding-bottom:calc(64px + var(--space-4) + env(safe-area-inset-bottom,0))}.toast-container{bottom:calc(72px + env(safe-area-inset-bottom,0));right:var(--space-3);left:var(--space-3)}.toast{min-width:unset}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:100vh;margin-top:auto}.modal-overlay{align-items:flex-end;padding:0}.page-header h1{font-size:var(--font-size-xl)}.stats-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.stat-card{min-width:unset}}@media (max-width:480px){.header{padding:0 var(--space-3);gap:var(--space-3)}.header-logo-text{font-size:var(--font-size-base)}.app-content{padding:var(--space-3);padding-top:calc(var(--header-height) + var(--space-3));padding-bottom:calc(64px + var(--space-3) + env(safe-area-inset-bottom,0))}.stats-row{gap:var(--space-2);grid-template-columns:1fr 1fr}.stat-value{font-size:var(--font-size-lg)}.stat-label{font-size:.6rem}}.sync-indicator{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);padding:4px 10px;font-size:.65rem;font-weight:600;display:flex}.sync-indicator:hover{background:var(--color-surface-hover)}.sync-indicator.syncing{border-color:var(--color-warning);color:var(--color-warning)}.sync-indicator.synced{border-color:var(--color-success);color:var(--color-success)}.sync-indicator.offline{border-color:var(--color-text-muted);color:var(--color-text-muted)}.sync-indicator.error{border-color:var(--color-danger);color:var(--color-danger)}.sync-indicator.syncing .sync-dot{animation:1s ease-in-out infinite pulse}@keyframes syncSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.unlock-page{background:var(--color-bg);min-height:100dvh;padding:var(--space-4);background-image:radial-gradient(80% 60% at 50% 0,#00d4aa0f,#0000),radial-gradient(60% 40% at 80% 100%,#3b82f60a,#0000);justify-content:center;align-items:center;display:flex}.unlock-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10);box-shadow:var(--shadow-lg), 0 0 60px #00d4aa0d;animation:slideUp var(--transition-base) ease-out}.unlock-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.unlock-logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-lg);color:#fff;width:64px;height:64px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-size:1.75rem;display:flex}.unlock-logo h1{font-size:var(--font-size-2xl);letter-spacing:-.03em;font-weight:700}.unlock-logo p{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.unlock-form{gap:var(--space-5);flex-direction:column;display:flex}.unlock-form .btn-primary{margin-top:var(--space-2);padding:var(--space-3);font-size:var(--font-size-md)}.password-strength-bar{background:var(--color-surface-2);border-radius:var(--radius-full);height:4px;margin-top:var(--space-1);overflow:hidden}.password-strength-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-base), background var(--transition-base)}.password-strength-label{justify-content:space-between;margin-top:4px;font-size:.65rem;font-weight:600;display:flex}@media (max-width:480px){.unlock-card{padding:var(--space-6);border-radius:var(--radius-lg)}.unlock-logo-icon{width:52px;height:52px;font-size:1.5rem}}.gdrive-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.gdrive-status{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;display:flex}.gdrive-status.connected{background:var(--color-success-dim);color:var(--color-success)}.gdrive-status.disconnected{background:var(--color-surface-2);color:var(--color-text-muted)}.gdrive-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.gdrive-info{gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}.gdrive-info-item{font-size:var(--font-size-xs)}.gdrive-info-item label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.65rem;font-weight:600;display:block}[data-theme=light] .gdrive-panel{box-shadow:0 1px 4px #0000000f}.auth-stat-bar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.auth-stat-pill{border-radius:var(--radius-full);letter-spacing:.01em;background:var(--color-surface-2);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;border:none;align-items:center;gap:5px;padding:4px 12px;font-size:.68rem;font-weight:600;display:inline-flex}.auth-stat-pill:hover{background:var(--color-surface-hover);color:var(--color-text)}.auth-stat-pill .stat-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.auth-toolbar{margin-bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-fast);flex-wrap:nowrap;align-items:center;gap:8px;padding:7px 10px;display:flex}.auth-toolbar:focus-within{border-color:#00d4aa4d;box-shadow:0 0 0 3px #00d4aa0f}.auth-search-wrap{flex:1;min-width:160px;position:relative}.auth-search-wrap svg{color:var(--color-text-muted);pointer-events:none;opacity:.7;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.auth-search-input{width:100%;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:0 0;border:none;outline:none;padding:6px 10px 6px 30px}.auth-search-input::placeholder{color:var(--color-text-muted);opacity:.7}.auth-toolbar-sep{background:var(--color-border);flex-shrink:0;width:1px;height:20px}.auth-filter-pills{flex-wrap:wrap;gap:4px;display:flex}.auth-filter-pill{border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:4px;padding:4px 12px;font-size:.68rem;font-weight:600;display:inline-flex}.auth-filter-pill:hover{color:var(--color-text);background:var(--color-surface-hover)}.auth-filter-pill.active{background:var(--color-primary-dim);color:var(--color-primary)}.auth-view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;display:flex;overflow:hidden}.auth-view-btn{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:5px 8px;display:flex}.auth-view-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.auth-view-btn.active{background:var(--color-primary-dim);color:var(--color-primary)}.auth-group-header{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;margin:var(--space-4) 0 var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.auth-group-header-line{background:var(--color-border);flex:1;height:1px}.auth-group-label{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.auth-group-count{background:var(--color-surface-2);border-radius:var(--radius-full);color:var(--color-text-muted);padding:1px 7px;font-size:.65rem}.auth-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.auth-card{background:var(--color-surface);border-radius:var(--radius-xl);cursor:pointer;border:1px solid #ffffff0f;padding:12px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff08}.auth-card:before{content:"";background:var(--card-accent,var(--color-primary));opacity:.8;border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.auth-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff0f}.auth-card.is-dragging{opacity:.4;transform:scale(.97)}.auth-card.drag-over{border-top-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-dim)}.auth-card-header{align-items:center;gap:9px;margin-bottom:9px;display:flex}.auth-service-icon{background:var(--card-accent-dim,var(--color-surface-2));width:32px;height:32px;color:var(--card-accent,var(--color-text));border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:relative;overflow:hidden}.auth-service-icon img{object-fit:contain;border-radius:3px;width:20px;height:20px}.auth-service-icon .auth-svc-fallback{justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.auth-card-meta{flex:1;min-width:0}.auth-card-label{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.815rem;font-weight:700;line-height:1.2;overflow:hidden}.auth-card-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.8;font-size:.67rem;line-height:1.3;overflow:hidden}.auth-card-actions{flex-shrink:0;align-items:center;gap:1px;display:flex}.auth-star-btn{cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast);opacity:.6;background:0 0;border:none;align-items:center;padding:4px;font-size:13px;line-height:1;display:flex}.auth-star-btn:hover,.auth-star-btn.starred{color:#f59e0b;opacity:1}.auth-menu-btn{cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast);opacity:.6;background:0 0;border:none;align-items:center;padding:4px;display:flex}.auth-menu-btn:hover{background:var(--color-surface-hover);color:var(--color-text);opacity:1}.auth-tags-row{flex-wrap:wrap;gap:6px;min-height:0;margin-bottom:8px;display:flex}.auth-tag-chip{border-radius:var(--radius-full);letter-spacing:.03em;background:var(--chip-bg,var(--color-surface-2));border:1px solid var(--chip-border,var(--color-border));color:var(--chip-color,var(--color-text-secondary));text-transform:uppercase;align-items:center;padding:1px 7px;font-size:.6rem;font-weight:700;display:inline-flex}.auth-folder-chip{border-radius:var(--radius-full);background:var(--color-accent-dim);color:var(--color-accent);text-transform:uppercase;letter-spacing:.03em;border:1px solid #3b82f64d;align-items:center;gap:3px;padding:1px 7px;font-size:.6rem;font-weight:700;display:inline-flex}.auth-code-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:8px;display:flex}.auth-code{font-family:var(--font-mono);letter-spacing:.1em;color:var(--code-color,var(--color-primary));-webkit-user-select:all;user-select:all;cursor:text;font-size:1.6rem;font-weight:700;line-height:1;transition:color .3s}.auth-code.expiring{animation:1s ease-in-out infinite expirePulse;color:var(--color-danger)!important}@keyframes expirePulse{0%,to{opacity:1}50%{opacity:.5}}.auth-next-code{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.05em;opacity:.8;margin-top:4px;font-size:.6rem}.auth-copy-btn{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);letter-spacing:.02em;flex-shrink:0;align-items:center;gap:4px;padding:7px 10px;font-size:.68rem;font-weight:700;display:flex}.auth-copy-btn:hover{background:var(--color-primary-dim);color:var(--color-primary);border-color:#00d4aa80}.auth-copy-btn.copied{color:#10b981;background:#10b9811f;border-color:#10b98166}.auth-progress-wrap{align-items:center;gap:7px;display:flex}.auth-progress-bar{background:var(--color-border);border-radius:2px;flex:1;height:2px;overflow:hidden}.auth-progress-fill{border-radius:2px;height:100%;transition:width 1s linear,background .5s;box-shadow:0 0 6px}.auth-timer-label{font-size:.62rem;font-weight:700;font-family:var(--font-mono);color:var(--color-text-muted);text-align:right;opacity:.8;min-width:20px}.auth-list{flex-direction:column;gap:3px;display:flex}.auth-card-compact{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:2px solid var(--card-accent,var(--color-primary));cursor:default;transition:all var(--transition-fast);align-items:center;gap:9px;padding:8px 12px;display:flex}.auth-card-compact:hover{background:var(--color-surface-hover);border-left-width:3px;box-shadow:0 2px 8px #0003}.auth-compact-code{font-family:var(--font-mono);letter-spacing:.14em;color:var(--code-color,var(--color-primary));min-width:80px;text-shadow:0 0 12px var(--code-color,#00d4aa4d);flex-shrink:0;font-size:1rem;font-weight:800}.auth-compact-code.expiring{text-shadow:0 0 10px #ef44444d;color:var(--color-danger)!important}.auth-compact-meta{flex:1;min-width:0}.auth-compact-label{color:var(--color-text);font-size:.8rem;font-weight:700;line-height:1.2}.auth-compact-email{color:var(--color-text-muted);opacity:.75;font-size:.65rem}.auth-ctx-menu{z-index:100;-webkit-backdrop-filter:blur(16px);transform-origin:100% 0;background:#12121ad9;border:1px solid #ffffff14;border-radius:12px;min-width:180px;padding:6px;animation:.15s cubic-bezier(.4,0,.2,1) dropdownPop;position:absolute;top:32px;right:4px;box-shadow:0 12px 32px #00000080,inset 0 0 0 1px #ffffff08}@keyframes dropdownPop{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes premiumDropIn{0%{opacity:0;transform:translateY(-8px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}.auth-ctx-item{width:100%;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}.auth-ctx-item:hover{color:var(--color-text);background:#ffffff0f}.auth-ctx-item.danger{color:#ef4444d9}.auth-ctx-item.danger:hover{color:#ef4444;background:#ef444426}.auth-ctx-divider{background:#ffffff0f;height:1px;margin:5px 0}.auth-qr-modal-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--transition-fast);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-qr-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;width:100%;max-width:340px;box-shadow:var(--shadow-lg)}.auth-qr-service{margin-bottom:var(--space-4);font-weight:700;font-size:var(--font-size-md);align-items:center;gap:8px;display:inline-flex}.auth-qr-wrap{border-radius:var(--radius-md);margin-bottom:var(--space-3);background:#fff;padding:16px;display:inline-flex}.auth-empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.auth-empty-icon{margin-bottom:var(--space-4);opacity:.5;font-size:3.5rem}.auth-empty h3{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:700}.auth-empty p{font-size:var(--font-size-sm);max-width:360px;margin:0 auto var(--space-4);line-height:1.7}[data-theme=light] .auth-card{box-shadow:0 1px 4px #0000000f}[data-theme=light] .auth-card:hover{box-shadow:0 8px 24px #0000001f, 0 0 0 1px var(--card-accent,var(--color-primary)) inset}[data-theme=light] .auth-toolbar{box-shadow:0 1px 4px #0000000f}[data-theme=light] .auth-ctx-menu{background:#ffffffe6;border-color:#00000014;box-shadow:0 12px 32px #00000026,inset 0 0 0 1px #fff}[data-theme=light] .auth-ctx-item{color:var(--color-text-secondary)}[data-theme=light] .auth-ctx-item:hover{color:var(--color-text);background:#0000000a}[data-theme=light] .auth-ctx-divider{background:#0000000f}[data-theme=light] .auth-stat-pill{box-shadow:0 1px 3px #0000000f}[data-theme=light] .auth-card-compact:hover{background:var(--color-surface-hover)}.auth-drag-handle{color:var(--color-text-muted);cursor:grab;opacity:0;transition:opacity var(--transition-fast);align-items:center;padding:2px;display:flex}.auth-drag-handle:active{cursor:grabbing}.auth-card:hover .auth-drag-handle,.auth-card-compact:hover .auth-drag-handle{opacity:1}@keyframes codeFlash{0%{opacity:1}25%{opacity:.2}50%{opacity:1}75%{opacity:.5}to{opacity:1}}.auth-code.flashing{animation:.5s ease-out codeFlash}.auth-badge-row{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.auth-badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:3px;padding:1px 7px;font-size:.6rem;font-weight:700;display:inline-flex}.auth-badge-safe{color:#10b981;background:#10b98126;border:1px solid #10b98159}.auth-badge-warn{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59}.auth-badge-danger{color:#ef4444;background:#ef444426;border:1px solid #ef444459}.auth-badge-period{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f64d}.auth-sort-select{appearance:none;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:6px 28px 6px 10px;font-size:.72rem;font-weight:600}.auth-sort-select:focus{border-color:var(--color-primary)}.auth-shortcut-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:calc(var(--z-modal) + 10);padding:var(--space-4);animation:fadeIn var(--transition-fast);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-shortcut-panel{background:var(--color-surface);border:1px solid var(--color-border-hover);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.auth-shortcut-title{font-size:var(--font-size-lg);margin-bottom:var(--space-5);align-items:center;gap:var(--space-2);font-weight:800;display:flex}.auth-shortcut-grid{grid-template-columns:auto 1fr;align-items:center;gap:10px 20px;display:grid}.auth-kb{align-items:center;gap:4px;display:inline-flex}.auth-key{background:var(--color-surface-2);border:1px solid var(--color-border-hover);min-width:28px;height:24px;font-size:.7rem;font-weight:700;font-family:var(--font-mono);color:var(--color-text);box-shadow:0 2px 0 var(--color-border);border-radius:5px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.auth-shortcut-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-copy-history{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:2px;display:flex;overflow-x:auto}.auth-copy-history-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;font-size:.65rem;font-weight:600}.auth-copy-hist-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.68rem;font-family:var(--font-mono);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-weight:700;display:inline-flex}.auth-copy-hist-item:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-dim)}.auth-add-btn{border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.auth-add-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow)}[data-theme=light] .auth-shortcut-panel{box-shadow:0 8px 30px #00000026}[data-theme=light] .auth-key{background:#f8f9fc;border-color:#00000026}[data-theme=light] .auth-copy-hist-item{box-shadow:0 1px 3px #0000000f}@media (max-width:768px){.auth-toolbar{flex-wrap:wrap;gap:8px;height:auto;padding:10px}.auth-search-wrap{width:100%;max-width:none}.auth-filter-pills{border-bottom:1px solid #ffffff08;padding-bottom:4px}.auth-sort-select{flex:1;min-width:130px}.auth-add-btn{flex:1;justify-content:center}.auth-grid{grid-template-columns:1fr}}.col-check-btn{border:1.5px dashed var(--color-border);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:inline-flex}.col-check-btn:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.col-check-btn.checked{background:var(--color-surface-hover);border-style:solid;border-color:currentColor}.col-toggle{border:1.5px solid var(--color-border);min-width:28px;height:20px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;line-height:1;transition:all .18s;display:inline-flex}.col-toggle:hover{border-color:var(--color-text-muted);background:var(--color-surface-hover)}.col-toggle--on{color:#fff;border-style:solid;box-shadow:0 2px 6px #00000040}.multi-folder-chip{border-radius:var(--radius-sm);border:1px solid var(--color-border);white-space:nowrap;align-items:center;gap:4px;padding:1px 6px;font-size:.65rem;font-weight:600;display:inline-flex}.mgrcol-modal{background:var(--color-surface);border-radius:var(--radius-xl,16px);border:1px solid var(--color-border);flex-direction:column;width:100%;max-width:580px;max-height:90vh;padding:0;display:flex;overflow:hidden;box-shadow:0 24px 60px #0006,0 0 0 1px #ffffff0a}.mgrcol-header{border-bottom:1px solid var(--color-border);background:linear-gradient(135deg, var(--color-surface-2) 0%, var(--color-surface) 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.mgrcol-header-left{align-items:center;gap:14px;display:flex}.mgrcol-header-icon{background:linear-gradient(135deg, var(--color-primary) 0%, #6366f1 100%);width:40px;height:40px;box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 40%, transparent);border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex}.mgrcol-title{margin:0;font-size:1rem;font-weight:700;line-height:1.2}.mgrcol-subtitle{color:var(--color-text-muted);margin:2px 0 0;font-size:.7rem}.mgrcol-close{opacity:.6;transition:opacity .15s}.mgrcol-close:hover{opacity:1}.mgrcol-body{flex-direction:column;flex:1;gap:0;padding:20px 24px;display:flex;overflow-y:auto}.mgrcol-create-panel{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;margin-bottom:20px;padding:16px}.mgrcol-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:10px;font-size:.65rem;font-weight:700}.mgrcol-form{align-items:center;gap:8px;display:flex}.mgrcol-emoji-btn{background:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;transition:all .2s;display:flex}.mgrcol-emoji-btn:hover{border-color:var(--color-primary);transform:scale(1.05)}.mgrcol-name-input{flex:1;height:42px;background:var(--color-surface)!important;border:1.5px solid var(--color-border)!important}.mgrcol-name-input:focus{border-color:var(--color-primary)!important}.mgrcol-type-group{border:1.5px solid var(--color-border);border-radius:8px;flex-shrink:0;display:flex;overflow:hidden}.mgrcol-type-btn{background:var(--color-surface);border:none;border-right:1px solid var(--color-border);cursor:pointer;height:42px;color:var(--color-text-muted);padding:0 10px;font-size:14px;transition:all .15s}.mgrcol-type-btn:last-child{border-right:none}.mgrcol-type-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.mgrcol-type-btn.active{background:var(--color-primary);color:#fff}.mgrcol-add-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;height:42px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.mgrcol-add-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.mgrcol-add-btn:disabled{opacity:.4;cursor:not-allowed}.mgrcol-swatches{flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;display:flex}.mgrcol-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;transition:all .15s}.mgrcol-swatch:hover{transform:scale(1.2)}.mgrcol-swatch.selected{box-shadow:0 0 0 2px var(--color-primary);border-color:#fff;transform:scale(1.18)}.mgrcol-swatch-custom{border:2px dashed var(--color-border);cursor:pointer;width:22px;height:22px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative;overflow:hidden}.mgrcol-swatch-custom input[type=color]{opacity:0;cursor:pointer;width:300%;height:300%;position:absolute}.mgrcol-emoji-grid{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;flex-wrap:wrap;gap:6px;margin-top:10px;padding:12px;display:flex}.mgrcol-emoji-opt{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .1s;display:flex}.mgrcol-emoji-opt:hover{background:var(--color-surface-hover);border-color:var(--color-border);transform:scale(1.15)}.mgrcol-preview{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:8px;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;font-size:12px;display:flex}.mgrcol-preview-label{color:var(--color-text-muted);flex-shrink:0;font-size:11px}.mgrcol-preview-col{border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.mgrcol-type-badge{text-transform:uppercase;letter-spacing:.05em;background:#ffffff26;border-radius:8px;padding:1px 5px;font-size:9px;font-weight:600}.mgrcol-presets{flex-wrap:wrap;gap:7px;display:flex}.mgrcol-preset-btn{background:color-mix(in srgb, var(--pc) 12%, transparent);color:var(--pc);border:1px solid color-mix(in srgb, var(--pc) 30%, transparent);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .18s;display:inline-flex}.mgrcol-preset-btn:hover{background:color-mix(in srgb, var(--pc) 22%, transparent);transform:translateY(-1px)}.mgrcol-existing-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mgrcol-count-badge{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.mgrcol-list{flex-direction:column;gap:8px;display:flex}.mgrcol-item{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex;position:relative;overflow:hidden}.mgrcol-item:hover{border-color:color-mix(in srgb, var(--col-color,var(--color-primary)) 40%, var(--color-border));box-shadow:0 2px 10px #0000001a}.mgrcol-item--hidden{opacity:.5}.mgrcol-stripe{border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.mgrcol-order{flex-direction:column;flex-shrink:0;align-items:center;gap:1px;display:flex}.mgrcol-arrow{width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .1s;display:flex}.mgrcol-arrow:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.mgrcol-arrow:disabled{opacity:.2;cursor:default}.mgrcol-idx{color:var(--color-text-muted);font-size:9px;font-weight:700}.mgrcol-emoji-wrap{flex-shrink:0;font-size:22px;line-height:1}.mgrcol-info{flex:1;min-width:0}.mgrcol-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.mgrcol-meta-row{align-items:center;gap:6px;margin-top:2px;display:flex}.mgrcol-type-chip{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:6px;padding:1px 6px;font-size:10px}.mgrcol-usage{color:var(--color-text-muted);font-size:10px}.mgrcol-edit-input{height:30px;font-size:13px}.mgrcol-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.mgrcol-type-seg{border:1px solid var(--color-border);border-radius:7px;flex-shrink:0;display:flex;overflow:hidden}.mgrcol-type-seg-btn{background:var(--color-surface);border:none;border-right:1px solid var(--color-border);cursor:pointer;height:26px;color:var(--color-text-muted);padding:0 7px;font-size:12px;line-height:1;transition:all .13s}.mgrcol-type-seg-btn:last-child{border-right:none}.mgrcol-type-seg-btn:hover{background:var(--color-surface-hover)}.mgrcol-type-seg-btn.active{font-weight:700}.mgrcol-color-dot{cursor:pointer;border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:20px;height:20px;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000004d}.mgrcol-color-dot input[type=color]{opacity:0;cursor:pointer;width:300%;height:300%;position:absolute;top:-100%;left:-100%}.mgrcol-ctrl-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.mgrcol-ctrl-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text)}.mgrcol-del-btn:hover{border-color:color-mix(in srgb, var(--color-danger) 30%, transparent);color:var(--color-danger)!important}.mgrcol-vis-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.mgrcol-vis-btn.on{color:var(--color-primary)}.mgrcol-vis-btn.off{color:var(--color-text-muted)}.mgrcol-vis-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.mgrcol-empty{text-align:center;background:var(--color-surface-2);border:1px dashed var(--color-border);color:var(--color-text-secondary);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;font-size:13px;display:flex}.mgrcol-footer{border-top:1px solid var(--color-border);background:var(--color-surface-2);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.mgrcol-footer-hint{font-size:12px}.trash-expiry-container{flex-direction:column;gap:4px;width:100px;display:flex}.trash-expiry-bar{border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-border);width:100%;height:4px;overflow:hidden}.trash-expiry-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}@keyframes pulseRed{0%,to{opacity:1;box-shadow:0 0 8px #ef444466}50%{opacity:.6;box-shadow:0 0 2px #ef44441a}}.log-timeline{flex-direction:column;padding:0 10px;display:flex;position:relative}.log-date-group{align-items:center;gap:12px;margin:16px 0 8px;display:flex}.log-date-group-text{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.log-date-group:after{content:"";background:var(--color-border);opacity:.5;flex:1;height:1px}.log-timeline-row{opacity:0;padding-bottom:2px;animation:.3s ease-out forwards timelineFadeIn;display:flex;position:relative}.log-timeline-rail{flex-shrink:0;justify-content:center;width:20px;margin-right:12px;display:flex;position:relative}.log-timeline-line{background:var(--color-border);opacity:.5;width:2px;position:absolute;top:10px;bottom:-2px;left:50%;transform:translate(-50%)}.log-timeline-row:last-child .log-timeline-line{display:none}.log-timeline-dot{background:var(--color-surface);z-index:2;border:2px solid;border-radius:50%;width:8px;height:8px;position:relative;top:10px}.log-timeline-card{border-radius:var(--radius-md);transition:background var(--transition-fast);flex:1;align-items:center;gap:10px;padding:3px 8px;display:flex}.log-timeline-card:hover{background:var(--color-surface-hover)}@keyframes timelineFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sync-spin{animation:1s linear infinite syncSpin}.sync-indicator{border-radius:var(--radius-full);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:6px;padding:3px 10px;font-size:.68rem;font-weight:600;display:flex}.sync-indicator.connected{color:var(--color-success);background:var(--color-success-dim);border-color:#10b98133}.sync-indicator.disconnected{color:var(--color-text-muted);background:var(--color-surface-2);border-color:var(--color-border)}.sync-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.sync-indicator.connected .sync-dot{animation:2s ease-in-out infinite syncPulse}@keyframes syncPulse{0%,to{opacity:1}50%{opacity:.4}}.gdrive-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.gdrive-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.gdrive-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.gdrive-status{font-size:var(--font-size-xs);align-items:center;gap:6px;margin-top:2px;font-weight:600;display:flex}.gdrive-status.connected{color:var(--color-success)}.gdrive-status.disconnected{color:var(--color-text-muted)}.gdrive-actions{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.gdrive-info{gap:var(--space-3);flex-direction:column;display:flex}.gdrive-info-item{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.gdrive-info-item label:first-child{color:var(--color-text-secondary);font-weight:500}.switch{width:38px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch-slider{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);position:absolute;inset:0}.switch-slider:before{content:"";background:var(--color-text-muted);width:14px;height:14px;transition:all var(--transition-fast);border-radius:50%;position:absolute;bottom:2px;left:2px}.switch input:checked+.switch-slider{background:var(--color-primary-dim);border-color:var(--color-primary)}.switch input:checked+.switch-slider:before{background:var(--color-primary);transform:translate(18px)}.omnibar-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#0006;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.15s ease-out fadeInBase;display:flex;position:fixed;inset:0}@keyframes fadeInBase{0%{opacity:0}to{opacity:1}}.omnibar-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:600px;box-shadow:0 20px 40px #0006, var(--shadow-md);animation:.2s cubic-bezier(.16,1,.3,1) slideDownBase;overflow:hidden}@keyframes slideDownBase{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.omnibar-header{padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-hover);align-items:center;display:flex}.omnibar-icon{color:var(--color-text-secondary);flex-shrink:0}.omnibar-input{padding:var(--space-4);font-size:var(--font-size-base);color:var(--color-text);outline:none;flex:1;box-shadow:none!important;background:0 0!important;border:none!important}.omnibar-input::placeholder{color:var(--color-text-muted)}.omnibar-esc{color:var(--color-text-secondary);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.omnibar-results{max-height:400px;padding:var(--space-2);overflow-y:auto}.omnibar-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background .1s;display:flex}.omnibar-item.selected,.omnibar-item:hover{background:var(--color-surface-hover)}.omnibar-item.selected .item-icon{color:var(--color-primary)}.item-icon{color:var(--color-text-muted);flex-shrink:0}.item-labels{flex-direction:column;flex:1;display:flex;overflow:hidden}.item-title{color:var(--color-text);font-weight:500;font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-sub{color:var(--color-text-secondary);font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-pill{color:var(--color-text-secondary);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:10px;padding:2px 6px;font-size:10px}.omnibar-empty{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}[data-compact=true]{--space-4:.75rem;--space-5:1rem;--space-6:1.25rem;--space-8:1.5rem;--space-10:2rem;--header-height:48px}[data-compact=true] .stg-row{padding:8px var(--space-4)}[data-compact=true] .data-table th,[data-compact=true] .data-table td{padding:6px 14px}[data-compact=true] .stg-card-header{padding:var(--space-4) var(--space-5)}[data-compact=true] .vault-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}[data-compact=true] .vault-card{padding:12px}@media (max-width:768px){.header{padding:0 var(--space-3)!important;gap:var(--space-2)!important;height:52px!important;overflow:hidden!important}.header-logo-icon{border-radius:8px!important;width:28px!important;height:28px!important}.header-logo-icon svg{width:14px!important;height:14px!important}.header-logo-text{font-size:.85rem!important}.header-logo{gap:var(--space-2)!important;flex-shrink:0!important;height:52px!important}.header-actions{flex-shrink:0!important;gap:4px!important}.header-actions .btn-icon{width:30px!important;height:30px!important;padding:0!important}.header-actions .btn-icon svg{width:15px!important;height:15px!important}.sync-indicator{white-space:nowrap!important;padding:2px 6px!important;font-size:.5rem!important}.sync-indicator svg{width:9px!important;height:9px!important}.app-content{padding:var(--space-3)!important;padding-top:calc(52px + var(--space-3))!important;padding-bottom:calc(72px + var(--space-3) + env(safe-area-inset-bottom,0))!important;overflow-x:hidden!important}.vault-stats-mobile-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 calc(-1 * var(--space-3));padding:0 var(--space-3) 2px;overflow-x:auto}.vault-stats-mobile-scroll::-webkit-scrollbar{display:none}.vault-stats-mobile-scroll>div{flex-wrap:nowrap!important;gap:4px!important;width:max-content!important;min-width:100%!important;margin-bottom:10px!important}.vault-stats-mobile-scroll>div>div{min-width:unset!important;white-space:nowrap!important;border-radius:99px!important;flex:none!important;gap:4px!important;padding:4px 8px!important}.vault-stats-mobile-scroll>div>div svg{flex-shrink:0!important;width:10px!important;height:10px!important}.vault-stats-mobile-scroll>div>div span:first-of-type{font-size:11px!important;font-weight:700!important;line-height:1!important}.vault-stats-mobile-scroll>div>div div span:last-child,.vault-stats-mobile-scroll>div>div span:last-of-type{font-size:9px!important;font-weight:500!important;line-height:1!important}.vault-toolbar-mobile{border-radius:14px!important;flex-wrap:wrap!important;gap:0!important;padding:0!important;overflow:visible!important}.vault-toolbar-search-row{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;width:100%;padding:6px 10px;display:flex}.vault-toolbar-filter-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid var(--color-border);flex-wrap:nowrap;order:10;align-items:center;gap:5px;width:100%;padding:5px 10px 6px;display:flex;overflow-x:auto}.vault-toolbar-filter-row::-webkit-scrollbar{display:none}.vault-toolbar-filter-row>*{flex-shrink:0}.vault-toolbar-search-row{flex:none;order:1;align-items:center;gap:6px;width:100%;padding:6px 10px;display:flex}.vault-bulk-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:5px!important;padding:5px 10px!important;overflow:auto hidden!important}.mobile-select-all-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:6px 12px;display:flex}.mobile-select-all-bar label{color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.72rem;font-weight:600;display:flex}.mobile-select-all-bar input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;border-radius:4px}.mobile-bulk-header{background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:12px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;display:flex;overflow-x:auto}.mobile-bulk-header::-webkit-scrollbar{display:none}.mobile-bulk-header>div:first-child{flex-shrink:0}.mobile-bulk-header>div:last-child{flex-shrink:0;align-items:center;gap:5px;display:flex}.mobile-bulk-count{color:var(--color-primary);white-space:nowrap;background:var(--color-primary-dim);border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:700}.mobile-cards{flex-direction:column;gap:10px;padding-bottom:80px;display:flex}.mobile-card{border:1px solid var(--color-border);background:var(--color-surface);-webkit-tap-highlight-color:transparent;position:relative;box-shadow:0 2px 8px #0000001f;border-radius:14px!important;padding:0!important;transition:transform .15s,box-shadow .15s!important;overflow:hidden!important}.mobile-card:before{content:"";background:var(--card-accent,var(--color-primary));opacity:.85;z-index:1;width:3px;position:absolute;top:0;bottom:0;left:0}.mobile-card:active{transform:scale(.985);box-shadow:0 1px 4px #0000001a}.mobile-card-header{justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:0!important;padding:12px 14px 8px!important;display:flex!important}.mobile-card-header strong{text-overflow:ellipsis;white-space:nowrap;max-width:55vw;overflow:hidden;font-size:.82rem!important;line-height:1.2!important}.mobile-card-row{justify-content:space-between!important;align-items:center!important;gap:8px!important;min-height:36px!important;padding:7px 14px!important;display:flex!important}.mobile-card-label{letter-spacing:.04em;flex-shrink:0;min-width:52px;color:var(--color-text-muted)!important;align-items:center!important;gap:4px!important;font-size:.62rem!important;font-weight:700!important;display:flex!important}.mobile-card-row .copy-cell{flex:1!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;min-width:0!important;display:flex!important}.mobile-card-row .copy-cell span,.mobile-card-row a,.mobile-card-row .totp-display-or-whatever{color:var(--color-text)!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;font-size:.75rem!important;overflow:hidden!important}.mobile-card-row .copy-btn{flex-shrink:0;width:26px!important;height:26px!important}.mobile-card-row .copy-btn svg{width:12px!important;height:12px!important}.mobile-card .provider-badge{border-radius:6px!important;padding:2px 6px!important;font-size:.58rem!important}.mobile-card-actions{border-top:1px solid var(--color-border);background:var(--color-surface-2);align-items:stretch;gap:6px;padding:8px 12px;display:flex;overflow:visible}.mobile-card-actions .btn{white-space:nowrap;text-overflow:ellipsis;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:3px;min-width:0;height:32px;font-size:.65rem;display:flex;overflow:hidden}.mobile-card-actions .btn svg{flex-shrink:0;width:12px!important;height:12px!important}.mobile-detail-panel{border-top:1px solid var(--color-border);background:var(--color-surface-2);gap:10px;padding:12px 14px 14px}.mobile-detail-panel .mobile-card-row{border-top:1px solid #ffffff08;min-height:28px!important;padding:6px 0!important}.mobile-detail-panel .mobile-card-label{font-size:.6rem!important}.auth-card.mobile-card--selected{box-shadow:inset 3px 0 0 var(--color-primary), inset 0 0 0 1px #00b89438, 0 2px 12px #00b89414;background:linear-gradient(90deg,#00b89421 0%,#00b8940a 100%);border-color:#0000}.vault-mc-rows{border-top:1px solid var(--color-border);flex-direction:column;gap:0;margin:0 -12px;display:flex}.vault-mc-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:5px 12px;display:flex}.vault-mc-lbl{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:3px;min-width:44px;font-size:.6rem;font-weight:700;display:flex}.vault-mc-val{min-width:0;color:var(--color-text);flex:1;justify-content:flex-end;align-items:center;gap:4px;font-size:.72rem;display:flex;overflow:hidden}.vault-mc-val span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:55vw;overflow:hidden}.vault-mc-badge{white-space:nowrap;border:1px solid;border-radius:99px;flex-shrink:0;padding:1px 5px;font-size:.55rem;font-weight:700}.vault-mc-footer{border-top:1px dashed var(--color-border);justify-content:space-between;align-items:center;min-height:28px;margin:0 -12px -12px;padding:5px 12px;display:flex}.vault-mc-date{color:var(--color-text-muted);font-size:.6rem}.vault-mc-expanded{border-top:1px solid var(--color-border);background:var(--color-surface-2);flex-direction:column;gap:6px;margin:8px -12px -12px;padding:10px 12px 12px;display:flex}.vault-mc-expanded .vault-mc-row{border-bottom:1px solid #ffffff0a;margin:0 -12px;padding:5px 12px}.vault-mc-notes{color:var(--color-text);padding:4px 0;font-size:.72rem;line-height:1.5}.vault-mc-notes strong{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.58rem;display:block}.vault-mc-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;margin-bottom:4px;font-size:.58rem;font-weight:700;display:flex}.vault-mc-card-mini{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:10px;box-shadow:0 2px 4px #0000000d}.vault-mc-inner-rows{border-top:1px solid var(--color-border);flex-direction:column;gap:0;margin:8px -10px -10px;display:flex}.vault-mc-inner-rows .vault-mc-row{border-bottom:1px solid #ffffff08;margin:0}.vault-mc-inner-rows .vault-mc-row:last-child{border-bottom:none}.modal{border-radius:18px 18px 0 0!important;width:100%!important;max-width:100%!important;max-height:90vh!important;margin-top:auto!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.vault-pagination{flex-wrap:wrap!important;gap:6px!important;padding:12px 0!important}.vault-pagination .btn{min-width:30px!important;height:30px!important;font-size:.7rem!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;height:56px!important}.mobile-bottom-nav-inner{gap:0!important;padding:0 4px!important}.mobile-nav-item{border-radius:10px!important;gap:0!important;min-width:40px!important;padding:8px 6px!important;font-size:0!important}.mobile-nav-item span{display:none!important}.mobile-nav-icon{width:20px!important;height:20px!important}.mobile-nav-item.active{color:var(--color-primary)!important;background:rgba(var(--color-primary-rgb,0, 184, 148), .1)!important}.toast-container{bottom:calc(68px + env(safe-area-inset-bottom,0))!important;left:var(--space-3)!important;right:var(--space-3)!important}.toast{border-radius:10px!important;padding:8px 12px!important;font-size:.75rem!important}.page-header h1{font-size:var(--font-size-lg)!important}.page-header p{font-size:var(--font-size-xs)!important}.vault-toolbar-desktop-filters{display:none!important}.vault-toolbar-search-row{flex-wrap:wrap!important;order:1!important;align-items:center!important;gap:5px!important;width:100%!important;padding:6px 10px!important;display:flex!important}.vault-toolbar-search-row .toolbar-sep{display:none!important}.vault-toolbar-mobile{flex-direction:column!important;align-items:stretch!important;padding:0!important}.mobile-select-all-bar{display:flex}}@media (min-width:769px){.vault-toolbar-filter-row{display:none!important}.vault-toolbar-desktop-filters,.vault-toolbar-search-row{display:contents!important}.mobile-select-all-bar{display:none!important}}@media (max-width:480px){.header{gap:6px!important;padding:0 10px!important}.header-logo-icon{border-radius:7px!important;width:26px!important;height:26px!important}.header-logo-text{font-size:.78rem!important}.app-content{padding:62px 10px 10px!important;padding-bottom:calc(72px + 10px + env(safe-area-inset-bottom,0))!important}.mobile-card-header strong{max-width:48vw!important}.mobile-card-row .copy-cell span{max-width:calc(100vw - 140px)!important}.mobile-nav-item{min-width:42px!important;padding:4px 6px!important;font-size:.5rem!important}.mobile-nav-icon{width:18px!important;height:18px!important}}.vault-bulk-bar{scrollbar-width:none;-ms-overflow-style:none}.vault-bulk-bar::-webkit-scrollbar{display:none}@media (max-width:768px){.vault-toolbar-mobile{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;gap:5px!important;padding:5px 10px!important;overflow-x:visible!important}.vault-toolbar-mobile::-webkit-scrollbar{display:none}.vault-toolbar-mobile>*{flex-shrink:0!important}.vault-bulk-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:5px!important;padding:4px 10px!important;overflow:visible hidden!important}.mobile-bulk-header{background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;display:flex;overflow-x:auto}.mobile-bulk-header::-webkit-scrollbar{display:none}.mobile-bulk-count{color:var(--color-primary);white-space:nowrap;font-size:.72rem;font-weight:700}.mobile-card--selected{border-color:color-mix(in srgb, var(--color-primary) 50%, transparent)!important;background:color-mix(in srgb, var(--color-primary) 5%, var(--color-surface))!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 30%, transparent)!important}.mobile-fab{bottom:calc(68px + env(safe-area-inset-bottom,0) + 12px);background:var(--color-primary);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:0 4px 16px color-mix(in srgb, var(--color-primary) 50%, transparent), 0 2px 6px #0000004d;z-index:500;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;position:fixed;right:16px;display:flex!important}.mobile-fab:active{transform:scale(.9)}.vault-stats-mobile-scroll>div>div{min-width:60px!important}.mobile-card-row .copy-cell span[style*=font-mono]{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:calc(100vw - 180px)!important;display:block!important;overflow:hidden!important}.mobile-detail-panel{background:var(--color-surface-2)!important;border-top:1px solid var(--color-border)!important;flex-direction:column!important;gap:6px!important;padding:12px 14px 14px!important;display:flex!important}}@media (min-width:769px){.mobile-fab,.mobile-bulk-header{display:none!important}}@media (max-width:768px){.auth-card{box-sizing:border-box;width:100%;min-width:0;overflow:hidden}.auth-card-header{gap:6px;min-width:0;overflow:hidden}.auth-card-meta{flex:1 1 0;min-width:0;overflow:hidden}.auth-card-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.auth-card-actions{flex-shrink:0;gap:0}.auth-card-actions .copy-btn{width:26px;min-width:26px;height:26px;padding:4px}.vault-mc-footer{min-width:0;overflow:hidden}.vault-mc-rows{border-radius:0 0 var(--radius-xl) var(--radius-xl);margin-left:0!important;margin-right:0!important}.vault-mc-footer{border-radius:0 0 var(--radius-xl) var(--radius-xl);margin-bottom:0!important;margin-left:0!important;margin-right:0!important}.vault-mc-expanded,.vault-mc-expanded .vault-mc-row,.vault-mc-inner-rows{margin-left:0!important;margin-right:0!important}.totp-display,[class*=totp]{min-width:0;max-width:100%}.mobile-cards .auth-card{padding:7px 12px 0}.mobile-cards .auth-card-header{margin-bottom:0;padding-bottom:3px}.mobile-cards .vault-mc-footer{min-height:24px;padding-top:4px;padding-bottom:5px}.mobile-cards .vault-mc-card-mini{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.mobile-cards .vault-mc-expanded>.vault-mc-card-mini>div[style*="padding: '12px 10px'"],.mobile-cards .vault-mc-expanded>.vault-mc-card-mini>div{border-bottom:1px solid #ffffff0d!important;border-radius:0!important;padding:7px 12px!important}.mobile-cards .vault-mc-section-title{font-size:.58rem;margin:0 0 4px!important;padding-bottom:0!important}.mobile-cards .vault-mc-expanded>.vault-mc-card-mini+div{border-top:1px solid var(--color-border);gap:0;display:flex;margin:0!important}.mobile-cards .vault-mc-expanded~div[style*="marginTop: 12"],.mobile-cards .vault-mc-expanded+div{gap:0!important;margin:0!important}.mobile-cards .vault-mc-expanded div[style*="flexWrap: 'wrap'"]{padding:4px 12px}.mobile-cards .vault-mc-expanded div[style*="gap: 4, marginTop: 8"],.mobile-cards .vault-mc-expanded div[style*="flexDirection: 'column', gap: 4"]{gap:3px!important;margin-top:4px!important}.mobile-cards .vault-mc-notes{font-size:.68rem;border-radius:6px!important;margin-top:4px!important;padding:6px 8px!important}.mobile-cards .auth-card:before,.mobile-card:before{display:none}.mobile-cards .vault-mc-expanded{border-top:2px solid var(--color-border);background:var(--color-surface-2);border-radius:0 0 14px 14px;overflow:hidden;margin:6px -12px -7px!important;padding:0!important}.mobile-cards .vault-mc-card-mini{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.mobile-cards .vault-mc-expanded>.vault-mc-card-mini>div{border-bottom:1px solid #ffffff0d!important;border-radius:0!important;padding:8px 14px!important}.mobile-cards .vault-mc-section-title{letter-spacing:.06em;margin:0 0 5px!important;padding-bottom:0!important;font-size:.6rem!important}.mobile-cards .vault-mc-expanded .vault-mc-row{border-bottom:1px solid #ffffff0a;min-height:28px!important;padding:5px 14px!important}.mobile-cards .vault-mc-lbl{min-width:54px!important;font-size:.58rem!important}.mobile-cards .vault-mc-val span:first-child{max-width:48vw!important}.mobile-cards .vault-mc-expanded+div,.mobile-cards [class*=vault-mc-expanded]~div[style*=borderTop]{border-radius:0 0 14px 14px;overflow:hidden;gap:0!important;margin:0!important}.modal-overlay:has(.mgrcol-modal){z-index:9000;align-items:flex-end;padding:0}.mgrcol-modal{border-bottom:none;border-left:none;border-right:none;border-radius:18px 18px 0 0;width:100%;max-width:100vw;max-height:90dvh;animation:.25s cubic-bezier(.34,1.1,.64,1) mgrcolSlideUp}@keyframes mgrcolSlideUp{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mgrcol-modal:before{content:"";background:#ffffff26;border-radius:99px;flex-shrink:0;width:32px;height:3px;margin:8px auto 0;display:block}.mgrcol-header{background:var(--color-surface);padding:6px 14px 8px}.mgrcol-header-icon{border-radius:8px;width:30px;height:30px;font-size:15px}.mgrcol-header-left{gap:10px}.mgrcol-title{font-size:.88rem}.mgrcol-subtitle{font-size:.6rem}.mgrcol-body{padding:10px 12px}.mgrcol-create-panel{border-radius:10px;margin-bottom:12px;padding:10px 10px 8px}.mgrcol-section-label{margin-bottom:7px;font-size:.57rem}.mgrcol-form{flex-wrap:wrap;gap:6px}.mgrcol-emoji-btn{border-radius:8px;width:36px;height:36px;font-size:17px}.mgrcol-name-input{flex:120px;min-width:0;height:36px!important;font-size:.8rem!important}.mgrcol-type-group{border-radius:7px}.mgrcol-type-btn{height:36px;padding:0 9px;font-size:13px}.mgrcol-add-btn{border-radius:8px;flex:1;height:36px;padding:0 14px;font-size:.78rem}.mgrcol-swatches{gap:5px;margin-top:8px}.mgrcol-swatch{border-radius:50%!important;width:22px!important;height:22px!important}.mgrcol-swatch.selected{outline-offset:1px!important;outline-width:2px!important}.mgrcol-swatch-custom{border-radius:50%!important;width:22px!important;height:22px!important;font-size:11px!important}.mgrcol-preview{border-radius:6px;margin-top:6px;padding:4px 8px;font-size:.72rem}.mgrcol-presets{grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:6px;display:grid!important}.mgrcol-preset-btn{justify-content:center;gap:4px;border-radius:7px!important;padding:5px 6px!important;font-size:.68rem!important}.mgrcol-existing-header{margin-bottom:6px;padding:6px 0}.mgrcol-item{border-radius:8px!important;gap:7px!important;padding:7px 8px!important}.mgrcol-emoji-wrap{width:26px!important;height:26px!important;font-size:15px!important}.mgrcol-name{font-size:.8rem!important}.mgrcol-meta-row{gap:5px}.mgrcol-type-chip{padding:1px 5px!important;font-size:.58rem!important}.mgrcol-type-seg-btn{width:26px!important;height:26px!important;font-size:12px!important}.mgrcol-color-dot{border-radius:50%!important;width:22px!important;height:22px!important}.mgrcol-ctrl-btn,.mgrcol-vis-btn{width:28px!important;height:28px!important}.mgrcol-empty{border-radius:8px;padding:20px 12px;font-size:.8rem}.mgrcol-empty>div:first-child{font-size:24px}.mgrcol-footer{flex-direction:row;align-items:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important}.mgrcol-footer-hint{flex:1;font-size:.6rem!important}.mgrcol-footer .btn-primary{border-radius:8px;height:36px;padding:0 20px;font-size:.82rem}}.gul-btn{transition:all .2s;position:relative;overflow:hidden}.gul-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #00d4aa1f;border-color:var(--color-primary)!important;background:var(--color-surface-hover)!important}.gul-btn:active:not(:disabled){transform:translateY(0)}.gul-shimmer{pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff0d 50%,#0000 65%) 0 0/200% 100%;animation:3.5s ease-in-out infinite gulShimmer;position:absolute;inset:0}@keyframes gulShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=light] .gul-btn{box-shadow:0 1px 3px #0000001a;color:#3c4043!important;background:#fff!important;border-color:#dadce0!important}[data-theme=light] .gul-btn:hover:not(:disabled){background:#f8f9fa!important;border-color:#a0a0a0!important;box-shadow:0 2px 8px #0000001f!important}
