:root{
    --bg:#f6f3ea;
    --card:#fffaf0;
    --text:#2a2117;
    --muted:#756a5d;
    --gold:#d7a72f;
    --green:#1f7a4a;
    --red:#a43131;
    --line:#e8ddc7;
    --shadow:0 12px 28px rgba(42,33,23,.08);
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.topbar{background:linear-gradient(135deg,#1f7a4a,#d7a72f);color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:var(--shadow)}
.topbar strong{font-size:22px;display:block;letter-spacing:.2px}.topbar span{font-size:13px;opacity:.95}.topbar nav{display:flex;gap:10px;flex-wrap:wrap}.topbar nav a{background:rgba(255,255,255,.18);padding:9px 12px;border-radius:999px;font-size:14px}.topbar nav a:hover{background:rgba(255,255,255,.32)}
.container{max-width:1180px;margin:28px auto;padding:0 18px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{max-width:430px;width:100%;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:28px}.logo-text{text-align:center;margin-bottom:22px}.logo-text h1{margin:0;font-size:28px}.logo-text p{margin:6px 0 0;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:20px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.metric span{color:var(--muted);font-size:14px}.metric strong{display:block;font-size:28px;margin-top:8px}.metric small{display:block;color:var(--muted);margin-top:4px}h1,h2,h3{margin-top:0}.muted{color:var(--muted)}
.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 13px;font-size:15px}.field textarea{min-height:95px;resize:vertical}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.btn{border:0;background:var(--green);color:#fff;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:700;display:inline-block}.btn:hover{filter:brightness(.95)}.btn.secondary{background:#4e4639}.btn.danger{background:var(--red)}.btn.gold{background:var(--gold);color:#21180e}.btn.light{background:#fff;color:var(--text);border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line)}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{background:#f1e6ce}tr:last-child td{border-bottom:0}.right{text-align:right}.center{text-align:center}.badge{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-success{background:#dff3e8;color:#14643b}.badge-warning{background:#fff1c7;color:#8a6100}.badge-danger{background:#ffe1df;color:#982c2c}.badge-secondary{background:#eee;color:#555}.alert{padding:13px 15px;border-radius:14px;margin-bottom:16px;border:1px solid}.alert-success{background:#e4f6ed;border-color:#b9e5cc}.alert-danger{background:#ffe5e2;border-color:#f2b8b2}.alert-warning{background:#fff3cd;border-color:#ead48b}.alert-info{background:#e5f1ff;border-color:#b7d6f7}.notice{background:#fff;border:1px dashed var(--gold);padding:14px;border-radius:14px;color:#584315}footer{text-align:center;color:var(--muted);font-size:13px;padding:26px}.pill{display:inline-block;background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:999px;color:var(--muted);font-size:13px}.nowrap{white-space:nowrap}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.form-row,.grid-2{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.topbar nav a{font-size:13px;padding:8px 10px}table{display:block;overflow-x:auto;white-space:nowrap}.metric strong{font-size:23px}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.container{margin:18px auto}.auth-card{padding:20px}.topbar strong{font-size:20px}}