:root {
    --app-bg: #f5f7fb;
    --app-surface: #ffffff;
    --app-surface-secondary: #f8fafc;
    --app-border: #e5e7eb;
    --app-text: #172033;
    --app-text-muted: #64748b;
    --app-primary: #2563eb;
    --app-primary-soft: #eff6ff;
    --app-danger: #dc2626;
    --app-success: #16a34a;
    --app-warning: #d97706;
    --app-radius: 16px;
    --app-shadow: 0 8px 30px rgba(15, 23, 42, .06);
}
[data-theme="dark"] {
    --app-bg: #0f172a;
    --app-surface: #111827;
    --app-surface-secondary: #1f2937;
    --app-border: #334155;
    --app-text: #e5e7eb;
    --app-text-muted: #94a3b8;
    --app-primary: #60a5fa;
    --app-primary-soft: #172554;
    --app-danger: #f87171;
    --app-success: #4ade80;
    --app-warning: #fbbf24;
    --app-shadow: 0 8px 30px rgba(0,0,0,.22);
}
html, body { background: var(--app-bg); color: var(--app-text); }
.content-wrapper, .main-footer { background: var(--app-bg) !important; color: var(--app-text); }
.main-header { background: var(--app-surface) !important; border-color: var(--app-border) !important; }
.main-header .nav-link { color: var(--app-text) !important; }
.card, .modal-content, .dropdown-menu { background: var(--app-surface); color: var(--app-text); border-color: var(--app-border); }
.form-control, .custom-select { background: var(--app-surface); color: var(--app-text); border-color: var(--app-border); }
.form-control:focus, .custom-select:focus { background: var(--app-surface); color: var(--app-text); border-color: var(--app-primary); }
.text-muted { color: var(--app-text-muted) !important; }
.main-footer { border-color: var(--app-border) !important; }
.theme-toggle { border: 1px solid var(--app-border); background: var(--app-surface-secondary); color: var(--app-text); border-radius: 10px; }
.modern-navbar .dropdown-menu { box-shadow: var(--app-shadow); }

.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.page-eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--app-primary);font-weight:700}.page-heading h1{font-size:27px;margin:4px 0;color:var(--app-text);font-weight:700}.page-heading p{margin:0;color:var(--app-text-muted);font-size:12px}.panel-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:16px;box-shadow:var(--app-shadow);overflow:hidden}.panel-head{padding:20px;border-bottom:1px solid var(--app-border)}.panel-head h3{margin:0;color:var(--app-text);font-size:16px}.panel-head span{display:block;color:var(--app-text-muted);font-size:11px;margin-top:5px}.panel-body{padding:22px}.panel-footer-actions{padding:15px 22px;border-top:1px solid var(--app-border);display:flex;justify-content:flex-end}.profile-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.profile-cover{height:88px;background:linear-gradient(135deg,#172554,#2563eb)}.profile-main{text-align:center;margin-top:-34px;padding:0 20px 20px}.profile-avatar{width:76px;height:76px;border-radius:22px;margin:0 auto 13px;display:grid;place-items:center;background:var(--app-surface);border:5px solid var(--app-surface);box-shadow:0 8px 24px rgba(15,23,42,.12);font-size:22px;font-weight:700;color:var(--app-primary)}.profile-main h2{font-size:18px;margin:0;color:var(--app-text)}.profile-main p{font-size:11px;color:var(--app-text-muted);margin:5px 0 10px}.account-badge{display:inline-flex;gap:5px;align-items:center;color:var(--app-success);font-size:10px;font-weight:700}.account-badge i{font-size:7px}.profile-info-list{border-top:1px solid var(--app-border);padding:8px 20px 16px}.profile-info-list div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--app-border)}.profile-info-list div:last-child{border-bottom:0}.profile-info-list span{color:var(--app-text-muted);font-size:11px}.profile-info-list strong{font-size:11px;color:var(--app-text);text-align:right}.form-control{border-radius:10px}.field-error{color:var(--app-danger);font-size:11px;margin-top:5px}.profile-note{padding:12px 14px;border-radius:10px;background:var(--app-primary-soft);color:var(--app-text-muted);font-size:11px}.profile-note i{color:var(--app-primary);margin-right:6px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-option{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--app-border)}.settings-option:last-child{border-bottom:0}.settings-option strong{font-size:12px}.settings-option span{display:block;color:var(--app-text-muted);font-size:10px;margin-top:4px}.theme-choice{display:flex;gap:8px}.theme-choice button{border:1px solid var(--app-border);background:var(--app-surface-secondary);color:var(--app-text);border-radius:9px;padding:8px 10px;font-size:11px}.theme-choice button.active{border-color:var(--app-primary);color:var(--app-primary);background:var(--app-primary-soft)}.security-banner{background:var(--app-primary-soft);border-radius:12px;padding:14px;font-size:11px;color:var(--app-text-muted)}@media(max-width:900px){.profile-layout,.settings-grid{grid-template-columns:1fr}}@media(max-width:600px){.page-heading{align-items:flex-start;flex-direction:column}.profile-info-list div{align-items:flex-start;flex-direction:column;gap:3px}.profile-info-list strong{text-align:left}}