body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef5f8;color:#15323b}.topbar{height:62px;background:#075466;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;box-shadow:0 2px 10px #0002}.brand{font-weight:800;font-size:20px}.layout{display:flex}.sidebar{width:260px;background:#083846;min-height:calc(100vh - 62px);padding:14px}.sidebar a{display:block;color:#d8f5fb;text-decoration:none;padding:10px 12px;border-radius:8px;margin-bottom:4px}.sidebar a:hover,.sidebar a.active{background:#0e6e83;color:#fff}.content{flex:1;padding:22px}.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 4px 18px #0001;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.stat{background:linear-gradient(135deg,#fff,#dff8ff);border-left:5px solid #087e99}.stat h2{margin:4px 0}.btn{display:inline-block;border:0;border-radius:8px;padding:9px 14px;background:#087e99;color:#fff;text-decoration:none;cursor:pointer}.btn.red{background:#b83232}.btn.green{background:#15803d}.btn.dark{background:#222}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border-bottom:1px solid #e5edf0;padding:10px;text-align:left}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.input,select,textarea{width:100%;padding:10px;border:1px solid #c9d9df;border-radius:8px;box-sizing:border-box}.alert{padding:12px;border-radius:8px;background:#fff3cd;margin-bottom:12px}.success{background:#d1fae5}.login{max-width:420px;margin:80px auto}.badge{padding:4px 8px;border-radius:999px;background:#e6f8fc}.hero{padding:70px 20px;text-align:center;background:linear-gradient(135deg,#075466,#09a3bf);color:white}.public-nav{background:white;padding:12px 25px;display:flex;gap:18px;box-shadow:0 2px 10px #0001}.public-nav a{text-decoration:none;color:#075466;font-weight:700}@media(max-width:800px){.layout{display:block}.sidebar{width:auto;min-height:auto}.content{padding:12px}}