:root { color-scheme: dark; font-family: Cairo, Tahoma, Arial, sans-serif; background: #0b0b0b; color: #f7f4ea; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 85% 0%, #3f3012, transparent 32rem), #0b0b0b; }
.shell { width: min(1080px, calc(100% - 2rem)); margin: 0 auto; padding: 4rem 0 5rem; }
header { border-bottom: 1px solid #d4af3755; padding-bottom: 1.8rem; margin-bottom: 1rem; }
.eyebrow { color: #d4af37; letter-spacing: .13em; font-size: .75rem; font-weight: 700; }
h1 { font-size: clamp(2rem, 7vw, 4rem); margin: .3rem 0; }
h2 { font-size: 1.2rem; margin-top: 0; } h3 { font-size: 1rem; }
.lead, .muted { color: #c3bdad; line-height: 1.8; }.notice { border: 1px solid #d4af3788; background: #d4af3710; padding: 1rem 1.2rem; border-radius: .8rem; margin: 1.2rem 0; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }.panel { background: #151515dd; border: 1px solid #ffffff16; box-shadow: 0 1rem 4rem #0005; border-radius: 1rem; padding: 1.4rem; margin: 1rem 0; }
label { display: grid; gap: .45rem; margin: .8rem 0; color: #ded8c9; } input { width: 100%; border: 1px solid #ffffff26; border-radius: .6rem; padding: .8rem; background: #0c0c0c; color: white; font: inherit; }
button { appearance: none; border: 0; border-radius: .6rem; padding: .7rem 1rem; background: #d4af37; color: #17120a; cursor: pointer; font: inherit; font-weight: 700; margin: .25rem; }button.secondary { background: #2b2b2b; color: #f4f0e8; }.danger { background: #c8665e; color: white; }.section-title { display:flex; justify-content:space-between; gap: 1rem; align-items:center; }.cards { display:grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .8rem; }.card { border: 1px solid #ffffff17; border-radius: .75rem; padding: 1rem; background:#101010; }.card h3 { margin:0 0 .5rem; }.card p { color:#c6bfae; font-size:.9rem; line-height:1.7; }.status { padding:.7rem; border-radius:.5rem; background:#232323; }.ok { color:#8be6b2; }.error { color:#ff9b94; }.hidden { display:none; } code { direction:ltr; unicode-bidi:embed; }
@media (max-width: 650px) { .shell { width:min(100% - 1.2rem, 1080px); padding-top:2rem; }.grid { grid-template-columns:1fr; }.section-title { align-items:flex-start; flex-direction:column; } }