:root{--vault-ink:#06111b;--vault-panel:rgba(9,25,39,.84);--vault-line:rgba(190,229,239,.14);--vault-text:#f4fbfd;--vault-muted:rgba(232,247,250,.64);--vault-accent:#8bd5e6;--vault-accent2:#b7ecf7}*{box-sizing:border-box}.vault-body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(81,169,194,.2),transparent 28%),radial-gradient(circle at 90% 20%,rgba(87,111,190,.12),transparent 30%),linear-gradient(180deg,#06111b,#02080d);color:var(--vault-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.vault-shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:34px 0 70px}.vault-card,.vault-dashboard{border:1px solid var(--vault-line);background:var(--vault-panel);backdrop-filter:blur(24px);box-shadow:0 30px 100px rgba(0,0,0,.38);border-radius:30px}.login-card{max-width:600px;margin:8vh auto 0;padding:56px}.vault-mark,.mini-mark,.section-symbol,.stat-icon{display:grid;place-items:center}.vault-mark{width:58px;height:58px;border:1px solid rgba(219,247,253,.42);border-radius:18px;font-size:27px;margin-bottom:30px;background:rgba(139,213,230,.08)}.vault-kicker{font-size:.68rem;letter-spacing:.22em;font-weight:850;color:var(--vault-accent);margin:0 0 10px}.vault-card h1,.vault-header h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,7vw,5rem);line-height:.95;margin:0 0 18px;letter-spacing:.015em}.vault-lead,.vault-header p{color:var(--vault-muted);line-height:1.7}.login-card form{margin-top:34px}.login-card label{display:block;font-size:.8rem;font-weight:750;margin-bottom:9px;color:rgba(255,255,255,.82)}.password-row{display:flex;gap:10px}.password-row input{flex:1;min-width:0}.vault-body input,.vault-body textarea{font:inherit;color:#f4fbfd;background:rgba(0,0,0,.22);border:1px solid var(--vault-line);outline:none;border-radius:15px}.vault-body input{height:52px;padding:0 15px}.vault-body input:focus,.vault-body textarea:focus{border-color:rgba(139,213,230,.6);box-shadow:0 0 0 3px rgba(139,213,230,.08)}.vault-button{border:1px solid rgba(220,247,252,.25);background:#eefbfd;color:#07131d;border-radius:13px;min-height:44px;padding:0 18px;font:inherit;font-weight:800;cursor:pointer;transition:.18s ease}.vault-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.vault-button.ghost{background:rgba(255,255,255,.05);color:#fff}.vault-button.danger{background:rgba(255,90,90,.07);border-color:rgba(255,120,120,.2);color:#ffdada}.vault-button.save-main{padding:0 22px}.vault-error{min-height:20px;color:#ffb7b7;font-size:.82rem;margin:10px 0 0}.vault-dashboard{padding:28px}.vault-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 8px 26px}.brand-row{display:flex;gap:16px;align-items:center}.mini-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,rgba(139,213,230,.22),rgba(139,213,230,.05));border:1px solid var(--vault-line);color:var(--vault-accent2);font-size:20px}.vault-header h1{font-size:clamp(2.4rem,6vw,4rem);margin:0 0 7px}.vault-header p{margin:0}.vault-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stat-card{display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid var(--vault-line);background:rgba(255,255,255,.035);border-radius:18px}.stat-icon{width:42px;height:42px;border-radius:13px;background:rgba(139,213,230,.09);color:var(--vault-accent);font-size:18px}.stat-card strong{display:block;font-size:1.05rem;letter-spacing:.02em}.stat-card div span{display:block;color:var(--vault-muted);font-size:.73rem;margin-top:2px}.online-card .stat-icon{color:#8bd5a5;background:rgba(89,190,125,.08)}.vault-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:14px}.vault-sidebar{border:1px solid var(--vault-line);border-radius:22px;padding:11px;background:rgba(0,0,0,.12);display:flex;flex-direction:column;gap:4px}.side-heading{font-size:.65rem;letter-spacing:.2em;font-weight:850;color:rgba(232,247,250,.4);padding:10px 12px 8px}.vault-tab{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--vault-muted);text-align:left;border-radius:14px;padding:11px 12px;font:inherit;cursor:pointer;transition:.16s ease}.vault-tab>span{width:28px;text-align:center;color:rgba(232,247,250,.45);font-size:16px}.vault-tab div{min-width:0}.vault-tab b{display:block;color:inherit;font-size:.82rem}.vault-tab small{display:block;color:rgba(232,247,250,.38);font-size:.67rem;margin-top:2px}.vault-tab:hover{background:rgba(255,255,255,.045);color:#fff}.vault-tab.active{background:linear-gradient(90deg,rgba(139,213,230,.14),rgba(139,213,230,.04));color:#e9fbff;box-shadow:inset 2px 0 var(--vault-accent)}.vault-tab.active>span{color:var(--vault-accent)}.side-footer{margin-top:auto;border-top:1px solid var(--vault-line);padding:15px 12px 6px;color:rgba(232,247,250,.58);font-size:.7rem;line-height:1.7}.side-footer span{color:rgba(232,247,250,.32)}.vault-editor{min-width:0;border:1px solid var(--vault-line);border-radius:22px;padding:20px;background:rgba(0,0,0,.12)}.editor-card-head{display:flex;align-items:center;gap:14px;padding:2px 2px 15px}.section-symbol{width:48px;height:48px;border-radius:15px;background:rgba(139,213,230,.1);border:1px solid rgba(139,213,230,.16);color:var(--vault-accent);font-size:20px;flex:none}.section-heading{min-width:0;flex:1}.section-heading h2{margin:0;font-size:1.35rem}.section-heading p:last-child{margin:4px 0 0;color:var(--vault-muted);font-size:.78rem}.save-state{font-size:.7rem;color:var(--vault-muted);font-weight:700;white-space:nowrap}.save-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8bd5a5;box-shadow:0 0 9px rgba(139,213,165,.7);margin-right:6px}.editor-toolbar{height:42px;border:1px solid var(--vault-line);border-bottom:0;border-radius:14px 14px 0 0;background:rgba(255,255,255,.025);display:flex;align-items:center;gap:8px;padding:0 10px}.tool-chip{border:1px solid var(--vault-line);border-radius:8px;background:rgba(255,255,255,.035);color:var(--vault-muted);padding:5px 9px;font-size:.68rem}.toolbar-note{margin-left:auto;color:rgba(232,247,250,.3);font-size:.66rem}.vault-editor textarea{display:block;width:100%;min-height:510px;resize:vertical;padding:20px;line-height:1.75;border-radius:0 0 14px 14px;background:rgba(2,10,16,.55)}.editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.word-count{color:rgba(232,247,250,.35);font-size:.68rem}.editor-actions{display:flex;gap:9px}.vault-warning{font-size:.68rem;line-height:1.55;color:rgba(232,247,250,.35);margin:13px 2px 0}.vault-dashboard[hidden],#loginView[hidden]{display:none}@media(max-width:820px){.vault-shell{width:min(100% - 18px,1280px);padding-top:18px}.login-card{padding:32px 22px;margin-top:3vh}.password-row{flex-direction:column}.password-row .vault-button{width:100%}.vault-dashboard{padding:15px}.vault-header{align-items:flex-start}.vault-layout{grid-template-columns:1fr}.vault-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.side-heading{grid-column:1/-1}.side-footer{display:none}.vault-stats{grid-template-columns:1fr}.vault-editor textarea{min-height:430px}}@media(max-width:520px){.vault-header{flex-direction:column}.vault-header>.vault-button{width:100%}.editor-card-head{align-items:flex-start}.save-state{margin-left:auto}.editor-bottom{align-items:stretch;flex-direction:column}.editor-actions{width:100%}.editor-actions .vault-button{flex:1}.toolbar-note{display:none}}
