*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182230;font-family:tahoma,Arial;font-size:14px}.top{background:#fff;border-bottom:1px solid #e8ebf0;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.top nav{display:flex;gap:8px;flex-wrap:wrap}.top a{color:#344054;text-decoration:none;padding:8px 10px;border-radius:8px}.top a:hover{background:#eef4ff}.container{max-width:1180px;margin:25px auto;padding:0 16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:#fff;border:1px solid #e8ebf0;border-radius:16px;padding:20px;box-shadow:0 4px 18px #00000008}.stat{font-size:24px;font-weight:bold;margin-top:8px}.btn{display:inline-block;background:#1769e0;color:#fff!important;text-decoration:none;border:0;border-radius:9px;padding:11px 17px;cursor:pointer}.btn.secondary{background:#667085}.btn.danger{background:#d92d20}.input,select,textarea,input{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:9px;background:#fff}label{display:block;margin:8px 0 5px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #eee;text-align:right}.alert{padding:15px;border-radius:12px;margin-bottom:16px}.warning{background:#fff3cd}.success{background:#dcfce7}.dangerbox{background:#fee2e2}.muted{color:#667085}.lock{filter:grayscale(1);opacity:.45;pointer-events:none}.actions{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:5px 9px;border-radius:20px;background:#eef2ff}.hero{text-align:center;padding:50px 20px}.formbox{max-width:700px;margin:35px auto}.row{margin-bottom:13px}@media(max-width:800px){.grid,.grid2{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}