:root{--rose: #c9748a;--rose-d: #a85570;--rose-l: #f2d5dc;--rose-ll: #fdf6f8;--green: #3d7a56;--green-l: #e4f2ea;--blue: #4a7fb5;--blue-l: #e3eef8;--amber: #d4833a;--amber-l: #fdf0e3;--red: #c0392b;--red-l: #fde8e6;--ink: #1c1118;--ink-m: #6b4f5a;--ink-l: #b89aa4;--bg: #f8f2f4;--card: #ffffff;--border: #eedde3;--r: 12px;--r-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.app{display:flex;height:100vh;overflow:hidden}.sidenav{width:220px;height:100vh;overflow-y:auto;background:var(--card);border-right:1.5px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.page{flex:1;overflow-y:auto;padding:18px 22px}.nav-brand{padding:16px 18px;border-bottom:1.5px solid var(--border)}.nav-brand-name{font-family:Playfair Display,serif;font-size:15px;font-weight:700;color:var(--rose-d)}.nav-section{padding:10px 18px 4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-l)}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:500;color:var(--ink-m);cursor:pointer;transition:background .12s}.nav-item:hover{background:var(--rose-ll);color:var(--rose-d)}.nav-item.active{background:var(--rose-l);color:var(--rose-d);font-weight:700;border-left:3px solid var(--rose)}.topbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 22px;border-bottom:1.5px solid var(--border);background:var(--card);flex-shrink:0}.topbar h2{font-size:17px;font-weight:700;margin-right:auto}.btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:var(--r-sm);border:1.5px solid transparent;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.btn-primary{background:var(--rose);color:#fff;border-color:var(--rose)}.btn-secondary{background:var(--card);color:var(--ink-m);border-color:var(--border)}.btn-success{background:var(--green-l);color:var(--green);border-color:var(--green-l)}.btn-danger{background:var(--red-l);color:var(--red);border-color:var(--red-l)}.btn-sm{padding:5px 10px;font-size:11px}.btn-xs{padding:3px 7px;font-size:10px}.btn-primary:hover{background:var(--rose-d)}.card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r)}.card-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1.5px solid var(--border);background:var(--rose-ll)}.card-hdr h3{font-size:13px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r);padding:14px 16px}.stat-card .lbl{font-size:10px;color:var(--ink-m);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.stat-card .val{font-size:26px;font-weight:800}.stat-card .sub{font-size:11px;color:var(--ink-l);margin-top:2px}.stat-card.accent{border-color:var(--rose-l);background:var(--rose-ll)}.stat-card.good{border-color:var(--green-l);background:var(--green-l)}.stat-card.warn{border-color:var(--amber-l);background:var(--amber-l)}.stat-card.bad{border-color:var(--red-l);background:var(--red-l)}table{width:100%;border-collapse:collapse;font-size:12px}th{padding:8px 12px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-m);border-bottom:1.5px solid var(--border);background:var(--rose-ll)}td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--rose-ll)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700}.badge-green{background:var(--green-l);color:var(--green)}.badge-red{background:var(--red-l);color:var(--red)}.badge-yellow{background:var(--amber-l);color:var(--amber)}.badge-blue{background:var(--blue-l);color:var(--blue)}.badge-gray{background:var(--bg);color:var(--ink-m);border:1px solid var(--border)}.badge-purple{background:#f0ebf8;color:#7b5ea7}.fg{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.fr{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-m)}input,select,textarea{padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:13px;font-family:inherit;background:var(--card);color:var(--ink);outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--rose)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--card);border-radius:16px;padding:22px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto}.modal-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1.5px solid var(--border)}.modal-hdr h3{font-size:16px;font-weight:700}.form-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:14px;border-top:1.5px solid var(--border);margin-top:14px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:6px}.toast{padding:10px 16px;border-radius:var(--r-sm);font-size:13px;font-weight:600;box-shadow:0 4px 16px #00000026;max-width:320px;color:#fff}.toast-ok{background:var(--green)}.toast-err{background:var(--red)}.toast-inf{background:var(--blue)}.empty{text-align:center;padding:40px 20px;color:var(--ink-l)}.empty .ico{font-size:40px;margin-bottom:10px}@media (max-width: 768px){.sidenav{display:none}.stat-grid{grid-template-columns:1fr 1fr}.fr{grid-template-columns:1fr}}