:root{--df-navy:#132f47;--df-orange:#f26a21;--df-bg:#f3f6f8;--df-border:#dce3e8;--df-text:#17232d;--df-muted:#637482;--df-green:#16794b;--df-red:#b43131;--df-amber:#a96500}.dfsp-shell{max-width:1180px;margin:28px auto;background:var(--df-bg);color:var(--df-text);border:1px solid var(--df-border);border-radius:16px;overflow:hidden;box-shadow:0 12px 35px rgba(19,47,71,.08);font-family:Arial,sans-serif}.dfsp-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--df-navy);color:#fff}.dfsp-brand{display:flex;align-items:center;gap:10px;color:inherit!important;text-decoration:none!important}.dfsp-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--df-orange);color:#fff;font-weight:800}.dfsp-brand strong,.dfsp-brand small{display:block}.dfsp-brand strong{font-size:20px;line-height:1}.dfsp-brand small{margin-top:4px;opacity:.78}.dfsp-user{display:flex;gap:18px;align-items:center}.dfsp-user a{color:#fff}.dfsp-main{padding:28px}.dfsp-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.dfsp-page-heading h1,.dfsp-login-card h1{margin:8px 0 4px;font-size:30px;color:var(--df-navy)}.dfsp-page-heading p{margin:0;color:var(--df-muted)}.dfsp-back{font-size:14px;text-decoration:none}.dfsp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.dfsp-module-card{display:flex;flex-direction:column;min-height:155px;padding:22px;background:#fff;border:1px solid var(--df-border);border-radius:13px;color:var(--df-text)!important;text-decoration:none!important;transition:.15s ease}.dfsp-module-card:hover{transform:translateY(-2px);border-color:var(--df-orange);box-shadow:0 8px 20px rgba(19,47,71,.08)}.dfsp-module-icon{font-size:28px;color:var(--df-orange);margin-bottom:20px}.dfsp-module-card strong{font-size:19px;color:var(--df-navy)}.dfsp-module-card small{margin-top:7px;color:var(--df-muted);line-height:1.45}.dfsp-card{background:#fff;border:1px solid var(--df-border);border-radius:13px;padding:22px;margin-bottom:20px}.dfsp-login-shell{max-width:460px;background:transparent;border:0;box-shadow:none}.dfsp-login-card{padding:34px}.dfsp-login-card .dfsp-brand{color:var(--df-navy)!important;margin-bottom:28px}.dfsp-login-card label,.dfsp-form-card label{display:block;font-weight:700;margin:0 0 7px}.dfsp-login-card input[type=text],.dfsp-login-card input[type=password],.dfsp-form-card input,.dfsp-form-card select,.dfsp-form-card textarea,.dfsp-field{width:100%;box-sizing:border-box;padding:12px;border:1px solid #bfcbd4;border-radius:8px;background:#fff;margin-bottom:16px;font-size:16px}.dfsp-check{display:flex!important;align-items:center;gap:8px;font-weight:400!important}.dfsp-check input{width:auto!important;margin:0!important}.dfsp-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border:0;border-radius:8px;background:var(--df-orange);color:#fff!important;text-decoration:none!important;font-weight:700;cursor:pointer;font-size:15px}.dfsp-button:hover{filter:brightness(.94)}.dfsp-button-block{width:100%}.dfsp-button-secondary{background:#e6edf1;color:var(--df-navy)!important}.dfsp-button-danger{background:var(--df-red)}.dfsp-centre{text-align:center}.dfsp-notice{padding:13px 15px;margin:0 0 18px;border-radius:8px;border-left:4px solid}.dfsp-notice-error{background:#fff1f1;border-color:var(--df-red);color:#7c2020}.dfsp-notice-success{background:#eaf8f1;border-color:var(--df-green);color:#115d3b}.dfsp-notice-warning{background:#fff5df;border-color:var(--df-amber);color:#704700}.dfsp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.dfsp-form-grid p{margin:0}.dfsp-table-card{padding:0;overflow:hidden}.dfsp-table-wrap{overflow-x:auto}.dfsp-table{width:100%;border-collapse:collapse;min-width:650px}.dfsp-table th,.dfsp-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--df-border)}.dfsp-table th{background:#edf2f5;color:var(--df-navy);font-size:13px;text-transform:uppercase;letter-spacing:.03em}.dfsp-table tr:last-child td{border-bottom:0}.dfsp-status{display:inline-block;padding:4px 9px;border-radius:20px;font-size:12px;font-weight:700}.dfsp-status-pending,.dfsp-status-cancellation_pending{background:#fff0cf;color:#764900}.dfsp-status-approved{background:#dff4e9;color:#11613c}.dfsp-status-rejected,.dfsp-status-cancelled{background:#eceff1;color:#57646d}@media(max-width:680px){.dfsp-shell{margin:0;border:0;border-radius:0;min-height:100vh}.dfsp-header{padding:14px 16px}.dfsp-user span{display:none}.dfsp-main{padding:18px 14px}.dfsp-page-heading{align-items:flex-start;flex-direction:column}.dfsp-form-grid{grid-template-columns:1fr}.dfsp-login-card{padding:24px}.dfsp-grid{grid-template-columns:1fr 1fr;gap:12px}.dfsp-module-card{min-height:135px;padding:17px}.dfsp-module-icon{margin-bottom:14px}}@media(max-width:420px){.dfsp-grid{grid-template-columns:1fr}}

