:root{--ink:#17202a;--muted:#65717c;--yellow:#f4c542;--soft:#fff8dd;--line:#e9edf0}*{box-sizing:border-box}body{margin:0;background:#f7f8f9;color:var(--ink);font-family:'DM Sans',sans-serif}.serif{font-family:'Playfair Display',serif}.hero{min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle at 85% 10%,#fff4be 0,transparent 35%),#fbfcfc}.hero .container{max-width:1120px}.kicker,.eyebrow{font-size:.72rem;letter-spacing:.18em;color:#927217;font-weight:700}.hero h1{font:700 clamp(3rem,7vw,6rem)/.98 'Playfair Display',serif;max-width:650px;margin:1rem 0}.hero h1 span{color:#b48913}.hero p{max-width:560px;color:var(--muted);font-size:1.1rem}.btn-main{background:var(--ink);color:white;border:0;border-radius:12px;padding:14px 22px;font-weight:700}.btn-main:hover{background:#33414d;color:#fff}.btn-yellow{background:var(--yellow);color:var(--ink);border:0;border-radius:12px;padding:14px 22px;font-weight:700}.card-clean,.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px #2632380d}.form-card{padding:28px;max-width:760px;margin:auto}.form-label{font-weight:700;font-size:.9rem}.form-control,.form-select{border-radius:10px;padding:12px;border-color:#dce2e6}.sidebar{position:fixed;width:250px;inset:0 auto 0 0;background:#17202a;color:#fff;padding:26px 18px;display:flex;flex-direction:column}.brand{color:#fff;text-decoration:none;font:700 1.25rem 'Playfair Display',serif;padding:0 12px 30px}.brand small{font:400 .65rem 'DM Sans';color:#aeb8bf}.brand-mark{display:inline-grid;place-items:center;background:var(--yellow);color:var(--ink);width:34px;height:34px;border-radius:10px;margin-right:8px}.sidebar nav{display:grid;gap:6px}.sidebar nav a,.logout{color:#c7d0d5;text-decoration:none;padding:13px 12px;border-radius:10px}.sidebar nav a:hover,.sidebar nav a.active{background:#2b3944;color:#fff}.logout{margin-top:auto}.admin-main{margin-left:250px}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 4%;font-size:.9rem}.stat{padding:22px;min-height:130px}.stat strong{display:block;font-size:2rem;margin-top:12px}.table-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.table th{font-size:.72rem;color:var(--muted);text-transform:uppercase}.badge{font-weight:500}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92vw);padding:35px}.notice{background:var(--soft);border-left:4px solid var(--yellow);padding:15px;border-radius:8px}.steps{display:flex;gap:8px;margin-bottom:22px}.steps span{height:6px;background:#e6e9eb;border-radius:9px;flex:1}.steps span.on{background:var(--yellow)}
@media(max-width:800px){.sidebar{position:static;width:auto;min-height:auto}.sidebar nav{display:flex;overflow:auto}.sidebar .logout{display:none}.admin-main{margin-left:0}.topbar{display:none}.container-fluid{padding:18px!important}}