:root{font-family:system-ui,"Segoe UI",sans-serif;color:#202938;background:#f3f6fa}*{box-sizing:border-box}
    body{margin:0}
    .page{min-height:100vh;display:flex;flex-direction:column}
    .topbar{background:#17365d;color:white;padding:18px max(22px,calc((100% - 1000px)/2));display:flex;justify-content:space-between;gap:16px}
    .topbar span{color:#d6e2f1}
    .home-btn {
        padding: 8px 14px;
        background: #198754;
        color: #fff;
        text-decoration: none;
        border: 1px solid #157347;
        border-radius: 6px;
        font-weight: 600;
    }

    .home-btn:hover {
        background: #157347;
    }
    .content{width:min(1000px,calc(100% - 32px));margin:30px auto;flex:1}h1{margin:0 0 5px}
        .intro{color:#596579;margin-bottom:24px}
        .panel{background:white;border:1px solid #e0e6ee;border-radius:12px;padding:22px;margin:18px 0}
        .panel h2{margin:0 0 18px;font-size:1.2rem}
        .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
        label{display:flex;flex-direction:column;gap:7px;font-weight:600}
        input{padding:11px;border:1px solid #cbd5e1;border-radius:7px;font:inherit;font-weight:400}
        .validation-message{color:#b42318;font-size:.85rem}
        .actions,
        .list-heading{display:flex;align-items:center;gap:10px;margin-top:18px}
        .list-heading{justify-content:space-between;margin:0 0 12px}
        .list-heading h2{margin:0}
        button{border:0;border-radius:7px;padding:10px 16px;background:#1d4ed8;color:white;font:inherit;font-weight:600;cursor:pointer}
        button:disabled{opacity:.6}
        .secondary{background:#e8edf4;color:#243247}
        .danger{background:#b42318}
        .small{padding:7px 10px;font-size:.86rem}
        .table-wrap{overflow-x:auto}
        able{width:100%;border-collapse:collapse}
        th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #e8edf3}th{color:#566276}
        .row-actions{display:flex;gap:7px;white-space:nowrap}
        .alert{padding:12px 14px;border-radius:8px;margin:14px 0}
        .error{color:#8f1d16;background:#feeceb}
        .success{color:#17643b;background:#e8f7ee}
        footer{text-align:center;color:#778195;padding:18px;font-size:.85rem}
        .loading{text-align:center;padding:40px}
        @media(max-width:650px){.form-grid{grid-template-columns:1fr}.topbar{flex-direction:column}.panel{padding:16px}}