*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#182338;font:14px Inter,Segoe UI,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.sidebar{background:#111d35;color:#fff;padding:25px 17px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 30px}.brandmark{width:40px;height:40px;background:#2e61df;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:20px}.brand b{display:block;font-size:14px}.brand small{display:block;color:#9ba9c2;font-size:9px;letter-spacing:1px;margin-top:3px}.navcaption,.kicker{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#8c9ab2;margin:0 10px 10px}.navitem{display:flex;align-items:center;gap:12px;color:#c2cde0;background:transparent;padding:11px 12px;border-radius:9px;text-align:left;margin:2px 0;width:100%}.navitem.selected,.navitem:hover{background:#23385f;color:#fff}.sidebottom{margin-top:auto;border-top:1px solid #2c3a54;padding:17px 7px 0;color:#9eabc0;font-size:11px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.useremail{width:100%;overflow-wrap:anywhere;color:#d8e0ed}.logout{background:transparent;color:#d8e0ed;padding:7px 0;display:flex;gap:8px;align-items:center}.main{padding:32px;max-width:1500px;width:100%;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.header h1{font-size:26px;margin:5px 0}.header p{margin:0;color:#7b879b}.primary{background:#2859d7;color:#fff;padding:10px 15px;border-radius:9px;font-weight:650;display:inline-flex;align-items:center;gap:8px}.primary:disabled{opacity:.6}.secondary{background:#edf1f7;color:#36445d;padding:9px 12px;border-radius:9px;display:inline-flex;align-items:center;gap:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.stat,.panel{background:#fff;border:1px solid #e6eaf1;border-radius:14px;padding:18px}.stat span{color:#7c879a;font-size:12px}.stat strong{display:block;font-size:28px;margin-top:5px}.panel{margin-bottom:16px}.paneltitle{font-weight:750;font-size:15px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.quickgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.quick{border:1px solid #e7ebf2;background:#f8faff;border-radius:11px;padding:17px;display:flex;align-items:center;gap:10px;color:#30405b}.quick svg{color:#2859d7}.search{display:flex;align-items:center;gap:8px;border:1px solid #e2e7ef;border-radius:9px;padding:0 10px;margin:12px 0 16px;color:#8792a5}.search input{border:0;outline:0;padding:11px 0;flex:1;min-width:0}.records{display:grid;gap:10px}.record{border:1px solid #e8ecf2;border-radius:11px;padding:13px;display:flex;justify-content:space-between;gap:15px}.recordbody{min-width:0;flex:1}.recordtop{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.recordtop b{font-size:13px}.pill,.tags span{font-size:10px;color:#63718a;background:#f0f3f8;border-radius:20px;padding:4px 8px}.record p{font-size:12px;color:#7a879b;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.tags{display:flex;gap:5px;flex-wrap:wrap}.recordactions{display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap}.recordactions button{background:#f0f3f8;color:#526078;border-radius:7px;padding:7px;font-size:11px;display:flex;align-items:center;gap:4px}.recordactions button:hover{background:#e2e9f7}.record pre{background:#14213a;color:#e2eaff;padding:12px;border-radius:8px;white-space:pre-wrap;overflow:auto}.empty{padding:30px;text-align:center;color:#8490a3;border:1px dashed #d9e0eb;border-radius:10px}.empty.large{background:#fff;margin:50px auto;max-width:620px;padding:42px}.empty h2{color:#23314a}.empty p{line-height:1.6}.authwrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#eef2fa,#f8faff)}.authcard{background:#fff;padding:32px;border:1px solid #e5eaf2;border-radius:18px;width:min(430px,100%);box-shadow:0 18px 55px #1c315010}.authbrand{padding:0 0 25px}.authcard h1{font-size:23px;margin:0 0 7px}.authcard p{color:#7d899c;margin:0 0 22px}.authcard form,.editor{display:grid;gap:14px}.authcard label,.editor label{display:grid;gap:6px;font-size:12px;font-weight:650;color:#48566d}.authcard input,.editor input,.editor select,.editor textarea{width:100%;border:1px solid #dce3ed;border-radius:9px;padding:11px;color:#1d2b43;outline:none;background:#fff}.full{width:100%;justify-content:center;margin-top:5px}.textbutton{background:transparent;color:#2859d7;margin-top:17px;padding:5px}.secure{display:block;color:#929daf;margin-top:18px;line-height:1.5}.error{background:#fff0f0;color:#b83f3f;border:1px solid #ffd6d6;padding:11px;border-radius:9px;margin:12px 0;font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1b3380;display:grid;place-items:center;padding:16px;z-index:10}.editor{background:#fff;width:min(600px,100%);max-height:92vh;overflow:auto;padding:23px;border-radius:15px}.edithead{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.edithead h2{font-size:18px;margin:0}.edithead button{background:#f0f3f8;padding:7px;border-radius:8px}.editor textarea{resize:vertical}.editbuttons{display:flex;justify-content:flex-end;gap:8px}.menubtn{display:none;background:#eef2f8;border-radius:8px;padding:8px}.kicker{margin:0;color:#315ed0}.quick:focus,.navitem:focus{outline:2px solid #7294ed}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:8;left:-270px;top:0;width:255px;transition:left .2s}.sidebar.show{left:0}.main{padding:20px 15px}.menubtn{display:block}.header{align-items:flex-start}.header>div{flex:1}.stats,.quickgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.header{flex-wrap:wrap}.header .primary{margin-left:auto}.record{flex-direction:column}.recordactions{justify-content:flex-end}.quickgrid{grid-template-columns:1fr}.stat{padding:13px}.stat strong{font-size:23px}}.navcount{margin-left:auto;background:#dbe7ff;color:#234da9;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:800}.muted{color:#7b879b;font-size:12px;margin:6px 0 0}.successnote{background:#ecfdf3;border:1px solid #b9ebca;color:#176b3a;padding:12px 14px;border-radius:9px;margin:12px 0;display:flex;justify-content:space-between;gap:12px}.successnote button{background:transparent;color:inherit;text-decoration:underline}.header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:1px solid #dce3ed;border-radius:9px;background:#fff;color:#34445e;font-weight:650;font-size:12px}.theme-toggle:hover{background:#f3f6fb}.auth-theme-toggle{margin:0 0 20px auto;display:flex}.dark-theme{background:#0b1220!important;color:#e6edf7!important}.dark-theme .main{background:#0b1220}.dark-theme .header h1,.dark-theme .paneltitle,.dark-theme .empty h2,.dark-theme .recordtop b,.dark-theme .edithead h2{color:#e6edf7}.dark-theme .header p,.dark-theme .muted,.dark-theme .record p{color:#9aa9bf}.dark-theme .stat,.dark-theme .panel,.dark-theme .empty.large,.dark-theme .authcard,.dark-theme .editor{background:#151f30;border-color:#29364b;color:#e6edf7}.dark-theme .stat span{color:#a6b4c8}.dark-theme .stat strong{color:#f4f7fc}.dark-theme .quick{background:#1b2940;border-color:#30415d;color:#dbe6f5}.dark-theme .search{background:#111c2d;border-color:#30405a;color:#a8b6ca}.dark-theme .search input{background:transparent;color:#e6edf7}.dark-theme .record{background:#121d2e;border-color:#2a3950}.dark-theme .pill,.dark-theme .tags span{background:#26354c;color:#c0cde0}.dark-theme .recordactions button,.dark-theme .secondary,.dark-theme .edithead button,.dark-theme .menubtn{background:#26354c;color:#dce6f5}.dark-theme .recordactions button:hover{background:#344966}.dark-theme .empty{border-color:#34445c;color:#a1afc3}.dark-theme .authwrap{background:radial-gradient(ellipse at top,#1b2c49,#0b1220 70%)}.dark-theme .authcard h1{color:#edf3fc}.dark-theme .authcard p,.dark-theme .secure{color:#a3b1c5}.dark-theme .authcard label,.dark-theme .editor label{color:#c4d0e1}.dark-theme .authcard input,.dark-theme .editor input,.dark-theme .editor select,.dark-theme .editor textarea{background:#0e1828;border-color:#34445c;color:#e6edf7}.dark-theme .authcard input::placeholder,.dark-theme .editor input::placeholder{color:#75869f}.dark-theme .theme-toggle{background:#1b2940;border-color:#34445c;color:#e1eaf7}.dark-theme .theme-toggle:hover{background:#263852}.dark-theme .successnote{background:#123326;border-color:#225b43;color:#a9e7c3}.dark-theme .error{background:#3a2027;border-color:#63313c;color:#ffc4ca}.dark-theme .overlay{background:#020712c9}.dark-theme .record pre{background:#080f1b;color:#dce8fa}@media(max-width:520px){.header-actions{width:100%;justify-content:flex-end}.theme-toggle span{display:inline}}