*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;color:#1c2733}.layout{display:flex;min-height:100vh}.sidebar{width:245px;background:#162938;color:#fff;padding:24px 18px;position:fixed;top:0;bottom:0;left:0}.brand{font-size:28px;font-weight:800;line-height:1;margin-bottom:30px}.brand span{font-size:14px;font-weight:400;color:#b8d7e4}.sidebar nav a{display:block;color:#e8f4f8;text-decoration:none;padding:12px 14px;border-radius:10px;margin:5px 0}.sidebar nav a:hover{background:#24475e}.main{margin-left:245px;padding:25px;width:calc(100% - 245px)}.topbar{background:#fff;border-radius:16px;padding:16px 20px;margin-bottom:20px;display:flex;justify-content:space-between;box-shadow:0 6px 20px rgba(17,42,70,.08)}.card{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 6px 20px rgba(17,42,70,.08)}h1,h2,h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{background:#fff;border-radius:16px;padding:20px;box-shadow:0 6px 20px rgba(17,42,70,.08)}.stat .num{font-size:34px;font-weight:800;color:#0f7193}.btn{display:inline-block;border:0;background:#0f7193;color:#fff;padding:10px 14px;border-radius:9px;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:#596b78}.btn.danger{background:#b23b3b}.btn.small{padding:7px 10px;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;border-bottom:1px solid #e7edf3;padding:11px;vertical-align:top}th{background:#f7fafc;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;padding:10px;border:1px solid #ccd6df;border-radius:8px;font-size:15px}textarea{min-height:90px}.full{grid-column:1/-1}.alert{padding:12px 15px;border-radius:10px;margin-bottom:15px}.success{background:#e5f7eb;color:#185b2b}.error{background:#fdeaea;color:#7c1f1f}.login-wrap{max-width:420px;margin:80px auto}.muted{color:#6d7b86;font-size:14px}.badge{display:inline-block;padding:4px 8px;border-radius:30px;background:#edf3f6;font-size:12px}.badge.warn{background:#fff0cc}.badge.bad{background:#ffdcdc}.searchbar{display:flex;gap:10px;margin-bottom:15px}.searchbar input{max-width:430px}@media(max-width:900px){.sidebar{position:static;width:100%;height:auto}.layout{display:block}.main{margin-left:0;width:100%}.grid,.form-grid{grid-template-columns:1fr}.topbar{display:block}.searchbar{display:block}.searchbar .btn{margin-top:8px}}

.badge.warn{background:#fff0cc}.badge.good{background:#dff8e8}.code-note{background:#f7fafc;border:1px solid #e7edf3;border-radius:10px;padding:12px}