:root{--bg:#e9eef5;--surface:#edf2f8;--surface-2:#e9eef5;--text:#1d2b43;--muted:#748197;--line:rgba(126,141,161,.14);--nav:#e9eef5;--shadow:10px 10px 24px rgba(190,198,209,.78),-10px -10px 24px rgba(255,255,255,.92);--shadow-lg:18px 18px 38px rgba(186,195,207,.82),-18px -18px 38px rgba(255,255,255,.94)}
body{background:linear-gradient(145deg,#e7ecf3,#f1f5f9)}.sidebar{background:#e9eef5;color:#5f6d82;box-shadow:12px 0 28px rgba(183,193,205,.52);border-right:1px solid rgba(255,255,255,.6)}.brand strong{color:#23324a}.brand small{color:#8190a5}.brand-symbol{background:#edf2f8;color:#356cf4;box-shadow:7px 7px 15px rgba(190,199,210,.85),-7px -7px 15px rgba(255,255,255,.96)}.brand-symbol.brand-image{overflow:hidden}.brand-symbol.brand-image img{width:80%;height:80%;object-fit:contain}.nav-item{color:#68768b}.nav-item:hover{background:#e9eef5;color:#356cf4;box-shadow:5px 5px 12px rgba(190,199,210,.75),-5px -5px 12px rgba(255,255,255,.9);transform:none}.nav-item.is-active{color:#356cf4;background:#e9eef5;box-shadow:inset 4px 4px 9px rgba(190,199,210,.68),inset -4px -4px 9px rgba(255,255,255,.95)}.sidebar-footer{border-top-color:rgba(134,148,167,.16)}.mini-status strong{color:#41516a}.mini-status small{color:#8491a4}.topbar{background:rgba(233,238,245,.86);backdrop-filter:blur(16px);border-bottom:0;box-shadow:0 8px 20px rgba(184,194,206,.32)}.top-public-link,.timezone-chip,.icon-btn,.profile-dropdown,.btn-soft{background:#edf2f8!important;border-color:transparent!important;box-shadow:6px 6px 14px rgba(190,198,209,.72),-6px -6px 14px rgba(255,255,255,.94)}.btn-primary{border:0;background:linear-gradient(135deg,#356cf4,#6c74ee);box-shadow:7px 8px 17px rgba(70,98,193,.25),-5px -5px 13px rgba(255,255,255,.68)}.btn-primary:hover{transform:translateY(-2px)}.content-area{padding-top:34px}.panel,.hero-strip,.metric-card,.employee-card,.task-column,.report-card,.campaign-card,.notification-item,.activity-card,.settings-info,.settings-form,.public-settings-panel{background:#edf2f8!important;border-color:rgba(255,255,255,.6)!important;box-shadow:var(--shadow)!important}.hero-strip{background:#edf2f8!important}.metric-card:hover,.employee-card:hover{box-shadow:13px 13px 28px rgba(188,197,208,.82),-13px -13px 28px rgba(255,255,255,.96)!important}.metric-icon,.avatar,.status-chip,.hero-pill,.task-count,.filter-pill{box-shadow:inset 3px 3px 7px rgba(190,199,210,.62),inset -3px -3px 7px rgba(255,255,255,.92);background:#edf2f8!important}.card-grid,.kpi-grid{gap:18px}input,select,textarea{background:#e9eef5!important;border:0!important;box-shadow:inset 4px 4px 9px rgba(190,199,210,.66),inset -4px -4px 9px rgba(255,255,255,.94)!important;color:#283750!important}input:focus,select:focus,textarea:focus{outline:0;box-shadow:inset 4px 4px 9px rgba(190,199,210,.68),inset -4px -4px 9px rgba(255,255,255,.96),0 0 0 3px rgba(53,108,244,.11)!important}.modal-card{background:#edf2f8!important;border:1px solid rgba(255,255,255,.68)!important;box-shadow:20px 20px 45px rgba(170,181,195,.55),-20px -20px 45px rgba(255,255,255,.9)!important}.table-wrap,.data-table,.kanban-board{border-color:transparent!important}.data-table tbody tr,.activity-row{background:#edf2f8}.data-table tbody tr:hover{background:#f1f5fa}.public-settings-panel{padding:28px}.branding-settings{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;margin-bottom:28px;padding-bottom:26px;border-bottom:1px solid rgba(134,149,168,.16)}.brand-preview-card{min-height:150px;border-radius:22px;padding:22px;display:flex;align-items:center;gap:18px;box-shadow:inset 5px 5px 12px rgba(188,197,208,.65),inset -5px -5px 12px #fff}.brand-preview-logo{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;overflow:hidden;box-shadow:7px 7px 16px rgba(190,199,210,.78),-7px -7px 16px #fff;color:#356cf4;font-weight:800;font-size:22px}.brand-preview-logo img{width:82%;height:82%;object-fit:contain}.brand-preview-card strong,.brand-preview-card small{display:block}.brand-preview-card strong{font-size:18px}.brand-preview-card small{font-size:10px;color:#7b889c;margin-top:5px}.brand-upload-fields{display:grid;gap:13px}.inline-check{display:flex!important;align-items:center;gap:10px!important;padding:12px 14px;border-radius:14px;box-shadow:6px 6px 14px rgba(190,199,210,.72),-6px -6px 14px #fff}.inline-check input{width:16px;height:16px;box-shadow:none!important}.inline-check span{font-size:11px;color:#627188}.toggle-row{background:#edf2f8!important;border-color:rgba(255,255,255,.58)!important;box-shadow:5px 5px 12px rgba(190,199,210,.7),-5px -5px 12px #fff}.settings-layout{gap:22px}.security-list span{background:#edf2f8;border:0;box-shadow:5px 5px 12px rgba(190,199,210,.65),-5px -5px 12px #fff}.refresh-curtain{background:#e9eef5}.refresh-mark{background:#edf2f8!important;color:#356cf4!important;box-shadow:var(--shadow)}.auth-body{background:linear-gradient(145deg,#e7ecf3,#f2f6fa)}.login-card,.setup-card{background:#edf2f8!important;border-color:rgba(255,255,255,.62)!important;box-shadow:var(--shadow-lg)!important}.login-icon,.setup-card .login-icon{background:#edf2f8!important;color:#356cf4!important;box-shadow:7px 7px 16px rgba(190,199,210,.74),-7px -7px 16px #fff}.setup-panel{background:#e9eef5!important}.setup-visual{background:linear-gradient(145deg,#e7ecf3,#eef3f8)!important;color:#22314a!important}.setup-brand strong,.setup-copy h1{color:#22314a!important}.setup-brand span,.setup-copy p,.setup-steps small,.setup-live{color:#6f7d91!important}.setup-step,.setup-steps>div{border-color:rgba(130,145,165,.16)!important}.setup-steps b{background:#edf2f8!important;color:#356cf4!important;box-shadow:5px 5px 12px rgba(190,199,210,.68),-5px -5px 12px #fff}
@media(max-width:900px){.branding-settings{grid-template-columns:1fr}}
.admin-employee-progress{margin:15px 0 4px;padding:13px;border-radius:15px;box-shadow:inset 4px 4px 9px rgba(190,199,210,.62),inset -4px -4px 9px #fff}.admin-employee-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#748196}.admin-employee-progress strong{color:#31445f}.admin-progress-track{height:8px;border-radius:99px;margin:9px 0 7px;padding:2px;background:#e2e8ef;box-shadow:inset 2px 2px 5px #cbd2db,inset -2px -2px 5px #fff}.admin-progress-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#356cf4,#20a8c2)}.admin-employee-progress small{font-size:8px;color:#8491a4}
.btn-danger{color:#b83b4d!important;background:#edf2f8!important;border:0!important;box-shadow:6px 6px 14px rgba(190,198,209,.72),-6px -6px 14px rgba(255,255,255,.94)!important}.btn-danger:hover{color:#a62035!important;box-shadow:inset 4px 4px 9px rgba(190,199,210,.68),inset -4px -4px 9px rgba(255,255,255,.95)!important}.toolbar-actions form{display:inline-flex;margin:0}.campaign-inline-form{grid-template-columns:repeat(4,minmax(0,1fr))!important}.campaign-inline-form .span-2{grid-column:span 2}.icon-btn.danger-text{color:#c23d50!important}
@media(max-width:900px){.campaign-inline-form{grid-template-columns:1fr 1fr!important}}@media(max-width:600px){.campaign-inline-form{grid-template-columns:1fr!important}.campaign-inline-form .span-2{grid-column:span 1}}