:root{--font-family:"Inter",sans-serif;--color-bg:#f8fafc;--color-surface:#fff;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-primary:#0f52ba;--color-primary-light:#eff6ff;--color-border:#e2e8f0;--color-safe:#16a34a;--color-safe-bg:#dcfce7;--color-blocked:#dc2626;--color-blocked-bg:#fee2e2;--shadow-sm:0 1px 3px rgba(0,0,0,.07);--radius-md:8px;--radius-lg:10px;--sidebar-width:164px;--header-height:44px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased}.dashboard-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-bg);flex-direction:column;border-right:1px solid var(--color-border)}.sidebar,.sidebar-header{display:flex;flex-shrink:0}.sidebar-header{height:var(--header-height);align-items:center;padding:0 11px;border-bottom:1px solid var(--color-border)}.logo{display:flex;align-items:center;gap:6px;text-decoration:none}.brand-logo{width:22px;height:22px}.logo-text{display:flex;flex-direction:column}.brand-name{font-size:14px;font-weight:700;color:var(--color-primary);line-height:1.1}.brand-tagline{font-size:6px;color:var(--color-primary);letter-spacing:.5px;text-transform:uppercase}.sidebar-nav{flex:1 1;padding:7px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 9px;text-decoration:none;color:var(--color-text-main);font-weight:500;border-radius:var(--radius-md);font-size:12px;transition:background .12s}.nav-item:hover{background:var(--color-border)}.nav-item.active{background:var(--color-primary);color:#fff}.nav-item i{width:14px;height:14px;flex-shrink:0}.sidebar-footer{margin-top:auto;text-align:center;position:relative;flex-shrink:0}.illustration-wrapper{width:100%;height:76px;overflow:hidden}.illustration-wrapper img{width:100%;height:100%;object-fit:cover;object-position:bottom}.footer-text{position:absolute;bottom:7px;left:0;width:100%;display:flex;flex-direction:column;color:var(--color-primary);font-size:9.5px;font-weight:600}.main-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.top-header{height:var(--header-height);background:var(--color-surface);justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.search-bar,.top-header{display:flex;align-items:center}.search-bar{background:var(--color-bg);border-radius:var(--radius-md);padding:4px 10px;width:260px;border:1px solid var(--color-border)}.search-icon{width:13px;height:13px;color:var(--color-text-muted)}.search-bar input{border:none;background:transparent;padding:2px 7px;font-size:12px;width:100%;outline:none;font-family:var(--font-family)}.header-right{display:flex;align-items:center;gap:10px}.notification-btn{background:none;border:none;position:relative;cursor:pointer;color:var(--color-text-main);padding:3px}.notification-btn i{width:17px;height:17px;display:block}.notification-dot{position:absolute;top:1px;right:1px;width:5px;height:5px;background:var(--color-blocked);border-radius:50%}.divider{width:1px;height:22px;background:var(--color-border)}.user-profile{gap:6px;cursor:pointer}.avatar,.user-profile{display:flex;align-items:center}.avatar{width:26px;height:26px;background:#dbeafe;color:var(--color-primary);font-weight:700;border-radius:50%;justify-content:center;font-size:9px}.user-info{display:flex;flex-direction:column}.user-name{font-size:11.5px;font-weight:600}.user-role{font-size:9.5px}.dropdown-icon,.user-role{color:var(--color-text-muted)}.dropdown-icon{width:12px;height:12px}.settings-body{flex:1 1;display:flex;flex-direction:column;gap:6px;padding:8px 14px 6px;overflow:hidden;min-height:0}.settings-page-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:12px}.page-header-left{display:flex;flex-direction:column;gap:1px}.eyebrow{font-size:9px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px}.main-title{font-size:17px;font-weight:700;line-height:1.2}.subtitle{font-size:11px;color:var(--color-text-muted)}.page-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-quote{font-size:11px;font-style:italic;color:var(--color-text-muted);text-align:right;line-height:1.4;white-space:nowrap}.header-illustration{width:130px;height:62px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.header-illustration svg{width:100%;height:100%;display:block}.settings-tabs{gap:0;border-bottom:1px solid var(--color-border);flex-shrink:0}.settings-tabs,.tab-btn{display:flex;align-items:center}.tab-btn{gap:5px;padding:6px 13px;background:none;border:none;border-bottom:2px solid transparent;font-size:11.5px;font-weight:500;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-family);margin-bottom:-1px;transition:all .15s}.tab-btn i{width:13px;height:13px}.tab-btn:hover{color:var(--color-text-main)}.tab-btn.active{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary)}.settings-grid{display:grid;grid-template-columns:1fr 264px;grid-gap:8px;gap:8px;flex:1 1;min-height:0}.left-col,.right-col{gap:6px;min-height:0}.card,.left-col,.right-col{display:flex;flex-direction:column}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;flex-shrink:0}.card-header{justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--color-border);flex-shrink:0}.card-header,.card-title-group{display:flex;align-items:center}.card-title-group{gap:8px}.card-title-group h2{font-size:13px;font-weight:700}.card-subtitle{font-size:10px;color:var(--color-text-muted);margin-top:1px}.card-icon{width:15px;height:15px;flex-shrink:0}.blue-icon{color:var(--color-primary)}.green-icon{color:var(--color-safe)}.card-body{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.btn-primary{display:inline-flex;align-items:center;gap:5px;background:var(--color-primary);color:#fff;border:none;padding:6px 13px;border-radius:var(--radius-md);font-size:11.5px;font-weight:600;cursor:pointer;font-family:var(--font-family);white-space:nowrap;transition:background .12s}.btn-primary:hover{background:#0d47a0}.btn-primary i{width:12px;height:12px}.btn-outline{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid var(--color-border);padding:6px 12px;border-radius:var(--radius-md);font-size:11.5px;font-weight:600;cursor:pointer;font-family:var(--font-family);color:var(--color-text-main);transition:background .12s}.btn-outline:hover{background:var(--color-bg)}.btn-outline i{width:12px;height:12px}.btn-danger{display:inline-flex;align-items:center;gap:6px;background:none;border:1.5px solid var(--color-blocked);color:var(--color-blocked);padding:7px 16px;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-family);white-space:nowrap;transition:all .12s}.btn-danger:hover{background:var(--color-blocked-bg)}.btn-danger i{width:13px;height:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.form-row.three-col{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:3px}.form-group label{font-size:10.5px;font-weight:500;color:var(--color-text-muted)}.input-wrap{display:flex;align-items:center;gap:7px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 10px;background:#fff;transition:border .12s}.input-wrap:focus-within{border-color:var(--color-primary)}.input-wrap>i:first-child{width:13px;height:13px;color:var(--color-text-muted);flex-shrink:0}.input-wrap input{flex:1 1;border:none;outline:none;font-size:12px;font-family:var(--font-family);color:var(--color-text-main);background:transparent}.input-wrap input::placeholder{color:#94a3b8}.readonly-wrap{background:var(--color-bg);cursor:not-allowed}.readonly-wrap input{color:var(--color-text-muted);cursor:not-allowed}.trail-icon{width:12px;height:12px}.eye-btn,.trail-icon{color:var(--color-text-muted);flex-shrink:0}.eye-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.eye-btn i{width:13px;height:13px}.info-strip{display:flex;align-items:center;gap:7px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-md);padding:6px 10px;font-size:10.5px;color:var(--color-primary)}.info-strip i{width:12px;height:12px;flex-shrink:0}.select-wrap{display:flex;align-items:center;gap:7px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 10px;background:#fff}.select-wrap i{width:13px;height:13px;color:var(--color-text-muted);flex-shrink:0}.select-wrap select{flex:1 1;border:none;outline:none;font-size:12px;font-family:var(--font-family);background:transparent;cursor:pointer;color:var(--color-text-main)}.profile-body{flex-direction:row!important;gap:16px;align-items:flex-start;padding:10px 14px}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;padding-top:4px}.avatar-circle{width:64px;height:64px;background:#dbeafe;color:var(--color-primary);border-radius:50%;font-size:20px;font-weight:700;position:relative}.avatar-circle,.camera-badge{display:flex;align-items:center;justify-content:center}.camera-badge{position:absolute;bottom:0;right:0;width:18px;height:18px;background:#fff;border:1px solid var(--color-border);border-radius:50%}.camera-badge i{width:10px;height:10px;color:var(--color-text-muted)}.btn-change-photo{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid var(--color-primary);color:var(--color-primary);padding:4px 10px;border-radius:var(--radius-md);font-size:10.5px;font-weight:600;cursor:pointer;font-family:var(--font-family)}.btn-change-photo i{width:11px;height:11px}.photo-hint{font-size:9px;color:var(--color-text-muted);text-align:center;max-width:90px}.profile-form{flex:1 1;display:flex;flex-direction:column;gap:8px}.pw-body{padding:10px 14px;gap:7px}.prefs-body{padding:8px 14px;gap:7px}.prefs-selects-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.toggle-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px}.toggle-item{display:flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:7px 10px;background:var(--color-bg)}.tgl-icon{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.toggle-info{flex:1 1;min-width:0}.toggle-label{font-size:10.5px;font-weight:600}.toggle-desc{font-size:9px;color:var(--color-text-muted)}.toggle-switch{position:relative;width:34px;height:18px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#cbd5e1;border-radius:18px;cursor:pointer;transition:background .2s}.slider:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:3px;top:3px;transition:transform .2s}.toggle-switch input:checked+.slider{background:var(--color-primary)}.toggle-switch input:checked+.slider:before{transform:translateX(16px)}.bottom-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.danger-zone-card{background:#fff5f5;border:1px solid #fecaca;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:10px;padding:10px 14px}.danger-icon-wrap{width:32px;height:32px;border-radius:50%;background:var(--color-blocked-bg);color:var(--color-blocked);display:flex;align-items:center;justify-content:center;flex-shrink:0}.danger-icon-wrap i{width:15px;height:15px}.danger-text{flex:1 1;min-width:0}.danger-title{font-size:12.5px;font-weight:700;color:var(--color-blocked)}.danger-desc{font-size:9.5px;color:var(--color-text-muted)}.branding-banner{background:#dbeafe;border:1px solid #bfdbfe;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:10px;padding:0;overflow:hidden;position:relative}.banner-svg{position:absolute;right:0;top:0;bottom:0;width:120px;opacity:.7}.banner-svg svg{width:100%;height:100%;display:block}.banner-content{display:flex;align-items:center;gap:10px;padding:10px 14px;z-index:1;position:relative}.banner-icon-wrap{width:30px;height:30px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.banner-icon-wrap i{width:15px;height:15px}.banner-title{font-size:11.5px;font-weight:700;color:var(--color-text-main)}.banner-sub{font-size:9.5px;color:var(--color-text-muted)}.org-body{gap:8px;padding:10px 14px}.org-brand{gap:10px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.org-brand,.org-logo-circle{display:flex;align-items:center}.org-logo-circle{width:36px;height:36px;background:var(--color-primary-light);border-radius:var(--radius-md);justify-content:center;color:var(--color-primary);flex-shrink:0}.org-logo-circle i{width:18px;height:18px}.org-name{font-size:13px;font-weight:700}.org-tagline{font-size:10px;color:var(--color-text-muted)}.org-details{display:flex;flex-direction:column;gap:6px}.org-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.org-item{display:flex;align-items:flex-start;gap:7px}.org-item i{width:12px;height:12px;flex-shrink:0;margin-top:2px}.org-item i,.org-label{color:var(--color-text-muted)}.org-label{font-size:9.5px}.org-val{font-size:11px;font-weight:500;color:var(--color-text-main)}.org-val.link{color:var(--color-primary)}.acc-body{padding:8px 14px;gap:6px}.acc-desc{font-size:11px;color:var(--color-text-muted)}.acc-details{display:flex;flex-direction:column;gap:4px}.acc-row{display:flex;align-items:center;gap:7px;padding:4px 0;border-bottom:1px solid var(--color-border);font-size:11px}.acc-row:last-child{border-bottom:none}.acc-row i{width:12px;height:12px}.acc-label,.acc-row i{color:var(--color-text-muted);flex-shrink:0}.acc-label{width:110px}.acc-val{flex:1 1;font-weight:500}.status-active-badge{border-radius:12px;padding:2px 9px;font-size:10px}.enabled-badge,.status-active-badge{background:var(--color-safe-bg);color:var(--color-safe);font-weight:700}.enabled-badge{display:inline-block;border-radius:10px;padding:1px 7px;font-size:9.5px}.qa-body{padding:0;gap:0}.qa-item{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .12s}.qa-item:last-child{border-bottom:none}.qa-item:hover{background:var(--color-bg)}.qa-item.danger-qa:hover{background:#fff5f5}.qa-icon{width:30px;height:30px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qa-icon i{width:14px;height:14px}.blue-icon-bg{background:#eff6ff;color:var(--color-primary)}.red-icon-bg{background:var(--color-blocked-bg);color:var(--color-blocked)}.gray-icon-bg{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.qa-text{flex:1 1}.qa-title{font-size:11.5px;font-weight:600}.qa-desc{font-size:9.5px;color:var(--color-text-muted)}.danger-qa .qa-title{color:var(--color-blocked)}.qa-arrow{width:13px;height:13px;color:var(--color-text-muted);flex-shrink:0}.toast{position:fixed;bottom:18px;right:18px;background:#0f172a;color:#fff;padding:8px 16px;border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;opacity:0;pointer-events:none;transform:translateY(10px);transition:all .25s ease;z-index:999}.toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.toast i{width:14px;height:14px;color:#4ade80}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:500;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:auto}.confirm-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 48px rgba(0,0,0,.18);width:340px;padding:28px 24px;flex-direction:column;gap:10px;text-align:center}.confirm-icon,.confirm-modal{display:flex;align-items:center}.confirm-icon{width:48px;height:48px;background:var(--color-blocked-bg);border-radius:50%;justify-content:center;color:var(--color-blocked)}.confirm-icon i{width:24px;height:24px}.confirm-modal h3{font-size:15px;font-weight:700}.confirm-modal p{font-size:12px;color:var(--color-text-muted);line-height:1.5}.confirm-actions{display:flex;gap:10px;margin-top:6px;width:100%}.btn-danger-solid,.confirm-actions .btn-outline{flex:1 1;justify-content:center}.btn-danger-solid{display:inline-flex;align-items:center;gap:5px;background:var(--color-blocked);color:#fff;border:none;padding:8px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-family)}.btn-danger-solid:hover{background:#b91c1c}