:root{--bg-primary:#0a0c10;--bg-secondary:#12161f;--bg-tertiary:#1a202c;--bg-surface:#161c26b3;--bg-glass:#121824a6;--bg-glass-hover:#1c2434bf;--bg-glass-active:#242e42d9;--accent-cyan:#00f2fe;--accent-blue:#4facfe;--accent-violet:#7f53ac;--accent-purple:#647eee;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--grad-cyan-blue:linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--grad-violet-purple:linear-gradient(135deg, #7f53ac 0%, #647eee 100%);--grad-amber-rose:linear-gradient(135deg, #f59e0b 0%, #f43f5e 100%);--grad-emerald-teal:linear-gradient(135deg, #10b981 0%, #14b8a6 100%);--grad-dark-glass:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#38bdf8;--border-subtle:#ffffff14;--border-medium:#ffffff26;--border-glow:#00f2fe4d;--shadow-sm:0 2px 8px #0000004d;--shadow-lg:0 12px 32px #00000080;--glow-cyan:0 0 20px #00f2fe40;--glow-violet:0 0 20px #7f53ac4d;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-width:260px;--header-height:70px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--backdrop-blur:blur(16px);--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow-x:hidden}body{background-image:radial-gradient(circle at 15% 20%,#00f2fe0d 0%,#0000 40%),radial-gradient(circle at 85% 80%,#7f53ac0f 0%,#0000 45%);background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0c1080}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700}code,pre,.font-mono{font-family:var(--font-mono)}a{color:var(--accent-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-cyan)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.glass-panel:hover{border-color:var(--border-medium)}.glass-card-interactive{cursor:pointer}.glass-card-interactive:hover{border-color:var(--border-glow);box-shadow:var(--glow-cyan), var(--shadow-lg);transform:translateY(-2px)}.glass-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#0a0e1699;outline:none;padding:10px 14px;font-size:.9rem}.glass-input:focus{border-color:var(--accent-cyan);background:#0e141ed9;box-shadow:0 0 0 3px #00f2fe26}.glass-input::placeholder{color:var(--text-muted)}.btn-primary{background:var(--grad-cyan-blue);color:#050a14;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #00f2fe40}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #00f2fe66}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--border-medium);color:#fff;background:#ffffff1a}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-cyan{color:var(--accent-cyan);background:#00f2fe1f;border:1px solid #00f2fe40}.badge-violet{color:#c084fc;background:#7f53ac26;border:1px solid #7f53ac4d}.badge-emerald{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b98140}.badge-amber{color:var(--accent-amber);background:#f59e0b1f;border:1px solid #f59e0b40}.badge-rose{color:var(--accent-rose);background:#f43f5e1f;border:1px solid #f43f5e40}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #00f2fe33}50%{box-shadow:0 0 25px #00f2fe80}}.animate-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#04060abf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.app-shell{background:var(--bg-primary);min-height:100vh}.main-content{min-width:0;min-height:100vh;margin-left:var(--sidebar-width);padding-top:calc(var(--header-height) + 24px);padding-bottom:40px;padding-left:28px;padding-right:28px}.page-content{min-width:0}.app-sidebar{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.sidebar-overlay{display:none}.app-header{height:var(--header-height);top:0;left:var(--sidebar-width);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-subtle);z-index:90;background:#0a0e16d9;justify-content:space-between;align-items:center;gap:18px;padding:0 28px;display:flex;position:fixed;right:0}.header-left{align-items:center;gap:10px;min-width:0;display:flex}.header-title-wrap{min-width:0}.header-title-wrap h1{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:700;overflow:hidden}.header-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.mobile-menu-button{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;flex:none;justify-content:center;align-items:center;display:none}.header-search{cursor:pointer;background:#12182499;flex:300px;align-items:center;gap:10px;min-width:180px;max-width:360px;padding:8px 14px;display:flex}.header-search-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-muted);flex:1;font-size:.84rem;overflow:hidden}.header-shortcut{color:var(--text-secondary);background:#ffffff14;border-radius:4px;flex:none;align-items:center;gap:3px;padding:2px 6px;font-size:.7rem;display:flex}.header-actions{flex:none;align-items:center;gap:10px;min-width:0;display:flex}.header-user-email{text-transform:none;max-width:190px;padding:5px 10px;font-size:.75rem}.header-user-email span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-backup,.header-new-entry{white-space:nowrap;padding:8px 12px;font-size:.8rem}.header-security{white-space:nowrap;padding:6px 12px}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.filter-pill{border-radius:var(--radius-md);color:var(--accent-cyan);background:#00f2fe14;border:1px solid #00f2fe40;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:10px 16px;font-size:.85rem;display:flex}.filter-count{color:var(--text-muted);font-size:.8rem}.empty-state{text-align:center;max-width:480px;margin:40px auto;padding:60px 20px}.empty-state-icon{background:#ffffff0a;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex}.empty-state h3{color:#fff;margin-bottom:8px;font-size:1.2rem}.empty-state p{color:var(--text-muted);margin-bottom:24px;font-size:.85rem}.vault-card,.vault-card *{min-width:0}.vault-card h3,.vault-card a,.vault-card span,.vault-card code,.vault-card pre{overflow-wrap:anywhere;word-break:break-word}.vault-card pre{white-space:pre-wrap}.modal-form-panel,.auth-modal-panel,.command-palette-panel{width:100%;max-height:calc(100vh - 40px)}.modal-category-tabs{gap:8px;margin-bottom:20px;display:flex}.modal-category-tabs>button{min-width:0}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.graph-panel{height:calc(100vh - 120px);min-height:0}.graph-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.graph-heading{align-items:center;gap:10px;min-width:0;display:flex}.graph-heading>div{min-width:0}.graph-heading h2{color:#fff;font-size:1.1rem}.graph-heading p{color:var(--text-muted);font-size:.75rem}.graph-legend{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.graph-canvas{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#080b10e6;flex:1;min-height:280px;position:relative;overflow:hidden}.graph-canvas svg{touch-action:none;width:100%;height:100%;display:block}.security-banner{justify-content:space-between;align-items:center;gap:20px;display:flex}.security-banner-content{align-items:center;gap:20px;min-width:0;display:flex}.security-banner-copy{min-width:0}.security-banner-copy h2,.security-banner-copy p{overflow-wrap:anywhere}.security-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.audit-row,.audit-row>span:first-child,.audit-row>div:first-child{min-width:0}@media (width<=1200px){.app-header{gap:12px;padding:0 20px}.header-search{max-width:300px}.header-user-email{max-width:150px}.main-content{padding-left:20px;padding-right:20px}}@media (width<=1000px){.header-user-email,.header-security{display:none}.header-search{max-width:300px}}@media (width<=900px){.app-sidebar{box-shadow:none;transition:transform var(--transition-normal), box-shadow var(--transition-normal);transform:translate(-105%)}.app-sidebar.is-open{transform:translate(0);box-shadow:12px 0 40px #0000008c}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);z-index:99;cursor:pointer;background:#0000008c;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.main-content{padding-top:calc(var(--header-height) + 20px);margin-left:0}.app-header{padding:0 16px;left:0}.mobile-menu-button{display:inline-flex}.header-title-wrap h1{font-size:1.05rem}.header-subtitle{font-size:.7rem}.header-search{flex:0 260px}.graph-panel{height:calc(100vh - 110px);padding:18px!important}.graph-header{flex-direction:column;align-items:flex-start}.graph-legend{justify-content:flex-start}.security-banner{flex-direction:column;align-items:flex-start}.security-banner-content{align-items:flex-start}}@media (width<=700px){.main-content{padding-bottom:24px;padding-left:14px;padding-right:14px}.app-header{gap:8px;height:64px;padding:0 12px}.mobile-menu-button{width:36px;height:36px}.header-title-wrap h1{font-size:.94rem}.header-subtitle{display:none}.header-search{flex:0 0 42px;justify-content:center;width:42px;min-width:42px;height:40px;padding:8px}.header-search-text,.header-shortcut{display:none}.header-actions{gap:6px}.header-backup span,.header-new-entry span{display:none}.header-backup,.header-new-entry{width:40px;height:40px;padding:8px}.main-content{padding-top:84px}.vault-grid{grid-template-columns:1fr;gap:14px}.filter-pill{padding:10px 12px}.empty-state{margin:24px auto;padding:42px 16px}.graph-panel{height:calc(100vh - 100px);padding:14px!important}.graph-heading{align-items:flex-start}.graph-heading h2{font-size:.98rem}.graph-heading p{line-height:1.45}.graph-canvas{min-height:360px}.security-banner{padding:18px!important}.security-banner-content{flex-direction:column;gap:12px}.security-banner-content>div:first-child{border-radius:16px!important;width:54px!important;height:54px!important}.security-banner-content>div:first-child svg{width:28px;height:28px}.security-banner-copy h2{font-size:1.05rem!important}.security-grid{grid-template-columns:1fr;gap:14px}.modal-overlay{align-items:flex-start;padding:12px;overflow-y:auto}.modal-form-panel,.auth-modal-panel,.command-palette-panel{max-height:calc(100vh - 24px)!important}.modal-category-tabs{flex-wrap:wrap}.modal-category-tabs>button{flex:calc(50% - 4px)!important}.modal-actions{flex-direction:column-reverse}.modal-actions>button{width:100%}}@media (width<=480px){.app-sidebar{width:min(var(--sidebar-width), 86vw)!important}.header-title-wrap{max-width:145px}.header-title-wrap h1{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.glass-panel{border-radius:14px}.vault-card{padding:16px!important}.vault-card-header{gap:8px}.vault-card-actions{flex-shrink:0}.vault-card .btn-secondary{min-height:32px}.modal-overlay{padding:8px}.auth-modal-panel,.modal-form-panel,.command-palette-panel{border-radius:14px;padding:18px!important}.vault-card-data-row,.vault-card-secret-row{flex-wrap:wrap;gap:6px;align-items:flex-start!important}.vault-card-secret-row>div{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.vault-card-service-url a{max-width:100%}}