*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#20242a}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#20242a;color:#fff;padding:22px;display:flex;flex-direction:column}.brand{font-size:21px;font-weight:700;margin-bottom:24px}.sidebar nav{display:grid;gap:7px}.sidebar a{color:#dce1e7;text-decoration:none;padding:10px 12px;border-radius:7px}.sidebar a.active,.sidebar a:hover{background:#353b44;color:#fff}.logout{margin-top:auto}.main{min-width:0}.topbar{background:#fff;padding:18px 25px;border-bottom:1px solid #ddd}.topbar h1{margin:0}.topbar p{margin:5px 0 0;color:#69717c}.content{padding:24px}.card{background:#fff;border:1px solid #dde1e6;border-radius:10px;padding:18px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}.stat span{display:block;color:#69717c;margin-bottom:8px}.stat strong{font-size:28px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}label{display:block;font-weight:700;margin-bottom:6px}input,select{width:100%;padding:10px;border:1px solid #cbd1d8;border-radius:6px;background:#fff}.btn{display:inline-block;border:0;border-radius:6px;padding:10px 14px;background:#ff8833;color:#fff;text-decoration:none;cursor:pointer}.btn.secondary{background:#606a75}.btn.small{padding:7px 10px;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.alert{padding:13px 15px;border-radius:7px;margin-bottom:16px}.alert.ok{background:#e5f6eb;color:#17652e}.alert.error{background:#fde8e8;color:#8b1e1e}.alert.warning{background:#fff4db;color:#7a5712}.badge{display:inline-block;padding:4px 7px;border-radius:99px;font-size:12px;background:#e8ebef}.badge.ok{background:#def3e4;color:#17652e}.badge.error{background:#fde1e1;color:#8b1e1e}.badge.warning{background:#fff0c9;color:#7a5712}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid #e3e6ea}th{background:#f7f8fa}.thumb{width:58px;height:58px;object-fit:contain}.pagination{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}.pagination a{padding:7px 10px;border:1px solid #ccd2d8;border-radius:5px;text-decoration:none;color:#20242a}.pagination a.active{background:#20242a;color:#fff}.nested-table th{width:240px}.nested-table .nested-table{margin:0}.muted{color:#8a929c}pre{white-space:pre-wrap;word-break:break-word;background:#111827;color:#e5e7eb;padding:15px;border-radius:7px;max-height:700px;overflow:auto}.login-body{min-height:100vh;display:grid;place-items:center}.login-card{background:#fff;padding:28px;border-radius:10px;width:min(420px,92vw);border:1px solid #ddd}.login-card .btn{width:100%;margin-top:14px}@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(3,1fr)}.logout{margin-top:15px}.content{padding:14px}}