:root{--ink:#292929;--yellow:#f4c400;--paper:#f5f4ef;--line:#dfddd4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:#292929;color:#fff;padding:27px 20px;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:10px;font-size:25px;color:var(--yellow);font-weight:bold}.admin-brand span{font-size:17px;color:white}.admin-brand small{display:block;color:#aaa;font-size:9px;letter-spacing:1.5px;margin-top:4px}.sidebar nav{margin-top:46px}.sidebar nav p{font-size:10px;letter-spacing:1.5px;color:var(--yellow);margin:28px 10px 12px}.sidebar nav a{display:block;padding:12px 11px;color:#eee;text-decoration:none;font-size:14px;border-radius:6px}.sidebar nav a:hover{background:#414141}.logout{margin-top:auto;color:#fff;text-decoration:none;background:#414141;padding:13px;text-align:center;border-radius:5px;font-size:13px}.topbar{height:72px;margin-left:255px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 45px;border-bottom:1px solid var(--line);font-size:14px}.topbar b{background:#f2f1ec;padding:10px 14px;font-size:13px}main{margin-left:255px;padding:50px 45px;min-height:100vh}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.heading p{font-size:10px;letter-spacing:1.6px;color:#9b7d00;font-weight:bold;margin:0 0 10px}.heading h1{font-size:34px;margin:0 0 8px}.heading span{color:#777;font-size:14px}.outline{border:1px solid var(--ink);padding:12px 15px;text-decoration:none;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stats article,.quick,.settings,.table-card{background:#fff;border-radius:9px;box-shadow:0 5px 0 #dfddd4}.stats article{padding:24px}.stats small,.stats span{display:block;color:#777;font-size:12px}.stats b{display:block;font-size:37px;margin:14px 0}.quick,.settings,.table-card{margin-top:28px;padding:27px}.quick h2,.settings h2{font-size:19px;margin:0 0 19px}.quick>div{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.quick a{padding:19px;background:#f5f4ef;text-decoration:none;display:grid;grid-template-columns:28px 1fr;color:var(--ink)}.quick a>b{font-size:14px}.quick a>span{grid-column:2;color:#777;font-size:12px;margin-top:4px}.settings label{display:block;font-size:12px;font-weight:bold;margin:15px 0}.settings input,.settings textarea{display:block;width:100%;border:1px solid var(--line);margin-top:7px;padding:12px;font:14px Arial}.settings input[type=color]{height:44px;padding:3px}.settings textarea{height:90px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.settings .form-grid:first-of-type{grid-template-columns:1fr 1fr}.settings button,.login-card button{margin-top:18px;border:0;background:var(--yellow);padding:14px 20px;font-weight:bold;cursor:pointer}.notice{background:#dff4e7;color:#166534;padding:13px;margin-bottom:18px;font-size:13px}.error{background:#fee2e2;color:#a82332}.table-card{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#f6f5f1}.login-page{min-height:100vh;background:linear-gradient(135deg,#292929 55%,#f4c400 55%);display:grid;place-items:center}.login-card{width:min(420px,90vw);background:white;padding:42px;box-shadow:14px 14px 0 #1114}.login-card>p{font-size:10px;letter-spacing:1.7px;color:#9b7d00;font-weight:bold}.login-card h1{margin:9px 0;font-size:35px}.login-card>span{display:block;color:#777;font-size:13px;line-height:1.6}.login-card label{display:block;font-size:12px;font-weight:bold;margin-top:17px}.login-card input{display:block;width:100%;border:1px solid var(--line);padding:13px;margin-top:7px}.login-card button{width:100%}@media(max-width:820px){.sidebar{position:static;width:100%;min-height:auto}.sidebar nav{display:flex;overflow:auto;margin:20px 0}.sidebar nav p,.logout{display:none}.sidebar nav a{white-space:nowrap}.topbar,main{margin-left:0}.topbar{padding:0 22px}.stats{grid-template-columns:1fr 1fr}main{padding:34px 22px}.form-grid,.settings .form-grid:first-of-type,.quick>div{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}}