:root{color-scheme:dark;--bg:#0a0715;--panel:#171124;--line:#544066;--text:#f7effe;--muted:#afa0bc;--orange:#ff9208;--pink:#c954f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6}h1,h2,h3{line-height:1.18;letter-spacing:-.03em}h1{font-size:28px}h2{font-size:21px}h3{font-size:17px}p{color:var(--muted)}img{max-width:100%}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;flex:0 0 260px;padding:26px 15px;display:flex;flex-direction:column;background:#150e25;border-right:1px solid #422e57}.sidebar .logo{width:195px;margin:0 10px 30px}.sidebar-label,.top-eyebrow,.eyebrow{font-size:10px;letter-spacing:.18em;color:#c28be9;font-weight:800}.sidebar-label{margin:0 12px 15px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:12px 13px;border-radius:11px;color:#c9bdd6;font-size:13px;font-weight:700;transition:.2s}.sidebar nav a:hover,.sidebar nav a.selected{background:#3c2555;color:white}.sidebar nav a.selected{box-shadow:inset 3px 0 var(--orange)}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #493757;display:flex;flex-direction:column;gap:12px}.sidebar-bottom a{color:#c9a4e4;font-weight:800}.sidebar-bottom button{background:none;border:0;color:#f5aca9;padding:0}.main{flex:1;max-width:1270px;width:calc(100% - 260px);padding:36px clamp(20px,3.3vw,55px) 60px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.topbar h1{margin:5px 0}.pill{border:1px solid #714d91;border-radius:24px;color:#e3c6fa;padding:10px 17px;font-size:12px}.panel,.record,.stats>div{background:#171125;border:1px solid #423153;border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:0 9px 22px #0002}.panel h2{margin-top:0}.panel p{max-width:850px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats>div{display:flex;flex-direction:column;gap:5px}.stats span{color:#b5a8c5}.stats strong{font-size:37px;color:var(--orange)}.quick-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.quick-links a,.btn-inline{padding:10px 15px;background:#352042;border-radius:10px;color:#efc8ff;font-weight:750;font-size:12px}.record{padding:0;overflow:hidden}.record summary{cursor:pointer;display:flex;align-items:center;gap:18px;padding:16px 21px;list-style:none;justify-content:space-between}.record summary::-webkit-details-marker{display:none}.record summary img{width:95px;height:61px;object-fit:cover;border-radius:10px;background:#251a37}.record summary div{flex:1;display:flex;flex-direction:column;gap:5px}.record summary strong{font-size:15px}.record summary span{font-size:12px;color:#bdaccb}.record-body{padding:23px;border-top:1px solid #493658}.record form:not(.delete-form){display:flex;flex-direction:column;gap:12px;align-items:flex-start}.record form label,.panel form label,.auth-box form label{display:flex;flex-direction:column;font-size:12px;font-weight:750;gap:7px;flex:1;width:100%;color:#e7dcf1}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.record input:not([type=checkbox]),.record select,.record textarea,.panel input:not([type=checkbox]),.panel select,.panel textarea,.auth-box input{display:block;width:100%;color:#fff;background:#0b0918;border:1px solid #58436c;padding:10px 12px;min-height:43px;border-radius:10px;outline:none}.record textarea,.panel textarea{min-height:100px}.record input:focus,.panel input:focus,.auth-box input:focus{border-color:#da8bff}.record label.tick,.panel label.tick{display:flex;flex-direction:row;align-items:center;gap:8px;width:auto;cursor:pointer}.record .tick input,.panel .tick input{width:17px;height:17px;accent-color:#ff8b00}.ticks{display:flex;gap:20px;flex-wrap:wrap}.primary{background:linear-gradient(110deg,#ff7a05,#ffab15);color:#200f08;border:0;border-radius:10px;min-height:42px;padding:10px 18px;font-weight:900}.primary:hover{filter:brightness(1.13)}.record-actions{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap}.record-actions form{display:inline}.record-actions button,.delete-form button{background:#291c3b;color:#dfc6f0;border:1px solid #604670;border-radius:10px;padding:8px 12px;font-size:12px}.delete-form{margin-top:11px}.record-actions .danger,.delete-form .danger{color:#ffb6ba;border-color:#81505d}.add-record{border-color:#9162b7;margin-top:25px}.add-record summary{background:#30203f}.alert{padding:13px 16px;border-radius:11px;margin-bottom:20px;font-size:13px}.alert.success{color:#c4ffd2;background:#174c32;border:1px solid #3c8d5f}.alert.error{color:#ffcece;background:#59252d;border:1px solid #ad525d}.muted{font-size:12px!important}.settings-form{display:flex;flex-direction:column;gap:14px}.settings-form h3{color:#efb369;margin:17px 0 0}.settings-form .two{align-items:end}.request-copy{white-space:normal;padding:15px;border:1px solid #544067;border-radius:11px;background:#0c0917}.no-records{padding:20px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 80% 10%,#40216d79,transparent 60%),#080615}.auth-box{width:min(450px,100%);background:#171125;border:1px solid #62467e;border-radius:22px;padding:35px;box-shadow:0 20px 60px #0007}.auth-logo{width:250px;margin:0 0 24px}.auth-box h1{font-size:27px;margin:9px 0}.auth-box p{font-size:13px}.auth-box form{display:flex;flex-direction:column;gap:17px;margin:24px 0}.auth-box .primary{width:100%}.back{color:#c9a2eb;font-size:12px}.record-body form textarea{resize:vertical}.record-body form input[type=file]{background:#21152e}@media(max-width:1000px){.sidebar{flex-basis:218px}.main{width:calc(100% - 218px)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app-shell{display:block}.sidebar{position:relative;height:auto;padding:15px;display:block}.sidebar .logo{width:165px;margin:0 0 10px}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;gap:4px}.sidebar nav a{padding:10px}.sidebar-label{display:none}.sidebar-bottom{margin:14px 0 0;display:flex;flex-direction:row;justify-content:space-between}.main{width:100%;padding:24px 15px}.topbar h1{font-size:22px}.two{grid-template-columns:1fr;gap:12px}.panel,.record{padding:16px}.record{padding:0}.record summary{padding:15px}.record-body{padding:15px}.stats{gap:8px}.stats>div{padding:14px}.stats strong{font-size:29px}}
