
:root{--zp-bg:#f5f7fb;--zp-card:#ffffff;--zp-card2:#fbfcff;--zp-text:#1f2940;--zp-muted:#7d879c;--zp-border:#e8ecf4;--zp-sidebar:#ffffff;--zp-sidebar-border:#eef1f6;--zp-accent:#7066e9;--zp-accent2:#9d74ff;--zp-header:#ffffffcc;--zp-success:#30b17c;--zp-danger:#ef476f}
html[data-zeez-theme="dark"]{--zp-bg:#0f1727;--zp-card:#192235;--zp-card2:#121a2a;--zp-text:#ecf1ff;--zp-muted:#9ca9c9;--zp-border:#2a3650;--zp-sidebar:#131b2d;--zp-sidebar-border:#232f49;--zp-accent:#7e73ff;--zp-accent2:#b07cff;--zp-header:#131b2de6;--zp-success:#39c991;--zp-danger:#ff6e8d}
html,body{background:var(--zp-bg)!important;color:var(--zp-text)!important}
body, .app-wrapper, .app-content, main, .container-fluid{background:transparent!important}
.zeez-login-body{background:var(--zp-bg)!important;color:var(--zp-text)!important}
.zeez-login-body .card{background:var(--zp-card);color:var(--zp-text);border:1px solid var(--zp-border)}
.app-logo,.header-main,.card,.zeez-panel,.zeez-stat,.offcanvas,.modal-content{background:var(--zp-card)!important;color:var(--zp-text)!important;border-color:var(--zp-border)!important}
.header-main.zeez-header{position:sticky;top:0;z-index:50;background:var(--zp-header)!important;backdrop-filter:blur(10px);border-bottom:1px solid var(--zp-border)}
.zeez-nav{background:linear-gradient(180deg,var(--zp-sidebar) 0%, color-mix(in srgb, var(--zp-sidebar) 92%, black) 100%)!important;border-right:1px solid var(--zp-sidebar-border)}
.zeez-brand-type,.main-title,.zeez-panel h5,.zeez-stat-number,.zeez-habit-name,strong,h1,h2,h3,h4,h5,h6,.table,.card,.form-label,.btn{color:var(--zp-text)!important}
.text-secondary,.zeez-date,.zeez-header-label,.zeez-eyebrow,.zeez-footer,.small,.f-s-12,.f-s-13,.f-s-14,p,.text-muted{color:var(--zp-muted)!important}
.zeez-page-intro h4{font-size:28px}
.app-logo{border-bottom:1px solid var(--zp-sidebar-border)!important}
.main-nav .menu-title span,.menu-title span{color:var(--zp-muted)!important;letter-spacing:.08em}
.main-nav .zeez-nav-item{color:var(--zp-text)!important;padding:13px 14px;border-radius:12px;margin:4px 10px;transition:.2s ease;background:transparent}
.main-nav .zeez-nav-item:hover{background:color-mix(in srgb, var(--zp-accent) 10%, transparent)!important;color:var(--zp-text)!important}
.main-nav .zeez-nav-item.active{background:linear-gradient(90deg,color-mix(in srgb, var(--zp-accent) 17%, transparent), color-mix(in srgb, var(--zp-accent2) 10%, transparent))!important;color:#fff!important;box-shadow:0 8px 22px color-mix(in srgb, var(--zp-accent) 20%, transparent)}
.main-nav .zeez-nav-item.active i,.main-nav .zeez-nav-item.active{color:#fff!important}
.zeez-logo-mark{box-shadow:0 10px 26px rgba(112,102,233,.3)}
.zeez-user-avatar{background:linear-gradient(135deg,var(--zp-accent),var(--zp-accent2))!important;color:#fff!important;box-shadow:0 8px 22px rgba(112,102,233,.35)}
.zeez-theme-toggle{border:1px solid var(--zp-border);background:var(--zp-card);color:var(--zp-text);padding:8px 12px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;font-weight:700}
.zeez-theme-toggle:hover{background:color-mix(in srgb,var(--zp-accent) 12%, var(--zp-card));color:var(--zp-text)}
.card,.zeez-stat,.zeez-panel{border:1px solid var(--zp-border)!important;border-radius:18px!important;box-shadow:0 14px 35px rgba(0,0,0,.08)!important}
html[data-zeez-theme="dark"] .card,html[data-zeez-theme="dark"] .zeez-stat,html[data-zeez-theme="dark"] .zeez-panel{box-shadow:0 18px 38px rgba(0,0,0,.32)!important}
.form-control,.form-select{background:var(--zp-card2)!important;color:var(--zp-text)!important;border:1px solid var(--zp-border)!important}
.form-control::placeholder{color:var(--zp-muted)!important}
.btn-primary{background:linear-gradient(135deg,var(--zp-accent),var(--zp-accent2))!important;border:0!important}
.btn-outline-primary,.btn-light-primary{border-color:color-mix(in srgb, var(--zp-accent) 35%, var(--zp-border))!important;color:var(--zp-accent)!important;background:color-mix(in srgb, var(--zp-accent) 8%, transparent)!important}
.btn-light-danger{background:color-mix(in srgb, var(--zp-danger) 15%, transparent)!important;color:var(--zp-danger)!important;border:none!important}
.table thead th,.zeez-table thead th{color:var(--zp-muted)!important;border-color:var(--zp-border)!important}
.table td,.table th,.zeez-list-item,.zeez-habit-preview{border-color:var(--zp-border)!important}
.progress{background:color-mix(in srgb, var(--zp-border) 85%, transparent)!important}
.progress-bar.bg-success{background:linear-gradient(90deg,#26c281,#72df9e)!important}
.badge.bg-light-primary,.zeez-live-badge{background:color-mix(in srgb, var(--zp-accent) 12%, transparent)!important;color:var(--zp-text)!important;border:1px solid color-mix(in srgb, var(--zp-accent) 20%, var(--zp-border))}
.bg-light-success{background:color-mix(in srgb, var(--zp-success) 14%, transparent)!important}.text-success{color:var(--zp-success)!important}
.bg-light-danger{background:color-mix(in srgb, var(--zp-danger) 14%, transparent)!important}.text-danger{color:var(--zp-danger)!important}
.bg-light-warning{background:rgba(255,193,7,.14)!important}.text-warning{color:#e0a800!important}
.bg-light-info{background:rgba(59,130,246,.15)!important}.text-info{color:#66aaff!important}
.zeez-check{background:var(--zp-card2)!important;border-color:var(--zp-border)!important;color:var(--zp-muted)!important}
.zeez-check.checked{background:rgba(57,201,145,.15)!important;border-color:rgba(57,201,145,.4)!important;color:var(--zp-success)!important}
.zeez-weekly-header,.zeez-week-header{background:transparent!important}
.zeez-habit-grid{width:100%}
.zeez-habit-grid thead th,.zeez-habit-grid td,.zeez-habit-grid th{border-color:var(--zp-border)!important;color:var(--zp-text)!important}
.zeez-day-state.pending,.zeez-day-state.done,.zeez-day-state.rest,.zeez-day-state.future{border-radius:12px}
.zeez-day-state.pending{background:var(--zp-card2)!important;border:1px solid var(--zp-border)!important;color:var(--zp-muted)!important}
.zeez-day-state.done{background:rgba(57,201,145,.15)!important;border:1px solid rgba(57,201,145,.35)!important;color:var(--zp-success)!important}
.zeez-day-state.rest{background:color-mix(in srgb, var(--zp-accent) 15%, transparent)!important;border:1px solid color-mix(in srgb, var(--zp-accent) 30%, transparent)!important;color:#b8b3ff!important}
.zeez-day-state.future{background:transparent!important;color:var(--zp-muted)!important}
.zeez-footer{border-top:1px solid var(--zp-border);margin-top:18px}
html[data-zeez-theme="dark"] .toggle-semi-nav, html[data-zeez-theme="dark"] .bg-light-primary{background:rgba(126,115,255,.14)!important;color:#d9d5ff!important}
html[data-zeez-theme="dark"] .menu-title, html[data-zeez-theme="dark"] .app-nav{background:transparent!important}
@media(max-width:767px){.zeez-theme-toggle span{display:none!important}.zeez-theme-toggle{padding:8px 10px}.zeez-page-intro h4{font-size:23px}}
