:root { color-scheme: dark; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; --bg:#0d111b; --panel:#171e2d; --panel2:#20293b; --edge:#323c50; --text:#f3f3f0; --sub:#aab5c8; --glow:#d7ac64; --grad:rgba(215,172,100,.13) }
body[data-accent="teal"] { --glow:#5de2cd; --grad:rgba(93,226,205,.13) }
body[data-accent="violet"] { --glow:#bc9bf6; --grad:rgba(188,155,246,.14) }
* {box-sizing:border-box} body {margin:0; background:radial-gradient(ellipse at 75% 0%,var(--grad),transparent 41%), var(--bg); color:var(--text); min-height:100vh} a {color:inherit;text-decoration:none} button,input,select {font:inherit} button {cursor:pointer} h1,h2,h3,p {margin-top:0} h1 {font-size:clamp(2.7rem,7vw,5.1rem); line-height:1.05;letter-spacing:-.05em} h2 {font-size:1.4rem;letter-spacing:-.02em} h3 {font-size:1.15rem} p {line-height:1.6} .topbar {display:flex;align-items:center;justify-content:space-between;padding:20px max(5vw,20px);border-bottom:1px solid rgba(255,255,255,.08);gap:12px}.brand {display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:800;letter-spacing:.17em}.brand-mark {display:grid;place-items:center;width:34px;height:34px;background:var(--glow);color:#10131d;border-radius:10px;font-size:1.2rem}.topbar nav {display:flex;gap:16px;align-items:center;flex-wrap:wrap}.status {color:var(--sub);font-size:.82rem;white-space:nowrap}.status i {display:inline-block;width:7px;height:7px;border-radius:50%;background:#70deb6;margin-right:8px}.admin-link,.nav-button {font-size:.88rem;border-radius:9px;border:1px solid var(--edge);padding:9px 12px;background:var(--panel);color:var(--text);white-space:nowrap}.admin-link:hover,.nav-button:hover {border-color:var(--glow)} .container {max-width:1100px;margin:0 auto;padding:0 24px 66px}.hero {padding:80px 0 64px}.hero h1 {margin:13px 0 20px}.hero p {font-size:1.1rem;color:var(--sub);max-width:640px}.eyebrow {font-size:.72rem;font-weight:800;letter-spacing:.20em;color:var(--glow)}.section {margin:0 0 52px}.section-head {display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:19px}.section-head h2{margin:0}.section-head span{color:var(--sub);font-size:.88rem}.grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,305px),1fr));gap:19px}.tile {border:1px solid var(--edge);background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 60%),var(--panel);border-radius:17px;min-height:155px;padding:26px;display:flex;align-items:flex-start;gap:18px;transition:transform .15s,border-color .15s,background .15s}.tile:hover {transform:translateY(-3px);border-color:var(--glow);background-color:var(--panel2)}.tile-icon {display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:14px;background:var(--grad);font-size:1.65rem}.tile-content {flex:1;min-width:0}.tile h3 {margin:3px 0 8px}.tile p {color:var(--sub);font-size:.91rem;margin-bottom:8px}.tile small {color:var(--glow);font-size:.74rem}.tile-arrow {color:var(--glow)}.empty {padding:30px;border:1px dashed var(--edge);border-radius:15px;color:var(--sub)}footer {padding:35px;text-align:center;color:#8995ab;border-top:1px solid rgba(255,255,255,.07);font-size:.76rem}.auth-wrap{padding:12vh 20px}.auth-panel {max-width:460px;margin:auto;border:1px solid var(--edge);background:var(--panel);border-radius:17px;padding:32px}.auth-panel h1 {font-size:2.15rem;letter-spacing:-.04em;margin:13px 0}.auth-panel p{color:var(--sub)}.field {display:flex;flex-direction:column;gap:8px;color:var(--sub);font-size:.82rem}.field input,.field select {width:100%;background:#101725;color:var(--text);border:1px solid #404a5e;border-radius:9px;padding:11px 12px;min-height:42px}.field input:focus,.field select:focus {outline:2px solid var(--glow);outline-offset:1px}.auth-panel form {display:grid;gap:16px;margin-top:20px}.button {border:1px solid transparent;border-radius:9px;padding:10px 16px;font-weight:700;white-space:nowrap}.button.primary {color:#11151e;background:var(--glow)}.button.secondary {color:var(--text);background:var(--panel2);border-color:var(--edge)}.button.danger {color:#ffc0bb;background:#46272a}.button:disabled {opacity:.35;cursor:default}.back {display:inline-block;margin-top:24px;color:var(--glow);font-size:.89rem}.error {color:#ffc0bb!important}.admin-container {max-width:1190px}.hero.compact {padding:50px 0 24px}.hero.compact h1 {font-size:clamp(2rem,5vw,3rem)}.admin-section {margin:24px 0 40px}.admin-section h2 small {color:var(--sub);font-weight:normal;font-size:.86rem}.panel,.editor-card {border-radius:16px;border:1px solid var(--edge);background:var(--panel);padding:22px}.fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.fields .field:nth-child(5) {grid-column:span 2}.check {display:flex;gap:9px;align-items:center;margin-top:21px;font-size:.87rem;color:var(--sub)}.edit-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));gap:18px}.editor-head {display:flex;justify-content:space-between;align-items:center;gap:10px}.editor-head h3 {margin-bottom:20px}.pill {padding:5px 8px;border-radius:20px;background:var(--grad);color:var(--glow);font-size:.73rem}.actions {display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.inline-form {display:inline-flex}.hint {color:var(--sub);font-size:.83rem;padding:16px;border:1px dashed var(--edge);border-radius:12px}@media(max-width:680px) {.hero{padding:55px 0 45px}.fields{grid-template-columns:1fr}.fields .field:nth-child(5) {grid-column:span 1}.topbar{padding:14px 17px}.status{display:none}.container{padding:0 16px 45px}.tile{padding:19px}.admin-section{margin:20px 0 30px}.panel,.editor-card {padding:16px}}