:root{--blue:#075aa9;--blue2:#0b6fc7;--orange:#f15a24;--bg:#f4f8fc;--text:#17304e;--muted:#60758a;--line:#dce7f1;--green:#159447;--red:#c93f30}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--blue);text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#063d75;color:#fff;padding:20px 14px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{background:#fff;border-radius:14px;padding:10px;margin-bottom:18px;text-align:center}.brand img{max-width:190px;max-height:80px}.nav a{display:block;color:#ddecfb;padding:11px 13px;border-radius:9px;margin:3px 0}.nav a:hover,.nav a.active{background:#0b5ca6;color:#fff}.main{margin-left:250px;width:calc(100% - 250px)}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:3}.content{padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:0 4px 18px rgba(21,72,120,.04)}.stat .num{font-size:30px;font-weight:800;color:var(--blue)}h1,h2,h3{margin-top:0}h1{font-size:26px;color:var(--blue)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7eef5;vertical-align:top;font-size:14px}th{background:#f1f6fb;color:#31516f}.tablewrap{overflow:auto}.btn,button{border:0;border-radius:8px;background:var(--blue);color:white;padding:9px 13px;font-weight:700;cursor:pointer}.btn.orange,button.orange{background:var(--orange)}.btn.gray{background:#65798d}.btn.red{background:var(--red)}input,select,textarea{width:100%;padding:10px;border:1px solid #c9d7e5;border-radius:8px;background:#fff}textarea{min-height:80px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.formgrid .full{grid-column:1/-1}label{font-size:13px;font-weight:700;color:#3c5872;display:block;margin-bottom:5px}.badge{display:inline-block;padding:4px 8px;border-radius:99px;font-size:12px;font-weight:bold;background:#e6eef6}.badge.green{background:#e1f7e8;color:#16713a}.badge.orange{background:#fff0e8;color:#a94918}.badge.red{background:#fde9e7;color:#9d2c22}.flash{padding:12px 14px;border-radius:10px;margin-bottom:16px}.flash.success{background:#e6f8ec;color:#176c34}.flash.error{background:#fde9e7;color:#9d2c22}.actions{display:flex;gap:6px;flex-wrap:wrap}.small{font-size:12px;color:var(--muted)}@media(max-width:820px){.sidebar{position:static;width:100%}.shell{display:block}.main{margin:0;width:100%}.formgrid{grid-template-columns:1fr}.topbar{position:static}.nav{display:grid;grid-template-columns:repeat(2,1fr)}}.inlineform{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inlineform input,.inlineform select{width:auto;min-width:110px}.inlineform input[type=password]{min-width:150px}.card h2{font-size:18px;color:#174f82}.actions .btn{display:inline-block}.stat .num{overflow-wrap:anywhere}.topbar .small{margin-top:3px}@media(max-width:820px){.inlineform{align-items:stretch}.inlineform input,.inlineform select,.inlineform button{width:100%}}