: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:var(--font-inter), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:var(--font-jetbrains), "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:1000;--z-modal:2000;--z-toast:3000}[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}:is(.app-content:has(.email-layout),.app-content:has(.notes-page)){max-width:100%!important;padding:0!important;padding-top:var(--header-height)!important}@media (max-width:768px){.app-content:has(.notes-page){padding-bottom:0!important}.notes-page{height:calc(100vh - var(--header-height) - 72px - env(safe-area-inset-bottom,0))!important}}.header-logo{height:var(--header-height);flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.header-logo-icon{object-fit:contain;width:28px;height:28px}.header-logo-text{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#00d4aae6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:800}[data-theme=light] .header-logo-text{background:linear-gradient(135deg,#0a0a0f 30%,#00a882 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-logo-glow{border-radius:8px;justify-content:center;align-items:center;animation:3s ease-in-out infinite logoBreathe;display:flex;position:relative}@keyframes logoBreathe{0%,to{filter:drop-shadow(0 0 4px #00d4aa59)}50%{filter:drop-shadow(0 0 12px #00d4aab3)}}.header-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:20px;margin:0 4px}[data-theme=light] .header-divider{background:#0000001a}.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);align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=light] .header{background:#ffffffe0;border-bottom:1px solid #00000014;box-shadow:0 1px #00d4aa14,0 4px 20px #0000000f}.header-nav{flex:1;align-items:center;gap:4px;margin-left:8px;display:flex}.header-link{border-radius:var(--radius-md);color:#cbd5e1;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;padding:0;font-weight:600;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.header-link-inner{border-radius:var(--radius-md);align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:flex}.header-link-inner.icon-only{padding:8px}.header-link:hover .header-link-inner{background:color-mix(in srgb, var(--nav-color) 8%, transparent);color:var(--nav-color)}.header-link-label{letter-spacing:.01em;font-size:13px;font-weight:700}.header-link.active .header-link-label{color:var(--nav-color);font-weight:800}.header-link-activebar{opacity:.85;border-radius:2px 2px 0 0;width:60%;height:2px;animation:.2s cubic-bezier(.34,1.56,.64,1) both activebarSlideIn;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}@keyframes activebarSlideIn{0%{opacity:0;width:0}to{opacity:.85;width:60%}}.header-nav-cluster{box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;flex-shrink:0;align-items:center;gap:2px;height:34px;margin-left:8px;padding:2px;display:flex}@media (max-width:768px){.header-nav-cluster,.mobile-hidden{display:none!important}}[data-theme=light] .header-nav-cluster{background:#0000000a;border-color:#00000014}.header-cluster-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .18s;display:flex;position:relative}.header-cluster-btn:hover{background:color-mix(in srgb, var(--nav-color) 12%, transparent);color:var(--nav-color);transform:translateY(-1px)}.header-cluster-btn.active{background:color-mix(in srgb, var(--nav-color) 15%, transparent);color:var(--nav-color)}[data-theme=light] .header-cluster-btn{color:#64748b}[data-theme=light] .header-link:hover .header-link-inner{background:color-mix(in srgb, var(--nav-color) 12%, transparent)}.header-link:hover,.header-link.active{color:var(--nav-color)}.header-link.active .header-link-inner{border-radius:var(--radius-md);color:var(--nav-color)}[data-theme=light] .header-link.active .header-link-inner{background:#00b4941a}.header-link.active .header-link-icon{color:var(--color-primary);filter:drop-shadow(0 1px 4px #00d4aa80)}.header-link-icon{flex-shrink:0;width:15px;height:15px;transition:all .2s}.header-nav-badge{pointer-events:none;z-index:10;border-radius:10px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:8.5px;font-weight:800;line-height:1;transition:all .2s;display:flex}.header-nav-badge--danger{color:#fff;border:1.5px solid var(--color-surface);background:#ff4d4d;box-shadow:0 2px 4px #ef444466}.header-nav-badge--warning{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.header-title{font-size:var(--font-size-lg);font-weight:600}.header-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.header-action-group{box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:1px;height:34px;padding:2px;display:flex;position:relative;overflow:visible}[data-theme=light] .header-action-group{background:#0000000a;border-color:#00000014}.header-action-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.header-action-btn:hover{color:var(--color-text);background:#ffffff14}[data-theme=light] .header-action-btn:hover{color:var(--color-text);background:#00000012}.header-action-btn--danger:hover{color:#f87171;background:#ef44441f}[data-theme=light] .header-action-btn--danger:hover{color:#dc2626;background:#ef44441a}.hdr-dropdown-wrap{align-items:center;display:flex;position:relative}.hdr-dropdown-trigger{border-radius:7px!important;align-items:center!important;gap:4px!important;width:auto!important;padding:0 8px!important;display:flex!important}.hdr-dropdown-trigger.active{color:var(--color-text)!important;background:#ffffff14!important}[data-theme=light] .hdr-dropdown-trigger.active{background:#00000012!important}.hdr-chevron{opacity:.6;flex-shrink:0;transition:transform .2s}.hdr-chevron.open{opacity:1;transform:rotate(180deg)}.hdr-accent-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 4px}.hdr-dropdown-panel{background:var(--color-surface);border:1px solid var(--color-border-hover);z-index:9999;border-radius:14px;min-width:200px;animation:.18s cubic-bezier(.34,1.56,.64,1) both hdrPanelIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0a,0 4px 20px #0000004d}[data-theme=light] .hdr-dropdown-panel{background:#fff;border-color:#0000001a;box-shadow:0 20px 60px #00000026,0 4px 20px #00000014}@keyframes hdrPanelIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.hdr-panel-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:10px 12px 6px;font-size:10px;font-weight:700}.hdr-panel-section{flex-direction:column;gap:5px;padding:8px 10px;display:flex}.hdr-panel-section+.hdr-panel-section{border-top:1px solid var(--color-border)}.hdr-panel-section-title{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:600}.hdr-theme-scroll{flex-direction:column;gap:2px;max-height:200px;padding:4px;display:flex;overflow-y:auto}.hdr-theme-scroll::-webkit-scrollbar{width:4px}.hdr-theme-scroll::-webkit-scrollbar-track{background:0 0}.hdr-theme-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}[data-theme=light] .hdr-theme-scroll::-webkit-scrollbar-thumb{background:#0000001a}.hdr-theme-row{color:var(--color-text-secondary);font-size:12.5px;font-weight:500;font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;transition:all .15s;display:flex}.hdr-theme-row:hover{color:var(--color-text);background:#ffffff0d}[data-theme=light] .hdr-theme-row:hover{background:#0000000a}.hdr-theme-row.selected{background:var(--color-primary-dim);color:var(--color-primary);font-weight:600}[data-theme=light] .hdr-theme-row.selected{background:#00b4941a}.hdr-theme-row-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:inset 0 0 0 1px #ffffff1a}.hdr-theme-row-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.hdr-theme-row-check{color:var(--color-primary);font-size:11px;font-weight:700}.hdr-accent-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.hdr-accent-swatch{background:var(--swatch);cursor:pointer;width:28px;height:28px;box-shadow:0 2px 6px color-mix(in srgb, var(--swatch) 40%, transparent);border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.hdr-accent-swatch:hover{box-shadow:0 4px 12px color-mix(in srgb, var(--swatch) 60%, transparent);transform:scale(1.12)}.hdr-accent-swatch.selected{border-color:#ffffffb3;transform:scale(1.1)}[data-theme=light] .hdr-accent-swatch.selected{border-color:#0006}.hdr-swatch-check{color:#000000d9;font-size:11px;font-weight:800;line-height:1}.hdr-settings-panel{min-width:220px}.hdr-settings-list{flex-direction:column;gap:1px;padding:6px;display:flex}.hdr-settings-item{color:var(--color-text-secondary);font-size:12.5px;font-weight:500;font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;width:100%;padding:7px 8px;transition:all .13s;display:flex}.hdr-settings-item:hover{background:color-mix(in srgb, var(--item-color) 10%, transparent);color:var(--item-color)}.hdr-settings-item:hover .hdr-settings-item-icon{color:var(--item-color)}.hdr-settings-item-icon{background:color-mix(in srgb, var(--item-color) 12%, transparent);width:22px;height:22px;color:var(--item-color);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .13s;display:flex}.hdr-settings-item-label{flex:1}.hdr-settings-footer{border-top:1px solid var(--color-border);padding:6px 8px 8px}.hdr-settings-open-all{border:1px solid var(--color-border);width:100%;color:var(--color-primary);font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:9px;padding:8px;transition:all .15s}.hdr-settings-open-all:hover{background:var(--color-primary-dim);border-color:var(--color-primary)}.header-add-btn{background:linear-gradient(135deg, var(--color-primary) 0%, #00b894 100%);color:#0a0a0f;height:34px;font-size:12.5px;font-weight:700;font-family:var(--font-sans);cursor:pointer;letter-spacing:.01em;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;transition:all .2s;display:flex;box-shadow:0 2px 12px #00d4aa40}.header-add-btn:hover{background:linear-gradient(135deg, var(--color-primary-hover) 0%, #00d4aa 100%);transform:translateY(-1px);box-shadow:0 4px 20px #00d4aa66}.header-add-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00d4aa33}.header-add-label{letter-spacing:.02em;font-weight:700}.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;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.6}50%{opacity:.2}to{opacity:.6}}.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)}}.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}.mobile-more-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-header) - 2);background:#0009;animation:.2s ease-out forwards fadeIn;position:fixed;inset:0}.mobile-more-tray{background:var(--color-surface-2);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-top:1px solid var(--color-border);padding:16px 20px 24px;padding-bottom:calc(24px + 64px + env(safe-area-inset-bottom,0));z-index:calc(var(--z-header) - 1);animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpTray;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #0006}.mobile-more-tray-handle{background:var(--color-border-hover);opacity:.8;border-radius:4px;width:40px;height:5px;margin:0 auto 24px}.mobile-more-tray-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mobile-more-tray-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;padding:16px 8px;font-size:.7rem;font-weight:500;transition:all .2s;display:flex}.mobile-more-tray-item.active{border-color:rgba(var(--color-primary-rgb), .5);background:rgba(var(--color-primary-rgb), .05);color:var(--color-primary)}.mobile-more-tray-item:active{transform:scale(.95)}@keyframes slideUpTray{0%{transform:translateY(100%)}to{transform:translateY(0)}}@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{display:none!important}.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-widget{border-radius:var(--radius-full);border:1px solid var(--color-border);height:34px;transition:all var(--transition-base);background:#ffffff05;align-items:center;display:flex;position:relative}.sync-widget:hover{border-color:var(--color-border-hover);background:#ffffff0a}.sync-widget.synced{background:#10b98108;border-color:#10b98140}.sync-widget.syncing{background:#f59e0b0f;border-color:#f59e0b66;box-shadow:0 0 12px #f59e0b26}.sync-widget.has-error{background:#ef44440f;border-color:#ef444466}.sync-widget-action{height:100%;color:var(--color-text-secondary);border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 10px;transition:all .2s;display:flex}.sync-widget-action:hover{color:var(--color-primary);background:#ffffff0f}.sync-widget.syncing .sync-widget-action{color:var(--color-warning)}.sync-widget.syncing .sync-widget-action:hover{cursor:default;background:0 0}.sync-widget.has-error .sync-widget-action{color:#f87171}.sync-widget-divider{background:var(--color-border);width:1px;height:14px;transition:background .2s}.sync-widget.syncing .sync-widget-divider{background:#f59e0b4d}.sync-widget.has-error .sync-widget-divider{background:#ef44444d}.sync-widget-status{height:100%;color:var(--color-text-secondary);border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);cursor:default;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:.65rem;font-weight:600;transition:all .2s;display:flex}.sync-widget:not(.syncing):not(.has-error) .sync-widget-status:hover{color:var(--color-text-primary)}.sync-widget.synced .sync-widget-status{color:var(--color-success)}.sync-widget.syncing .sync-widget-status{color:var(--color-warning)}.sync-widget.has-error .sync-widget-status{color:#f87171}.sync-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.sync-dot.error{background:#f87171;animation:1.5s ease-in-out infinite errorPulse}.sync-widget.syncing .sync-dot{animation:1s ease-in-out infinite pulse}.sync-spin{animation:1.5s linear infinite syncSpin}@keyframes syncSpin{to{transform:rotate(360deg)}}@keyframes syncPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes errorPulse{0%,to{opacity:1}50%{opacity:.3}}.sync-flyout{background:var(--color-surface);border:1px solid var(--color-border);opacity:0;visibility:hidden;width:186px;z-index:var(--z-modal);pointer-events:none;border-radius:10px;flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-6px)scale(.97);box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0a}.sync-widget:hover .sync-flyout{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.sync-flyout-header{border-bottom:1px solid var(--color-border);background:#0003;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.sync-flyout-title{letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-secondary);align-items:center;gap:5px;font-size:.58rem;font-weight:800;display:flex}.sync-drive-badge{color:#10b981;background:#10b9811f;border:1px solid #10b98140;border-radius:4px;align-items:center;gap:3px;padding:2px 5px;font-size:.55rem;font-weight:700;display:flex}.sync-flyout-body{border-bottom:1px solid var(--color-border);flex-direction:column;padding:4px 0;display:flex}.sfl-row{align-items:center;gap:7px;padding:5px 12px;font-size:.68rem;transition:background .12s;display:flex}.sfl-row:hover{background:#ffffff0a}.sfl-label{color:var(--color-text-secondary);flex:1;font-weight:500}.sfl-num{font-family:var(--font-mono);text-align:right;min-width:24px;font-size:.75rem;font-weight:800}.sfl-num.blue{color:#60a5fa}.sfl-num.green{color:#34d399}.sfl-num.gold{color:#f59e0b}.sfl-num.red{color:#f87171}.sfl-num.purple{color:#a78bfa}.sfl-unit{color:var(--color-text-muted,#6b7280);min-width:36px;font-size:.58rem;font-weight:400}.sync-flyout-footer{border-bottom:1px solid var(--color-border);background:#0000001f;flex-direction:column;padding:3px 0;display:flex}.sff-row{align-items:center;gap:6px;padding:4px 12px;font-size:.62rem;display:flex}.sff-k{color:var(--color-text-muted,#6b7280);flex:1;font-weight:400}.sff-v{font-family:var(--font-mono);font-size:.63rem;font-weight:700}.sff-v.primary{color:var(--color-primary)}.sff-v.purple{color:#a78bfa}.sff-v.gold{color:#f59e0b}.sync-now-btn{color:var(--color-primary);border:none;border-top:1px solid var(--color-border);cursor:pointer;letter-spacing:.3px;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:5px;width:100%;margin:0;padding:7px 10px;font-size:.65rem;font-weight:700;transition:background .15s;display:flex}.sync-now-btn:hover{background:#00d4aa14}.sync-now-btn:disabled{opacity:.5;cursor:not-allowed}.sync-mobile-drop{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:210px;animation:.18s cubic-bezier(.22,1,.36,1) dropIn;overflow:hidden;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0a}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.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 color-mix(in srgb, var(--color-border) 40%, transparent);flex-direction:column;width:100%;max-width:540px;max-height:90vh;padding:0;display:flex;overflow:hidden;box-shadow:0 32px 64px #0009}.mgrcol-header{background:0 0;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.mgrcol-header-left{align-items:center;gap:14px;display:flex}.mgrcol-header-icon{width:32px;height:32px;color:var(--color-primary);box-shadow:none;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:22px;display:flex}.mgrcol-title{margin:0;font-size:1.15rem;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:0 0;border:none;border-radius:0;margin-bottom:24px;padding:0}.mgrcol-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:10px;font-size:10px;font-weight:700}.mgrcol-form{align-items:center;gap:8px;display:flex}.mgrcol-emoji-btn{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.mgrcol-emoji-btn:hover{border-color:var(--color-primary);transform:scale(1.05)}.mgrcol-name-input{border-radius:var(--radius-md);height:40px;color:var(--color-text);flex:1;padding:0 14px;font-size:14px;background:color-mix(in srgb, var(--color-surface-2) 40%, transparent)!important;border:1px solid color-mix(in srgb, var(--color-border) 20%, transparent)!important}.mgrcol-name-input:focus{border-color:var(--color-primary)!important}.mgrcol-type-group{background:color-mix(in srgb, var(--color-surface-2) 40%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 20%, transparent);border-radius:var(--radius-md);flex-shrink:0;padding:2px;display:flex;overflow:hidden}.mgrcol-type-btn{cursor:pointer;height:34px;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;padding:0 12px;font-size:14px;transition:all .15s}.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;border-radius:var(--radius-md);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:13px;font-weight:700;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:color-mix(in srgb, var(--color-surface-2) 50%, transparent);color:var(--color-text-muted);border:1px solid #0000;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.mgrcol-list{flex-direction:column;gap:8px;display:flex}.mgrcol-item{background:color-mix(in srgb, var(--color-surface-2) 40%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 20%, transparent);border-radius:12px;align-items:center;gap:10px;padding:8px 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)) 20%, var(--color-border));background:color-mix(in srgb, var(--color-surface-2) 60%, transparent)}.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}.ms-opts-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;animation:.18s fadeSlideDown;overflow:hidden}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ms-opts-editor{flex-direction:column;gap:0;display:flex}.ms-opts-editor__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 12px 6px;display:flex}.ms-opts-editor__count{color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:20px;padding:2px 7px;font-size:10px;font-weight:600}.ms-opts-list{flex-direction:column;gap:0;max-height:220px;display:flex;overflow-y:auto}.ms-opts-item{border-bottom:1px solid var(--color-border);align-items:center;gap:7px;padding:7px 12px;transition:background .13s;display:flex}.ms-opts-item:last-child{border-bottom:none}.ms-opts-item:hover{background:var(--color-surface-hover)}.ms-opts-order{flex-direction:column;flex-shrink:0;align-items:center;gap:1px;display:flex}.ms-opts-color-dot{cursor:pointer;border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000004d}.ms-opts-color-dot input[type=color]{opacity:0;cursor:pointer;width:300%;height:300%;position:absolute;top:-100%;left:-100%}.ms-opts-chip{cursor:default;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.ms-opts-edit-input{height:26px;padding:0 8px;font-size:12px}.ms-opts-add-row{border-top:1px solid var(--color-border);background:var(--color-surface-2);align-items:center;gap:7px;padding:8px 12px;display:flex}.ms-opts-new-color{cursor:pointer;border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000040}.ms-opts-new-color input[type=color]{opacity:0;cursor:pointer;width:300%;height:300%;position:absolute;top:-100%;left:-100%}.ms-opts-new-input{height:30px;padding:0 8px!important;font-size:12px!important}.ms-opts-add-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.ms-opts-add-btn:hover:not(:disabled){opacity:.85;transform:scale(1.06)}.ms-opts-add-btn:disabled{opacity:.35;cursor:not-allowed}.ms-opts-inline-editor{border-top:1px solid color-mix(in srgb, var(--col-color,var(--color-border)) 25%, var(--color-border));background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:10px;padding-top:10px;animation:.18s fadeSlideDown;overflow:hidden}.active-ctrl{background:var(--color-surface-hover)!important}.ms-cell-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.ms-cell-trigger{border:1px dashed color-mix(in srgb, var(--color-border) 60%, transparent);cursor:pointer;background:0 0;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;min-width:28px;max-width:140px;min-height:22px;padding:0 4px;transition:all .15s;display:inline-flex}.ms-cell-trigger:hover,.ms-cell-trigger--open{border-style:solid;border-color:color-mix(in srgb, var(--color-primary) 60%, transparent);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.ms-cell-trigger--has-sel{padding:3px 0;background:0 0!important;border:none!important}.ms-cell-empty{color:var(--color-text-muted);font-size:13px;line-height:1}.ms-cell-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ms-cell-chip{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex}.ms-cell-dropdown{z-index:99999;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;animation:.13s ease-out ms-dropdown-in;overflow:hidden;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff0d}@keyframes ms-dropdown-in{0%{opacity:0;transform:translateY(-5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ms-cell-dropdown__header{border-bottom:1px solid color-mix(in srgb, var(--color-border) 40%, transparent);background:0 0;justify-content:space-between;align-items:center;padding:10px 10px 8px;display:flex}.ms-cell-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px;line-height:1;transition:all .12s}.ms-cell-clear:hover{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 15%, transparent)}.ms-cell-dropdown__opts{flex-direction:column;gap:2px;max-height:240px;padding:6px;display:flex;overflow-y:auto}.ms-cell-opt{cursor:pointer;text-align:left;width:100%;color:var(--color-text);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:8px;padding:6px 10px;transition:background .1s;display:flex}.ms-cell-opt:hover{background:var(--color-surface-hover)!important}.ms-cell-opt--selected{font-weight:600}.ms-cell-opt-tick{color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:15px;min-width:15px;height:15px;font-size:9px;font-weight:800;transition:all .12s;display:inline-flex}.ms-cell-opt-color{border-radius:50%;flex-shrink:0;width:8px;min-width:8px;height:8px}.ms-cell-opt-label{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);flex:1;font-size:12px;overflow:hidden}[data-theme=light] .ms-cell-dropdown{box-shadow:0 8px 30px #00000026,0 0 0 1px #0000000f}[data-theme=light] .ms-opts-color-dot,[data-theme=light] .ms-opts-new-color{border-color:#00000026}.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-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}.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-layout=true]{--space-4:.5rem;--space-5:.75rem;--space-6:1rem;--space-8:1.25rem;--space-10:1.5rem;--header-height:48px}[data-compact-settings=true] .stg-content,[data-compact-vault=true] .vault-main,[data-compact-tables=true] .data-table-container{--space-4:.5rem;--space-5:.75rem;--space-6:1rem;--space-8:1.25rem;--space-10:1.5rem}[data-compact-settings=true] .stg-row{min-height:46px;padding:8px 12px}[data-compact-settings=true] .stg-row-icon{margin-right:-2px;transform:scale(.85)}[data-compact-settings=true] .stg-row-label{font-size:.85rem}[data-compact-settings=true] .stg-row-desc{opacity:.85;margin-top:-1px;font-size:.65rem}[data-compact-settings=true] .stg-card-header{padding:10px 14px}[data-compact-settings=true] .stg-card-title{font-size:.9rem}[data-compact-settings=true] .stg-search-header-input{padding:12px 42px;font-size:.95rem}[data-compact-tables=true] .data-table th,[data-compact-tables=true] .data-table td{padding:6px 12px;font-size:.85rem}[data-compact-vault=true] .vault-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}[data-compact-vault=true] .vault-card{padding:10px}@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{display:none!important}.header-logo{gap:var(--space-2)!important;flex-shrink:0!important;height:52px!important}.header-actions{flex-shrink:0!important;gap:4px!important}.sync-widget{height:24px!important}.sync-widget-action{padding:0 6px!important}.sync-widget-status{gap:4px!important;padding:0 8px 0 6px!important;font-size:.55rem!important}.sync-dot{width:4px!important;height: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{display:none!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{-ms-overflow-style:none;scrollbar-width:none;gap:8px;margin-top:8px;padding-bottom:4px;overflow-x:auto;flex-wrap:nowrap!important}.mgrcol-swatches::-webkit-scrollbar{display:none}.mgrcol-swatch{flex-shrink:0;border-radius:50%!important;width:24px!important;height:24px!important}.mgrcol-swatch.selected{outline-offset:1px!important;outline-width:2px!important}.mgrcol-swatch-custom{flex-shrink:0;border-radius:50%!important;width:24px!important;height:24px!important;font-size:13px!important}.mgrcol-preview{border-radius:8px;margin-top:8px;padding:6px 10px;font-size:.78rem}.mgrcol-presets{-ms-overflow-style:none;scrollbar-width:none;gap:8px;margin-top:6px;padding-bottom:4px;overflow-x:auto;flex-wrap:nowrap!important;display:flex!important}.mgrcol-presets::-webkit-scrollbar{display:none}.mgrcol-preset-btn{flex-shrink:0;justify-content:center;gap:4px;border-radius:20px!important;padding:6px 10px!important;font-size:.72rem!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}.dom-mobile-toolbar{background:var(--color-surface);border:1px solid var(--color-border);box-sizing:border-box;z-index:300;border-radius:14px;width:100%;margin-bottom:8px;position:relative;overflow:visible}.dom-mobile-toolbar-row1{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:8px 10px;display:flex}.dom-mobile-search-pill{background:var(--color-surface-2);border-radius:99px;flex:1;align-items:center;gap:6px;min-width:0;padding:6px 10px;display:flex}.dom-mobile-toolbar-row2{flex-wrap:wrap;align-items:center;gap:4px;padding:4px 10px;display:flex}.dom-mobile-stats-inline{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;align-items:center;display:flex;overflow:hidden}[data-theme=light] .dom-mobile-stats-inline{background:#0000000a;border-color:#00000014}.dom-mobile-cards{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;margin-bottom:20px;padding:0;display:flex}.dom-mobile-card{background:var(--color-surface);border-radius:var(--radius-xl,20px);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}.dom-mobile-card:before{content:"";background:var(--dom-accent,var(--color-primary));opacity:.8;border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.dom-mobile-card:active{transform:scale(.98);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff05}.dom-mobile-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.dom-mobile-card-name{flex:1;min-width:0;overflow:hidden}.dom-mobile-card-domain{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.dom-vercel-tag{color:#fff;letter-spacing:.03em;background:#000;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:9px;font-weight:800;line-height:1}[data-theme=light] .dom-vercel-tag{background:#1a1a1a}.dom-mobile-card-registrar{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.dom-mobile-card-status{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:800;line-height:1}.dom-mobile-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.dom-mobile-card-expiries{flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.dom-mobile-expiry-item{flex-shrink:0;align-items:center;gap:5px;display:flex}.dom-expiry-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.dom-mobile-card-actions{flex-shrink:0;gap:2px;display:flex}[data-theme=light] .dom-mobile-card{border-color:#0000000f;box-shadow:0 2px 8px #0000000f,inset 0 1px #ffffff80}[data-theme=light] .dom-mobile-card:active{box-shadow:0 1px 4px #00000014,inset 0 1px #ffffff4d}[data-theme=light] .dom-mobile-toolbar{border-color:#00000014;box-shadow:0 1px 3px #0000000a}[data-theme=light] .dom-mobile-search-pill{background:#0000000a}.tg-mobile-toolbar{background:var(--color-surface);border:1px solid var(--color-border);box-sizing:border-box;z-index:300;border-radius:14px;width:100%;margin-bottom:8px;position:relative;overflow:visible}.tg-mobile-toolbar-row1{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:8px 10px;display:flex}.tg-mobile-search-pill{background:var(--color-surface-2);border-radius:99px;flex:1;align-items:center;gap:6px;min-width:0;padding:6px 10px;display:flex}.tg-mobile-toolbar-row2{flex-wrap:wrap;align-items:center;gap:4px;padding:4px 10px;display:flex}.tg-mobile-toolbar-bulk{border-top:1px solid var(--color-border);align-items:center;gap:4px;padding:4px 10px 6px;display:flex}.tg-mobile-stats-inline{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;align-items:center;display:flex;overflow:hidden}[data-theme=light] .tg-mobile-stats-inline{background:#0000000a;border-color:#00000014}.tg-mobile-cards{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;margin-bottom:20px;padding:0;display:flex}.tg-mobile-card{background:var(--color-surface);border-radius:var(--radius-xl,20px);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}.tg-mobile-card:before{content:"";background:var(--tg-accent,#2ba1df);opacity:.8;border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.tg-mobile-card:active{transform:scale(.98);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff05}.tg-mobile-card--selected{background:color-mix(in srgb, var(--color-surface) 92%, #2ba1df);border-color:#2ba1df4d}.tg-mobile-card-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.tg-mobile-card-name{flex:1;min-width:0;overflow:hidden}.tg-mobile-card-alias{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.tg-mobile-card-phone{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin-top:1px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.tg-mobile-card-username{color:#86efac;font-weight:600}.tg-mobile-card-status{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:800;line-height:1}.tg-mobile-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.tg-mobile-card-badges{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.tg-mobile-card-actions{flex-shrink:0;gap:2px;display:flex}[data-theme=light] .tg-mobile-card{border-color:#0000000f;box-shadow:0 2px 8px #0000000f,inset 0 1px #ffffff80}[data-theme=light] .tg-mobile-card:active{box-shadow:0 1px 4px #00000014,inset 0 1px #ffffff4d}[data-theme=light] .tg-mobile-card--selected{background:color-mix(in srgb, var(--color-surface) 95%, #2ba1df);border-color:#2ba1df40}[data-theme=light] .tg-mobile-toolbar{border-color:#00000014;box-shadow:0 1px 3px #0000000a}[data-theme=light] .tg-mobile-search-pill{background:#0000000a}[data-theme=light] .tg-mobile-card-username{color:#059669}.tg-drawer-action{color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.tg-drawer-action:hover{background:#ffffff14}[data-theme=light] .tg-drawer-action:hover{background:#0000000f}.tg-drawer-keepalive{background:linear-gradient(135deg,#2ba1df1a 0%,#10b9810d 100%);border:1px solid #2ba1df2e;border-radius:14px;margin-top:10px;padding:12px 14px}.tg-drawer-ping-btn{border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:8px 0;font-size:.78rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #2ba1df40;color:#fff!important;background:linear-gradient(135deg,#2ba1df,#1a8bcf)!important;border:none!important}.tg-drawer-ping-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2ba1df59}.tg-drawer-ping-btn:active:not(:disabled){transform:scale(.98)}.tg-drawer-section-card{background:var(--color-surface);border:1px solid #ffffff0f;border-radius:12px;padding:6px 12px;box-shadow:0 2px 8px #0000001a}[data-theme=light] .tg-drawer-section-card{border-color:#0000000f;box-shadow:0 1px 4px #0000000a}[data-theme=light] .tg-drawer-keepalive{background:linear-gradient(135deg,#2ba1df14 0%,#10b9810a 100%);border-color:#2ba1df1f}.vault-drawer-action-btn{text-transform:uppercase;letter-spacing:.03em;border:none;border-right:1px solid var(--color-border);background:var(--color-surface);height:36px;color:var(--color-text-muted);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:5px;font-size:.65rem;font-weight:700;transition:all .15s;display:flex}.vault-drawer-action-btn:last-child{border-right:none}.vault-drawer-action-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.vault-drawer-action-btn:active{transform:scale(.97)}[data-theme=light] .vault-drawer-action-btn{background:#ffffffb3}[data-theme=light] .vault-drawer-action-btn:hover{background:#0000000a}[data-theme=light] .vault-detail-drawer .tg-drawer-action{color:var(--color-text-muted)}.notes-page{height:calc(100vh - var(--header-height));background:var(--color-bg);display:flex;overflow:hidden}.notes-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden}.notes-sidebar-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.notes-sidebar-title{color:var(--color-text);letter-spacing:.03em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.notes-new-btn{width:28px;height:28px;color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.notes-new-btn:hover{background:var(--color-primary-dim)}.notes-search-wrap{border-bottom:1px solid var(--color-border);padding:6px 12px;position:relative}.notes-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.notes-search{background:var(--color-surface-2);border:1px solid var(--color-border);width:100%;color:var(--color-text);border-radius:9999px;outline:none;padding:7px 10px 7px 30px;font-size:.75rem;transition:border-color .15s}.notes-search:focus{border-color:var(--color-primary)}.notes-tag-row{flex-wrap:wrap;gap:6px;padding:0 12px 8px;display:flex}.notes-tag-chip{background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;border-radius:9999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.notes-tag-chip.active{background:var(--color-primary-dim);color:var(--color-primary);border-color:var(--color-primary)}.notes-tag-dot{background:var(--chip-color,var(--color-primary));border-radius:50%;width:7px;height:7px}.notes-sidebar-controls{border-bottom:1px solid var(--color-border);padding:0 12px 10px}.notes-control-btn{background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.notes-control-btn:hover,.notes-control-btn.active{background:var(--color-primary-dim);color:var(--color-primary);border-color:var(--color-primary)}.notes-list-tag-dot-only{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.notes-list{flex:1;padding:4px 0;overflow-y:auto}.notes-list-empty{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;font-size:.8125rem;display:flex}.notes-list-item{text-align:left;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;width:100%;color:var(--color-text);background:0 0;padding:10px 12px;transition:background .15s;position:relative}.notes-list-item:hover{background:var(--color-surface-hover)}.notes-list-item.active{background:var(--color-primary-dim);border-left:3px solid var(--color-primary)}.notes-list-item:hover .notes-list-delete{opacity:1}.notes-list-item-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px;display:flex}.notes-list-item-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;display:flex;overflow:hidden}.notes-pin-icon{color:var(--color-primary);flex-shrink:0}.notes-list-tag{text-transform:capitalize;border-radius:9999px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.notes-list-item-meta{color:var(--color-text-muted);justify-content:space-between;margin-bottom:4px;font-size:10px;display:flex}.notes-list-preview{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.notes-list-delete{opacity:0;color:var(--color-danger);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:opacity .15s,background .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.notes-list-delete:hover{background:var(--color-danger-dim)}.notes-new-bottom{cursor:pointer;box-shadow:0 0 16px var(--color-primary-dim);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin:10px 12px;padding:9px 0;font-size:.8125rem;font-weight:700;transition:box-shadow .15s;display:flex}.notes-new-bottom:hover{box-shadow:0 0 24px #00d4aa4d}.notes-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.notes-topbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:50px;padding:0 16px;display:flex}.notes-topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.notes-topbar-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:700;overflow:hidden}.notes-topbar-title--muted{color:var(--color-text-muted);font-weight:400}.notes-save-status{border-radius:9999px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:flex}.notes-save-status--saved{color:var(--color-success);background:var(--color-success-dim)}.notes-save-status--saving{color:var(--color-warning);background:var(--color-warning-dim)}.notes-save-status--unsaved{color:var(--color-text-muted);background:var(--color-surface-2)}.notes-topbar-actions{align-items:center;gap:4px;display:flex}.notes-topbar-sep{background:var(--color-border);width:1px;height:18px;margin:0 4px}.notes-action-active{color:var(--color-primary)!important;background:var(--color-primary-dim)!important}.notes-tag-wrap{position:relative}.notes-tag-popup{background:var(--color-surface);border:1px solid var(--color-border);z-index:200;border-radius:10px;flex-direction:column;gap:2px;min-width:120px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 30px #00000080}.notes-tag-popup-item{color:var(--color-text);cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.75rem;transition:background .15s;display:flex}.notes-tag-popup-item:hover{background:var(--color-surface-hover)}.notes-tag-popup-item.active{background:var(--color-primary-dim);color:var(--color-primary)}.notes-content-pane{flex-direction:column;flex:1;display:flex;overflow:hidden}.notes-empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:40px;display:flex}.notes-empty-icon{animation:3s ease-in-out infinite floatNote}@keyframes floatNote{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.notes-empty-title{color:var(--color-text);margin:0;font-size:1.25rem;font-weight:700}.notes-empty-sub{color:var(--color-text-muted);margin:0;font-size:.8125rem}.notes-empty-cta{cursor:pointer;box-shadow:0 0 20px var(--color-primary-dim);border-radius:10px;margin-top:8px;padding:10px 24px;font-weight:700;transition:box-shadow .15s}.notes-empty-cta:hover{box-shadow:0 0 30px #00d4aa59}.note-editor-wrap{flex-direction:column;height:100%;display:flex;overflow:hidden}.note-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:1px;padding:6px 12px;display:flex;overflow-x:auto}.note-toolbar::-webkit-scrollbar{display:none}.note-toolbar-btn{width:32px;height:30px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.note-toolbar-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.note-toolbar-btn.active{background:var(--color-primary-dim);color:var(--color-primary)}.note-toolbar-sep{background:var(--color-border);flex-shrink:0;width:1px;height:18px;margin:0 3px}.note-toolbar-spacer{flex:1;min-width:8px}.note-char-count{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;padding:0 6px;font-size:11px}.note-toolbar-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.note-editor-scroll{flex:1;overflow-y:auto}.note-editor-content{min-height:100%;color:var(--color-text);font-size:1rem;line-height:1.8;font-family:var(--font-sans);outline:none;padding:16px 12px;font-weight:500}.note-editor-content p{color:var(--color-text)}html:not([data-theme=light]) .note-editor-content p,html:not([data-theme=light]) .note-editor-content h1,html:not([data-theme=light]) .note-editor-content h2,html:not([data-theme=light]) .note-editor-content h3,html:not([data-theme=light]) .note-editor-content li{text-shadow:0 0 .5px #fff6;color:#fff!important;opacity:1!important;-webkit-text-fill-color:#fff!important;font-weight:500!important}.note-editor-content h1{margin:0 0 12px;font-size:1.75rem;font-weight:800}.note-editor-content h2{margin:16px 0 8px;font-size:1.25rem;font-weight:700}.note-editor-content blockquote{border-left:3px solid var(--color-primary);color:var(--color-text-secondary);margin:4px 0;padding-left:10px;font-style:italic}.note-editor-content code{background:var(--color-surface-2);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-primary);border-radius:4px;padding:1px 6px;font-size:.9em}.note-editor-content ul,.note-editor-content ol{padding-left:20px}.note-editor-content hr{border:none;border-top:1px solid var(--color-border);margin:16px 0}.note-editor-content p.is-editor-empty:first-child:before{color:var(--color-text-muted);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.note-editor-content pre{background:var(--color-surface-2);border:1px solid var(--color-border);font-family:var(--font-mono);border-radius:8px;margin:12px 0;padding:0;font-size:.875em;overflow:hidden}.note-editor-content pre code{font-size:inherit;color:inherit;background:0 0;border:none;padding:14px 18px;display:block;overflow-x:auto}.code-block-wrapper{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:8px;margin:4px 0;position:relative}.code-block-header{border-bottom:1px solid var(--color-border);background:#00000040;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;align-items:center;padding:4px 10px;display:flex}.code-block-dropdown-wrap{position:relative}.code-block-lang-btn{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.code-block-lang-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.code-block-dropdown-menu{z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:8px;flex-direction:column;gap:2px;min-width:120px;max-height:240px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.code-block-lang-item{text-align:left;width:100%;color:var(--color-text);text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:6px 10px;font-size:10px;font-weight:600;transition:background .15s}.code-block-lang-item:hover{background:var(--color-surface-hover)}.code-block-lang-item.active{background:var(--color-primary-dim);color:var(--color-primary)}.code-block-copy{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.code-block-copy:hover{background:var(--color-surface-hover);color:var(--color-text)}.code-block-copy.copied{color:var(--color-success);background:var(--color-success-dim)}.code-block-wrapper pre{border:none;border-radius:0 0 8px 8px;margin:0}.code-block-wrapper pre code{border-radius:0 0 8px 8px;padding:6px 10px}div[data-type=details].note-details{border:1px solid var(--color-border);background:#ffffff05;border-radius:10px;margin:6px 0;transition:border-color .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden}div[data-type=details].note-details:hover{border-color:#ffffff1f;box-shadow:0 2px 12px #00000026}div[data-type=details].note-details.is-open{border-color:rgba(var(--color-primary-rgb,0, 212, 170), .25);background:rgba(var(--color-primary-rgb,0, 212, 170), .02);box-shadow:0 2px 16px #0000001f}div[data-type=details].note-details>button{z-index:2;cursor:pointer;width:20px;height:20px;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,transform .15s;display:flex;position:absolute;top:10px;left:10px}div[data-type=details].note-details>button:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;width:0;height:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}div[data-type=details].note-details>button:hover{background:var(--color-surface-hover);color:var(--color-text)}div[data-type=details].note-details.is-open>button:after{transform:rotate(90deg)}div[data-type=details].note-details.is-open>button{color:var(--color-primary)}div[data-type=details].note-details summary{color:var(--color-text);cursor:text;background:0 0;outline:none;min-height:20px;padding:10px 14px 10px 36px;font-size:.9375rem;font-weight:600;list-style:none;transition:background .15s}div[data-type=details].note-details summary::-webkit-details-marker{display:none}div[data-type=details].note-details div[data-type=detailsContent]{border-top:1px solid #ffffff0f;padding:8px 14px 12px 36px;animation:.2s cubic-bezier(.4,0,.2,1) toggleSlideDown}div[data-type=details].note-details div[data-type=detailsContent][hidden]{display:none!important}@keyframes toggleSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] div[data-type=details].note-details{background:#00000004;border-color:#00000014}[data-theme=light] div[data-type=details].note-details:hover{border-color:#00000024;box-shadow:0 2px 10px #0000000f}[data-theme=light] div[data-type=details].note-details.is-open{background:rgba(var(--color-primary-rgb,0, 212, 170), .03);border-color:rgba(var(--color-primary-rgb,0, 212, 170), .2)}[data-theme=light] div[data-type=details].note-details div[data-type=detailsContent]{border-top-color:#0000000f}div[data-type=details].note-details div[data-type=details].note-details{background:#ffffff03;border-color:#ffffff0f;margin:4px 0}[data-theme=light] div[data-type=details].note-details div[data-type=details].note-details{background:#00000003;border-color:#0000000f}.nsp-wrap{flex:1;padding:24px 28px;overflow-y:auto}.nsp-header{color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:20px;font-size:.8125rem;font-weight:700;display:flex}.nsp-cards-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}@media (max-width:900px){.nsp-cards-row{grid-template-columns:repeat(2,1fr)}}.nsp-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.nsp-stat-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0006}.nsp-stat-icon{color:var(--color-primary);background:var(--color-primary-dim);border-radius:10px;align-items:center;padding:8px;display:flex}.nsp-stat-value{color:var(--color-text);margin-bottom:3px;font-size:1.25rem;font-weight:800;line-height:1}.nsp-stat-label{color:var(--color-text-muted);font-size:11px;font-weight:500}.nsp-stat-sub{color:var(--color-text-muted);font-size:10px}.nsp-charts-row{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.nsp-chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-shrink:0;padding:16px}.nsp-chart-card--grow{flex:1;min-width:240px}.nsp-chart-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:700}.nsp-legend{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.nsp-legend-item{color:var(--color-text-muted);text-transform:capitalize;align-items:center;gap:5px;font-size:11px;display:flex}.nsp-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.nsp-longest{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:14px 16px}.nsp-longest-item{color:var(--color-text-muted);align-items:center;gap:10px;margin-top:8px;display:flex}.nsp-longest-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;font-weight:600;overflow:hidden}.nsp-longest-words{color:var(--color-primary);flex-shrink:0;font-size:11px;font-weight:700}.spin{animation:1s linear infinite spin}.notes-list-item.compact{border-bottom-color:#0000;padding:6px 10px 6px 12px}.notes-list-item.compact .notes-list-item-title{font-size:.8rem}.notes-folder-section{border-bottom:1px solid var(--color-border)}.notes-folder-section:last-of-type{border-bottom:none}.notes-folder-section-header{color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:5px 8px 5px 10px;font-size:.75rem;font-weight:600;transition:background .15s;display:flex}.notes-folder-section-header:hover{background:var(--color-surface-hover)}.notes-folder-count{color:var(--color-text-muted);background:var(--color-surface-2);text-align:center;border-radius:9999px;flex-shrink:0;min-width:16px;padding:0 5px;font-size:10px;font-weight:700;line-height:16px}.notes-folder-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.notes-folder-section-header:hover .notes-folder-actions{opacity:1}.notes-folder-action-btn{cursor:pointer;width:20px;height:20px;color:var(--color-text-muted);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.notes-folder-action-btn:hover{background:var(--color-surface-2);color:var(--color-primary)}.notes-folder-action-delete:hover{color:var(--color-danger)!important;background:var(--color-danger-dim)!important}.notes-folder-items{padding:2px 0 2px 14px}.notes-folder-empty{color:var(--color-text-muted);padding:5px 10px;font-size:.72rem;font-style:italic}.notes-create-folder-btn{width:100%;color:var(--color-text-muted);cursor:pointer;border:none;border-top:1px solid var(--color-border);background:0 0;align-items:center;gap:6px;margin-top:auto;padding:8px 12px;font-size:.75rem;font-weight:600;transition:background .15s,color .15s;display:flex}.notes-create-folder-btn:hover{background:var(--color-surface-hover);color:var(--color-primary)}.notes-context-menu{z-index:9998;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;min-width:160px;padding:4px;position:absolute;box-shadow:0 8px 32px #00000080}.notes-context-menu-label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.06em;padding:4px 10px 2px;font-size:10px;font-weight:700}.notes-context-menu-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:.8rem;font-weight:500;transition:background .12s;display:flex}.notes-context-menu-item:hover{background:var(--color-surface-hover)}.notes-modal-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600}.notes-tag-popup{z-index:500;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;min-width:140px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000080}.notes-tag-popup-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;padding:6px 9px;font-size:.78rem;font-weight:500;transition:background .12s;display:flex}.notes-tag-popup-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.notes-tag-popup-item:hover,.notes-tag-popup-item.active{background:var(--color-primary-dim);color:var(--color-primary)}.notes-context-menu-item--danger{color:var(--color-danger)!important}.notes-context-menu-item--danger:hover{background:var(--color-danger-dim)!important}.notes-rename-input{background:var(--color-surface-2);border:1px solid var(--color-primary);width:100%;color:var(--color-text);border-radius:6px;outline:none;padding:3px 6px;font-size:.8rem}.notes-confirm-overlay{z-index:10000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notes-confirm-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;width:300px;padding:22px 24px;box-shadow:0 20px 60px #000000b3}.notes-confirm-title{color:var(--color-text);margin-bottom:8px;font-size:.9375rem;font-weight:700}.notes-confirm-message{color:var(--color-text-muted);margin-bottom:18px;font-size:.8125rem;line-height:1.5}.notes-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.notes-confirm-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:opacity .15s}.notes-confirm-btn--cancel{background:var(--color-surface-2);color:var(--color-text)}.notes-confirm-btn--primary{background:var(--color-primary);color:#fff}.notes-confirm-btn--danger{background:var(--color-danger);color:#fff}.notes-confirm-btn:hover{opacity:.85}.notes-hover-preview{z-index:9997;background:var(--color-surface);border:1px solid var(--color-border);pointer-events:none;border-radius:10px;max-width:220px;padding:10px 13px;animation:.12s fadeIn;position:fixed;box-shadow:0 8px 30px #00000080}.notes-hover-preview-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:.8rem;font-weight:700;overflow:hidden}.notes-hover-preview-meta{color:var(--color-text-muted);margin-bottom:6px;font-size:10px}.notes-hover-preview-content{color:var(--color-text-muted);white-space:pre-wrap;max-height:36px;font-size:11px;line-height:1.4;overflow:hidden}.notes-resize-handle{cursor:col-resize;z-index:10;background:0 0;width:4px;transition:background .15s;position:absolute;top:0;bottom:0;right:0}.notes-resize-handle:hover,.notes-resize-handle:active{background:var(--color-primary)}.notes-list-item:hover .notes-trash-actions{opacity:1!important}.notes-sort-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface);gap:2px;padding:4px 8px;display:flex}.notes-sort-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 0;font-size:10px;font-weight:600;transition:background .12s,color .12s;display:flex}.notes-sort-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.notes-sort-btn.active{color:var(--color-primary);background:var(--color-primary-dim)}.notes-sort-arrow{font-size:10px;line-height:1}.notes-title-edit-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;max-width:320px;padding:3px 8px;transition:background .15s;display:flex}.notes-title-edit-btn:hover{background:var(--color-surface-hover)}.notes-title-edit-btn:hover .notes-title-edit-icon{opacity:1}.notes-title-edit-icon{color:var(--color-text-muted);opacity:0;flex-shrink:0;transition:opacity .15s}.notes-title-input{background:var(--color-surface-2);border:1px solid var(--color-primary);min-width:180px;max-width:320px;box-shadow:0 0 0 3px var(--color-primary-dim);border-radius:8px;outline:none;padding:4px 10px;font-size:.8125rem;font-weight:800;transition:box-shadow .15s;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}.notes-topbar-actions{background:linear-gradient(135deg, rgba(var(--color-primary-rgb,0,212,170), .1) 0%, #3b82f61a 100%);border:1px solid rgba(var(--color-primary-rgb,0,212,170), .2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;align-items:center;gap:4px;padding:5px 7px;display:flex;box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff0d}.notes-hdr-btn{letter-spacing:.01em;color:var(--color-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.notes-hdr-btn:hover{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--color-primary-rgb,0,212,170), .3);transform:translateY(-1px)}.notes-hdr-btn--active{background:var(--color-primary-dim)!important;color:var(--color-primary)!important}.notes-hdr-btn--folder{color:var(--folder-color,var(--color-primary))!important;background:color-mix(in srgb, var(--folder-color,var(--color-primary)) 12%, transparent)!important}.notes-hdr-btn--desktop-only{display:inline-flex}.notes-hdr-sep{background:var(--color-border);flex-shrink:0;width:1px;height:18px;margin:0 2px}[data-theme=light] .notes-topbar-actions{background:#00000008;border-color:#00000014}.note-editor-content u{text-decoration:underline}.note-editor-content s,.note-editor-content del{color:var(--color-text-muted);text-decoration:line-through}.note-color-wrap{position:relative}.note-color-trigger{align-items:center;gap:2px;padding:0 7px;display:inline-flex}.note-color-popup{background:var(--color-surface);border:1px solid var(--color-border);z-index:300;border-radius:12px;min-width:160px;padding:10px;animation:.1s fadeInDown;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0000008c}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.note-color-popup-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px;padding:0 2px;font-size:9px;font-weight:800}.note-color-grid{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.note-color-swatch{background:var(--sw-color,var(--color-surface-2));cursor:pointer;width:24px;height:24px;color:var(--color-text-muted);border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:flex}.note-color-swatch:hover{border-color:#ffffff40;transform:scale(1.15)}.note-color-swatch.active{box-shadow:0 0 0 2px var(--color-primary);border-color:#fff}.note-color-swatch:first-child{background:var(--color-surface-2);border-color:var(--color-border)}.note-editor-content ul[data-type=taskList]{margin:8px 0;padding-left:2px;list-style:none}.note-editor-content ul[data-type=taskList]>li{align-items:flex-start;gap:10px;margin-bottom:4px;padding:2px 0;display:flex}.note-editor-content ul[data-type=taskList]>li>label{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:5px;display:flex}.note-editor-content ul[data-type=taskList]>li>label>input[type=checkbox]{appearance:none;border:2px solid var(--color-text-muted);cursor:pointer;box-sizing:border-box;background:#ffffff0a;border-radius:4px;outline:none;flex-shrink:0;width:16px;min-width:16px;height:16px;min-height:16px;margin:0;padding:0;transition:all .15s;display:block}.note-editor-content ul[data-type=taskList]>li>label:hover>input[type=checkbox]:not(:checked){border-color:var(--color-text);background:#ffffff14}[data-theme=light] .note-editor-content ul[data-type=taskList]>li>label>input[type=checkbox]{background:#00000005}[data-theme=light] .note-editor-content ul[data-type=taskList]>li>label:hover>input[type=checkbox]:not(:checked){background:#0000000d}.note-editor-content ul[data-type=taskList]>li>label>input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.note-editor-content ul[data-type=taskList]>li>label>input[type=checkbox]:checked:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/10px no-repeat;position:absolute;inset:0}.note-editor-content ul[data-type=taskList]>li[data-checked=true]>div{color:var(--color-text-muted);opacity:.65;text-decoration:line-through}.note-editor-content ul[data-type=taskList] ul[data-type=taskList]{padding-left:20px}.note-editor-content sup{vertical-align:super;font-size:.72em;line-height:0}.note-editor-content sub{vertical-align:sub;font-size:.72em;line-height:0}.note-editor-content mark{border-radius:3px;padding:0 2px}@media (max-width:1100px){.note-toolbar{padding:5px 8px}}.note-toolbar-more-btn{display:none}.note-toolbar-primary,.note-toolbar-secondary{display:contents}@keyframes slideInRightNotes{0%{opacity:0;transform:translate(10%)}to{opacity:1;transform:none}}@keyframes slideInLeftNotes{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:none}}@media (max-width:768px){.notes-page{flex-direction:column;position:relative;overflow:hidden}.notes-page--mobile-list .notes-main{display:none!important}.notes-page--mobile-list .notes-sidebar{border-right:none;flex:1;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideInLeftNotes;width:100%!important;min-width:100%!important;max-width:100%!important}.notes-page--mobile-editor .notes-sidebar{display:none!important}.notes-page--mobile-editor .notes-main{animation:.25s cubic-bezier(.16,1,.3,1) forwards slideInRightNotes;width:100%!important;display:flex!important}.note-toolbar{flex-flow:column;align-items:stretch;gap:0;height:auto;min-height:48px;padding:0;overflow-x:hidden}.note-toolbar-primary,.note-toolbar-secondary{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:6px;display:flex;overflow-x:auto}.note-toolbar-secondary{border-top:1px solid var(--color-border);flex-wrap:wrap;display:none;overflow-x:hidden}.note-toolbar.show-all .note-toolbar-secondary{display:flex}.note-toolbar-more-btn{display:flex!important}.note-toolbar-btn{width:32px;height:32px}.note-toolbar-sep,.note-char-count{display:none}.notes-list-item{border-bottom:1px solid #ffffff0d;flex-direction:column;justify-content:center;min-height:auto;padding:6px 14px;display:flex}.notes-list-item-title{margin-bottom:1px;font-size:.9rem}.notes-folder-section-header{min-height:auto;padding:6px 14px;font-size:.8rem}.notes-folder-action-btn{width:28px;height:28px}.notes-sidebar-header{padding:12px 14px 10px}.notes-sidebar-title{letter-spacing:-.01em;background:linear-gradient(135deg, var(--color-text) 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.05rem;font-weight:800}.notes-search-wrap input{background:#00d4aa0d;border-color:#00d4aa26;border-radius:12px}.notes-search-wrap input:focus{border-color:var(--color-primary);background:#00d4aa1a}.notes-sort-bar{border-bottom:1px solid #ffffff08;padding:8px 16px}.notes-sort-btn{background:#ffffff08;border-radius:12px;padding:5px 12px;font-size:.72rem}.notes-sort-btn.active{background:var(--color-primary-dim);color:var(--color-primary);font-weight:700}.notes-topbar{gap:8px;padding:0 8px}.notes-title-input{min-width:100px;max-width:140px}.notes-hdr-btn span{display:none}.notes-hdr-btn{padding:8px}.notes-hdr-btn--desktop-only{display:none!important}.notes-save-status{opacity:.8;margin-left:auto;position:static}.notes-topbar-actions .notes-hdr-sep{display:none}.notes-mobile-fab{background:linear-gradient(135deg, var(--color-primary), #00a882);cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 16px #00d4aa66}.notes-mobile-fab:active{transform:scale(.92)}}.skeleton-row{border-bottom:1px solid var(--color-border);align-items:center;gap:16px;padding:12px 16px;animation:1.5s ease-in-out infinite pulse;display:flex}.skeleton-col{background:var(--color-surface-2);border-radius:var(--radius-sm);height:20px}.skeleton-avatar{background:var(--color-surface-2);border-radius:50%;flex-shrink:0;width:32px;height:32px}.oauth-page-v2{height:calc(100vh - var(--header-height));flex-direction:column;display:flex;overflow:hidden}.oa-toolbar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.oa-toolbar-stats{flex-shrink:0;gap:4px;display:flex}.oa-stat-chip{background:var(--color-surface-2);border:1px solid var(--color-border);white-space:nowrap;cursor:default;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:flex}.oa-toolbar-sep{background:var(--color-border);flex-shrink:0;width:1px;height:18px}.oa-toolbar-btn{white-space:nowrap;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;height:30px;padding:5px 10px;font-size:.8rem;font-weight:600;display:flex}.oa-toolbar-btn--active{background:var(--color-primary-dim)!important;color:var(--color-primary)!important;border-color:#00d4aa4d!important}.oa-toolbar-icon{flex-shrink:0;width:30px;height:30px}.oa-add-btn{flex-shrink:0;align-items:center;gap:5px;height:30px;padding:5px 12px;font-size:.82rem;display:flex}.oa-view-toggle{border:1px solid var(--color-border);border-radius:7px;flex-shrink:0;display:flex;overflow:hidden}.oa-view-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:5px 8px;transition:all .15s;display:flex}.oa-view-btn:hover{color:var(--color-text)}.oa-view-btn.active{background:var(--color-primary-dim);color:var(--color-primary)}.oa-search-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.oa-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:9px}.oa-search-input{border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);border-radius:7px;outline:none;width:130px;height:30px;padding:5px 10px 5px 28px;font-size:.82rem;transition:width .15s,border-color .15s}.oa-search-input:focus{border-color:var(--color-primary);width:170px}.oa-search-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px;display:flex;position:absolute;right:7px}.oa-folder-filter-wrap{flex-shrink:0;position:relative}.oa-folder-dropdown{z-index:200;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;min-width:200px;padding:6px;animation:.1s fadeInDown;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 36px #00000080}.oa-folder-opt{width:100%;color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;transition:all .12s;display:flex}.oa-folder-opt:hover{background:var(--color-surface-hover);color:var(--color-text)}.oa-folder-opt.active{background:var(--color-primary-dim);color:var(--color-primary);font-weight:600}.oa-folder-opt-row{align-items:center;display:flex}.oa-folder-opt-row .oa-folder-opt{flex:1}.oa-folder-del{color:var(--color-text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .12s;display:flex}.oa-folder-opt-row:hover .oa-folder-del{opacity:1}.oa-folder-del:hover{color:#ef4444}.oa-folder-count{background:var(--color-surface-2);color:var(--color-text-muted);border-radius:99px;margin-left:auto;padding:1px 6px;font-size:10px}.oa-folder-new{border-top:1px solid var(--color-border);margin-top:2px;color:var(--color-primary)!important}.oa-folder-add-row{gap:4px;padding:4px 6px;display:flex}.oa-folder-add-input{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;outline:none;flex:1;padding:5px 8px;font-size:12px}.oa-folder-add-ok{background:var(--color-primary);color:#000;cursor:pointer;border:none;border-radius:6px;align-items:center;padding:4px 8px;display:flex}.oa-bulk-bar{background:linear-gradient(135deg,#38bdf80f,#a78bfa0a);border-bottom:1px solid #38bdf833;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;display:flex}.oa-bulk-count{color:var(--color-primary);background:#38bdf81f;border-radius:20px;flex-shrink:0;padding:2px 10px;font-size:.75rem;font-weight:700}.oa-bulk-move{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;outline:none;padding:5px 10px;font-size:12px}.oa-bulk-btn{flex-shrink:0;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:.78rem;display:flex}.oa-content-area{flex:1;overflow-y:auto}.oa-folder-banner{color:var(--color-text);background:#fbbf240a;border-bottom:1px solid #fbbf2426;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.oa-folder-banner-count{color:#fbbf24;background:#fbbf2426;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:700}.oa-loading{color:var(--color-text-muted);justify-content:center;align-items:center;gap:10px;padding:60px;display:flex}.oa-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.oauth-count-badge-sm{background:var(--color-primary-dim);color:var(--color-primary);border-radius:99px;padding:1px 6px;font-size:10px}.oauth-btn-primary{background:var(--color-primary);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.oauth-btn-primary:hover{filter:brightness(1.1)}.oauth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.oauth-btn-ghost{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;transition:all .15s;display:inline-flex}.oauth-btn-ghost:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.oauth-btn-danger{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;transition:all .15s;display:inline-flex}.oauth-btn-danger:hover{background:#ef444433}.oauth-btn-sm{padding:5px 10px;font-size:11px}.oauth-btn-lg{padding:11px 20px;font-size:14px}.oauth-hdr-btn{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:6px 11px;font-size:12px;transition:all .15s;display:inline-flex}.oauth-hdr-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.oauth-search-wrap{align-items:center;display:flex;position:relative}.oauth-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:9px}.oauth-search-input{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;outline:none;width:200px;padding:6px 28px 6px 30px;font-size:13px;transition:all .15s}.oauth-search-input:focus{border-color:var(--color-primary);width:240px}.oauth-search-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px;display:flex;position:absolute;right:7px}.oauth-view-toggle{border:1px solid var(--color-border);border-radius:8px;display:flex;overflow:hidden}.oauth-view-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:6px 10px;transition:all .15s;display:flex}.oauth-view-btn:hover{color:var(--color-text)}.oauth-view-btn.active{background:var(--color-primary-dim);color:var(--color-primary)}.oauth-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.oauth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.oauth-card:hover{border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.oauth-card-bar{width:100%;height:3px}.oauth-card-head{align-items:flex-start;gap:12px;padding:14px 14px 8px;display:flex}.oauth-card-avatar{flex-shrink:0;position:relative}.oauth-avatar-img{border-radius:50%}.oauth-avatar-fallback{background:var(--color-surface-2);width:40px;height:40px;color:var(--color-primary);border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.oauth-status-dot{border:2px solid var(--color-surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.oauth-card-info{flex:1;min-width:0}.oauth-card-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.oauth-card-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.oauth-card-folder{color:var(--color-text-muted);align-items:center;gap:4px;margin-top:3px;font-size:10px;display:flex}.oauth-status-badge{white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.oauth-status-dot-sm{border-radius:50%;flex-shrink:0;width:5px;height:5px}.oauth-status-dot-lg{border:2px solid var(--color-surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.oauth-card-scopes{flex-wrap:wrap;gap:4px;padding:0 14px 8px;display:flex}.oauth-scope-chip{border:1px solid #ffffff1a;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:600}.oauth-scope-chip-sm{border-radius:99px;padding:1px 6px;font-size:10px;font-weight:600}.oauth-card-meta{flex-direction:column;gap:4px;padding:0 14px 8px;display:flex}.oauth-meta-row{color:var(--color-text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.oauth-meta-label{flex:1}.oauth-meta-val{color:var(--color-text);font-size:11px;font-weight:600}.oauth-token-reveal{background:var(--color-surface-2);border-radius:8px;margin:0 14px 8px;padding:8px}.oauth-token-code{font-family:var(--font-mono);color:var(--color-primary);word-break:break-all;font-size:9px;display:block}.oauth-card-actions{border-top:1px solid var(--color-border);display:flex}.oauth-action-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.oauth-action-btn:hover{color:var(--color-primary);background:var(--color-surface-hover)}.oauth-action-btn:disabled{opacity:.4;cursor:not-allowed}.oauth-action-danger:hover{color:#ef4444!important}.oauth-table-wrap{border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.oauth-table{border-collapse:collapse;width:100%;font-size:12px}.oauth-table thead th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--color-surface-2);border-bottom:1px solid var(--color-border);padding:10px 14px;font-size:10px;font-weight:700}.oauth-table-row{border-bottom:1px solid var(--color-border);transition:all .12s}.oauth-table-row:hover{background:var(--color-surface-hover)}.oauth-table-row td{padding:10px 14px}.oauth-table-account{align-items:center;gap:9px;display:flex}.oauth-table-avatar{border-radius:50%}.oauth-table-avatar-fb{background:var(--color-surface-2);width:28px;height:28px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.oauth-table-name{color:var(--color-text);font-size:12px;font-weight:600}.oauth-table-email{color:var(--color-text-muted);font-size:11px}.oauth-table-scopes{flex-wrap:wrap;gap:3px;display:flex}.oauth-table-actions{gap:4px;display:flex}.oauth-table-empty{text-align:center;color:var(--color-text-muted);padding:30px;font-size:13px}.oauth-loading{color:var(--color-text-muted);justify-content:center;align-items:center;gap:10px;padding:60px;display:flex}.oauth-spin-lg{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite oauth-spin}.oauth-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.oauth-empty-icon{font-size:48px}.oauth-empty-title{color:var(--color-text);font-size:16px;font-weight:700}.oauth-empty-sub{color:var(--color-text-muted);max-width:420px;font-size:13px;line-height:1.6}.oauth-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.oauth-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009}.oauth-modal-header{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.oauth-modal-title-row{flex:1;align-items:center;gap:10px;display:flex}.oauth-modal-icon{font-size:22px}.oauth-modal-title{color:var(--color-text);font-size:15px;font-weight:700}.oauth-modal-sub{color:var(--color-text-muted);margin-top:2px;font-size:11px}.oauth-modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px;font-size:16px}.oauth-modal-close:hover{color:var(--color-text)}.oauth-modal-body{padding:20px}.oauth-modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.oauth-scope-hint{color:var(--color-text-muted);margin-bottom:14px;font-size:12px}.oauth-scope-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:4px;display:grid}.oauth-scope-card{background:var(--color-surface-2);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px;transition:all .15s;display:flex;position:relative}.oauth-scope-card:hover{border-color:var(--color-primary)}.oauth-scope-card.selected{border-color:var(--color-primary);background:var(--color-primary-dim)}.oauth-scope-card.required{opacity:.7;cursor:default}.oauth-scope-emoji{font-size:18px}.oauth-scope-label{color:var(--color-text);font-size:12px;font-weight:700}.oauth-scope-desc{color:var(--color-text-muted);font-size:10px;line-height:1.3}.oauth-scope-req{color:var(--color-primary);background:var(--color-primary-dim);border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;top:6px;right:6px}.oauth-scope-check{color:var(--color-text-muted);font-size:12px;font-weight:700;position:absolute;top:6px;right:8px}.oauth-scope-card.selected .oauth-scope-check{color:var(--color-primary)}.oauth-auth-notice{background:var(--color-surface-2);color:var(--color-text-muted);border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;display:flex}.oauth-auth-actions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.oauth-field-group{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.oauth-field-label{color:var(--color-text-muted);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.oauth-url-row{gap:6px;display:flex}.oauth-url-input{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);font-size:11px;font-family:var(--font-mono);border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 12px}.oauth-url-input:focus{border-color:var(--color-primary)}.oauth-copy-btn{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:14px;transition:all .15s}.oauth-copy-btn:hover{color:var(--color-primary)}.oauth-error{color:#ef4444;background:#ef44441a;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px}.oauth-drawer-overlay{z-index:1500;background:#00000080;position:fixed;inset:0}.oauth-drawer{background:var(--color-surface);border-left:1px solid var(--color-border);z-index:1501;flex-direction:column;width:380px;max-width:95vw;animation:.2s oauth-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.oauth-drawer-header{border-bottom-style:solid;border-bottom-width:3px;align-items:flex-start;gap:14px;padding:18px 16px;display:flex;position:relative}.oauth-drawer-avatar-wrap{flex-shrink:0;position:relative}.oauth-drawer-avatar{border-radius:50%}.oauth-drawer-avatar-fb{background:var(--color-surface-2);width:52px;height:52px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.oauth-drawer-head-info{flex:1;min-width:0}.oauth-drawer-name{color:var(--color-text);font-size:15px;font-weight:700}.oauth-drawer-email{color:var(--color-text-muted);align-items:center;gap:5px;margin-top:2px;font-size:12px;display:flex}.oauth-inline-copy{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:1px;display:flex}.oauth-inline-copy:hover{color:var(--color-primary)}.oauth-drawer-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;display:flex}.oauth-drawer-close:hover{color:var(--color-text)}.oauth-drawer-body{flex:1;overflow-y:auto}.oauth-drawer-section{border-bottom:1px solid var(--color-border);padding:16px}.oauth-drawer-section:last-child{border-bottom:none}.oauth-drawer-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-size:10px;font-weight:700}.oauth-field-input{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-size:12px}.oauth-field-input:focus{border-color:var(--color-primary)}.oauth-field-select{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-size:12px}.oauth-scope-list{flex-direction:column;gap:6px;display:flex}.oauth-scope-row{background:var(--color-surface-2);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.oauth-scope-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.oauth-scope-name{color:var(--color-text);flex:1;font-size:12px;font-weight:600}.oauth-scope-desc-sm{color:var(--color-text-muted);font-size:10px}.oauth-info-grid{flex-direction:column;gap:5px;display:flex}.oauth-info-row{align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.oauth-info-key{color:var(--color-text-muted);flex-shrink:0;min-width:110px}.oauth-info-val{color:var(--color-text);font-weight:500}.oauth-token-actions{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.oauth-token-box{background:var(--color-surface-2);border-radius:8px;padding:10px}.oauth-action-row{flex-wrap:wrap;gap:8px;display:flex}.oauth-empty-text{color:var(--color-text-muted);font-size:12px}.oauth-toast{z-index:9999;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;animation:.25s oauth-fadein;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 30px #0006}.oauth-toast-success{color:#000;background:#00d4aa}.oauth-toast-error{color:#fff;background:#ef4444}.oauth-confirm-banner{z-index:9998;background:var(--color-surface);color:var(--color-text);white-space:nowrap;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}@keyframes oauth-spin{to{transform:rotate(360deg)}}@keyframes oauth-fadein{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes oauth-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.oauth-spin{animation:.7s linear infinite oauth-spin}@media (max-width:768px){.oauth-grid{grid-template-columns:1fr}.oauth-drawer{width:100%}.oa-toolbar{flex-wrap:wrap;gap:6px;padding:8px}.oa-toolbar-stats{gap:3px}.oa-stat-chip{padding:3px 6px}.oa-stat-chip span{font-size:11px}.oa-search-input{width:100px}.oa-search-input:focus{width:130px}.oa-toolbar-btn span{display:none}.oa-toolbar-btn{padding:5px 8px}}.oauth-card-wrap{position:relative}.oauth-card-check{z-index:2;cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary);position:absolute;top:12px;left:12px}.oauth-trash-wrap{padding:16px}.oauth-trash-hdr{align-items:center;gap:10px;margin-bottom:14px;display:flex}.oauth-trash-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:all .12s;display:flex}.oauth-trash-row:hover{border-color:var(--color-border-hover)}.oauth-trash-avatar{background:var(--color-surface-2);width:36px;height:36px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.oauth-trash-info{flex:1;min-width:0}.oauth-trash-name{color:var(--color-text);font-size:13px;font-weight:600}.oauth-trash-email{color:var(--color-text-muted);font-size:11px}.oauth-trash-date{color:var(--color-text-muted);margin-top:2px;font-size:10px}.oauth-trash-actions{flex-shrink:0;gap:6px;display:flex}.exp-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.exp-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;display:flex}.exp-title{color:var(--color-text);align-items:center;gap:7px;margin-right:auto;font-size:14px;font-weight:700;display:flex}.exp-account-select{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;outline:none;min-width:240px;padding:7px 12px;font-size:12px}.exp-empty{color:var(--color-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:60px;display:flex}.exp-layout{flex:1;display:flex;overflow:hidden}.exp-tabs{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;width:130px;min-width:120px;padding:8px 0;display:flex;overflow-y:auto}.exp-tab{color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-right:2px solid #0000;align-items:center;gap:7px;padding:9px 14px;font-size:12px;transition:all .12s;display:flex;position:relative}.exp-tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.exp-tab.active{color:var(--tab-color,var(--color-primary));background:var(--color-surface-hover);border-right-color:var(--tab-color,var(--color-primary));font-weight:600}.exp-tab.locked{opacity:.5}.exp-lock{margin-left:auto}.exp-content{flex:1;padding:16px 20px;overflow-y:auto}.exp-loading{color:var(--color-text-muted);align-items:center;gap:8px;padding:30px;display:flex}.exp-error{color:#ef4444;background:#ef44441a;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.exp-grant-wrap{color:var(--color-text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px;display:flex}.exp-core{align-items:flex-start;gap:16px;display:flex}.exp-avatar-img{border-radius:50%;width:72px;height:72px}.exp-core-info{flex-direction:column;gap:4px;display:flex}.exp-core-name{color:var(--color-text);font-size:18px;font-weight:700}.exp-core-email{color:var(--color-text-muted);font-size:13px}.exp-core-id,.exp-core-locale{color:var(--color-text-muted);font-size:11px}.exp-core-verified{margin-top:4px;font-size:12px;font-weight:600}.exp-stats-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.exp-stat-card{background:var(--color-surface-2);border:1px solid var(--color-border);text-align:center;border-radius:10px;padding:14px 12px}.exp-stat-val{color:var(--color-text);font-size:20px;font-weight:700;display:block}.exp-stat-lbl{color:var(--color-text-muted);margin-top:2px;font-size:10px;display:block}.exp-full-row{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:10px;grid-column:1/-1;padding:10px 12px}.exp-code{font-family:var(--font-mono);color:var(--color-primary);word-break:break-all;font-size:11px}.exp-drive{flex-direction:column;gap:12px;display:flex}.exp-tier-badge{border:1px solid;border-radius:99px;align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.exp-storage-bar-wrap{flex-direction:column;gap:5px;display:flex}.exp-storage-bar-track{background:var(--color-surface-2);border-radius:4px;height:8px;overflow:hidden}.exp-storage-bar-fill{border-radius:4px;height:100%;transition:width .4s}.exp-storage-text{color:var(--color-text-muted);font-size:11px}.exp-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:4px 0;font-size:11px;font-weight:700}.exp-file-list{flex-direction:column;gap:4px;display:flex}.exp-file-row{background:var(--color-surface-2);border-radius:7px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.exp-file-icon{flex-shrink:0;font-size:14px}.exp-file-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.exp-file-size,.exp-file-date{color:var(--color-text-muted);flex-shrink:0;font-size:10px}.exp-calendar{flex-direction:column;gap:8px;display:flex}.exp-event-row{background:var(--color-surface-2);border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.exp-event-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.exp-event-name{color:var(--color-text);font-size:13px;font-weight:600}.exp-event-time{color:var(--color-text-muted);margin-top:2px;font-size:11px}.exp-empty-msg{color:var(--color-text-muted);padding:16px 0;font-size:13px}.exp-json{font-family:var(--font-mono);color:var(--color-text-muted);white-space:pre-wrap;word-break:break-all;background:var(--color-surface-2);border-radius:8px;padding:12px;font-size:11px;overflow-x:auto}@media (max-width:768px){.exp-layout{flex-direction:column}.exp-tabs{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;width:100%;overflow-x:auto}.exp-tab{border-bottom:2px solid #0000;border-right:none;padding:8px 12px}.exp-tab.active{border-bottom-color:var(--tab-color,var(--color-primary));border-right-color:#0000}}.icon-primary{color:var(--color-primary)}.icon-warning{color:var(--color-warning)}.icon-muted{opacity:.5;color:var(--color-text-muted)}.folder-icon{margin-left:8px;margin-right:8px}.folder-name{flex:1}.folder-count{opacity:.5;margin-right:8px;font-size:10px}.filter-dropdown-header{cursor:pointer;border-bottom:1px solid var(--color-border);align-items:center;margin-bottom:4px;padding-bottom:6px;font-weight:600;display:flex}.filter-dropdown-footer{border-top:1px solid var(--color-border);margin-top:4px;padding:6px 4px 0}.folder-edit-row,.folder-add-row{flex:1;align-items:center;gap:4px;display:flex}.folder-edit-input{background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-text);border-radius:4px;outline:none;flex:1;padding:2px 6px;font-size:12px}.folder-add-row .folder-edit-input{padding:4px 8px}.folder-actions{gap:2px;display:flex}.icon-btn{opacity:.5;padding:4px}.icon-btn:hover{opacity:1}.filter-dropdown-add-btn{width:100%;color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px;display:flex}.filter-dropdown-add-btn:hover{opacity:.8}.oa-toolbar-flat-bottom{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.oa-bulk-clear{width:24px;height:24px}.oa-bulk-move-btn{border:1px solid var(--color-border);background:var(--color-surface);height:26px;padding:0 8px}.bulk-label{font-size:.75rem;font-weight:500}.bulk-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;min-width:160px;box-shadow:0 16px 40px #0006,0 0 0 1px #ffffff0a}.success-btn{color:#10b981;border-color:#10b9814d}.danger-btn{color:#ef4444;border-color:#ef44444d}.oa-empty-icon{opacity:.3;font-size:48px;animation:3s ease-in-out infinite floating}.oa-empty-title{color:var(--color-text);font-size:18px;font-weight:700}.oa-empty-desc{color:var(--color-text-muted);max-width:420px;font-size:13px;line-height:1.6}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oauth-table-row{content-visibility:auto;contain-intrinsic-size:0 60px}@media (prefers-reduced-motion:no-preference){.oauth-table-row{animation:.18s forwards rowIn}@keyframes rowIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.oauth-card-wrap{animation:.2s forwards cardIn}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vault-drawer-slide{animation:.25s cubic-bezier(.16,1,.3,1) slideInRight}}:focus-visible{outline-offset:2px;outline:2px solid #f7931a}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.oauth-status-badge{opacity:1;border:1px solid}.vault-drawer-action-btn{min-width:36px;min-height:36px}