:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-arabic:"Cairo", "Segoe UI", Tahoma, sans-serif;--font-latin:"Inter", "Segoe UI", Tahoma, sans-serif;--bg:#f4f7fb;--bg-strong:#edf3f8;--surface:#fff;--surface-soft:#f8fbfd;--surface-muted:#eef5f9;--border:#dbe6ef;--border-strong:#c3d3e0;--text:#102033;--text-soft:#3d4e63;--muted:#65758a;--primary:#1769aa;--primary-hover:#0f5b96;--primary-soft:#e5f2fb;--teal:#0f9f8f;--teal-soft:#def7f2;--green:#14834d;--green-soft:#def7ea;--amber:#b7791f;--amber-soft:#fff3d8;--red:#c7353a;--red-soft:#ffe6e8;--violet:#6b5bd2;--violet-soft:#efecff;--slate:#526173;--slate-soft:#eef3f7;--shadow-xs:0 1px 2px #0f20330d;--shadow-sm:0 6px 18px #0f203314;--shadow-md:0 14px 34px #0f20331f;--radius:8px;--sidebar-width:272px;--transition:.16s ease;font-family:var(--font-arabic);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:linear-gradient(180deg, #1769aa0d, transparent 360px), var(--bg);min-width:320px;min-height:100svh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}img{max-width:100%}#root{min-height:100svh}::selection{color:#fff;background:var(--primary)}:focus-visible{outline-offset:2px;outline:3px solid #1769aa42}.boot-screen{background:var(--bg);place-items:center;min-height:100svh;padding:24px;display:grid}.app-shell{min-height:100svh}.sidebar{z-index:40;width:var(--sidebar-width);border-inline-end:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;flex-direction:column;gap:18px;padding:18px;display:none;position:fixed;inset-block:0;inset-inline-start:0;box-shadow:10px 0 34px #0f20330f}.sidebar__brand{border-bottom:1px solid var(--border);padding-block-end:16px}.nav-list{flex:1;align-content:start;gap:6px;display:grid;overflow-y:auto}.nav-list::-webkit-scrollbar{width:4px}.nav-list::-webkit-scrollbar-track{background:0 0}.nav-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.nav-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.nav-list a,.bottom-nav a,.logout-button{border-radius:var(--radius);min-height:44px;color:var(--muted);transition:color var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition);align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex;position:relative}.nav-list a:hover,.bottom-nav a:hover{color:var(--primary);background:var(--primary-soft)}.nav-list a.active,.bottom-nav a.active{color:var(--primary);box-shadow:inset 0 0 0 1px #1769aa33, var(--shadow-xs);background:#fff}.nav-list a.active:before{content:"";background:var(--primary);border-radius:999px;width:3px;position:absolute;inset-block:9px;inset-inline-start:0}.nav-item__icon,.topbar__link{flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.nav-item__label{flex:1;min-width:0}.logout-button{cursor:pointer;background:0 0;width:100%;margin-top:auto}.logout-button:hover{color:var(--red);background:var(--red-soft)}.content-shell{min-height:100svh;padding:14px 12px 86px}.topbar{z-index:25;border-radius:var(--radius);max-width:1280px;min-height:62px;box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #dbe6efe6;justify-content:space-between;align-items:center;gap:12px;margin:0 auto 18px;padding:10px 12px;display:flex;position:sticky;top:10px}.topbar__brand,.topbar__actions,.topbar__user,.brand{align-items:center;display:flex}.topbar__brand,.brand{gap:11px;min-width:0}.topbar__actions{flex:none;gap:8px}.topbar__user{gap:9px;min-width:0}.topbar__user-name{display:none}.topbar strong,.topbar small,.brand strong,.brand small{display:block}.topbar strong,.brand strong{color:var(--text);font-size:.96rem;line-height:1.3}.topbar small,.brand small{color:var(--muted);font-size:.78rem;line-height:1.4}.brand__logo,.topbar__logo{object-fit:contain;border-radius:var(--radius);background:#fff;flex:none;box-shadow:inset 0 0 0 1px #b7791f24}.brand__logo{width:46px;height:46px}.topbar__logo{width:38px;height:38px}.bottom-nav{inset-inline:0;z-index:50;min-height:66px;padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;box-shadow:0 -12px 28px #0f203317}.bottom-nav a{border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:58px;padding:6px 4px;font-size:.72rem}.bottom-nav span:last-child{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.notif-badge{border:2px solid var(--surface);background:var(--red);color:#fff;min-width:19px;height:19px;font-family:var(--font-latin);border-radius:999px;justify-content:center;align-items:center;padding-inline:5px;font-size:.68rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-block-start:-7px;inset-inline-end:-9px}.notif-badge--topbar{inset-block-start:-5px;inset-inline-end:-7px}.page-section{gap:18px;width:min(100%,1280px);margin-inline:auto;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.page-header h1{color:var(--text);margin:0;font-size:1.55rem;font-weight:800;line-height:1.28}.page-header p{color:var(--muted);margin:5px 0 0;font-size:.9rem}.page-header__action,.page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.button,.icon-button{border-radius:var(--radius);cursor:pointer;min-height:42px;color:var(--text);transition:transform var(--transition), background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition);white-space:nowrap;background:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-weight:800;display:inline-flex}.button:hover,.icon-button:hover{box-shadow:var(--shadow-xs);transform:translateY(-1px)}.button:active,.icon-button:active{transform:translateY(0)}.button:disabled,.icon-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.button--primary{color:#fff;background:linear-gradient(135deg, var(--primary), var(--teal));border-color:#0f5b966b;box-shadow:0 10px 22px #1769aa33}.button--primary:hover{background:linear-gradient(135deg, var(--primary-hover), #0c8c80)}.button--soft{color:var(--primary);background:var(--primary-soft);border-color:#1769aa29}.button--outline{color:var(--text-soft);border-color:var(--border);background:#fff}.button--outline:hover{color:var(--primary);border-color:#1769aa59}.button--success{color:var(--green);background:var(--green-soft);border-color:#14834d2e}.button--danger{color:var(--red);background:var(--red-soft);border-color:#c7353a2e}.button--ghost{color:var(--muted);background:0 0}.icon-button{min-width:42px;color:var(--muted);border-color:var(--border);padding-inline:11px}.icon-button:hover{color:var(--primary);background:var(--primary-soft);border-color:#1769aa4d}.panel,.quick-record-form{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);background:#ffffffeb}.panel{padding:18px}.panel--flush{padding:0;overflow:hidden}.panel--flush .section-heading{padding:16px 18px 0}.panel-body{padding:18px}.panel h2,.panel h3{color:var(--text);margin:0}.panel h2{font-size:1.02rem}.panel h3{font-size:.96rem}.panel-header,.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading h2,.panel-header h2{align-items:center;gap:8px;margin:0;font-size:1rem;display:inline-flex}.section-heading p,.panel-header p{color:var(--muted);margin:4px 0 0;font-size:.84rem}.stat-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:106px;box-shadow:var(--shadow-xs);align-items:center;gap:13px;padding:16px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--primary);width:4px;position:absolute;inset-block:0;inset-inline-start:0}.stat-card:hover{box-shadow:var(--shadow-sm)}.stat-card__icon{border-radius:var(--radius);width:44px;height:44px;color:var(--primary);background:var(--primary-soft);flex:none;justify-content:center;align-items:center;display:inline-flex}.stat-card p,.stat-card__label{color:var(--muted);margin:0;font-size:.82rem;font-weight:700}.stat-card strong,.stat-card__value{color:var(--text);font-family:var(--font-latin);margin-top:5px;font-size:1.75rem;font-weight:800;line-height:1.05;display:block}.stat-card--green:before,.stat-card--green .stat-card__icon{color:var(--green);background:var(--green-soft)}.stat-card--green:before{background:var(--green)}.stat-card--amber:before,.stat-card--amber .stat-card__icon{color:var(--amber);background:var(--amber-soft)}.stat-card--amber:before{background:var(--amber)}.stat-card--red:before,.stat-card--red .stat-card__icon{color:var(--red);background:var(--red-soft)}.stat-card--red:before{background:var(--red)}.stat-card--slate:before,.stat-card--slate .stat-card__icon{color:var(--slate);background:var(--slate-soft)}.stat-card--slate:before{background:var(--slate)}.stat-card--violet:before,.stat-card--violet .stat-card__icon{color:var(--violet);background:var(--violet-soft)}.stat-card--violet:before{background:var(--violet)}.analytics-grid,.profile-grid,.dashboard-grid__main{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;display:grid}.profile-card{gap:18px;display:grid}.profile-card__head{align-items:center;gap:14px;display:flex}.profile-card__head h2,.profile-card__head p{margin:0}.profile-card__head p{color:var(--muted);align-items:center;gap:7px;margin-top:5px;font-size:.86rem;font-weight:800;display:inline-flex}.chart-shell{min-height:260px}.chart-legend{flex-wrap:wrap;gap:9px;margin-top:8px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:7px;font-size:.82rem;font-weight:700;display:inline-flex}.legend-dot{border-radius:999px;width:10px;height:10px}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,284px),1fr));gap:14px;display:grid}.customer-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);gap:13px;padding:16px;display:grid}.customer-card:hover{box-shadow:var(--shadow-sm);border-color:#1769aa47;transform:translateY(-2px)}.customer-card__main{align-items:center;gap:12px;min-width:0;display:flex}.customer-card h3{color:var(--text);margin:0;font-size:1rem;line-height:1.35}.customer-card p{color:var(--muted);margin:3px 0 0;font-size:.84rem}.avatar{width:42px;min-width:42px;height:42px;color:var(--primary);background:var(--primary-soft);font-family:var(--font-latin);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--sm{width:30px;min-width:30px;height:30px;font-size:.74rem}.avatar--xl{width:80px;min-width:80px;height:80px;font-size:2rem}.badge-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-badge,.pill,.badge{min-height:26px;color:var(--slate);background:var(--slate-soft);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.status-badge--Interested,.status-badge--Contacted,.status-badge--Present,.status-badge--Sufficient,.pill--green,.badge--green{color:var(--green);background:var(--green-soft)}.status-badge--Sold,.pill--blue,.badge--blue{color:var(--primary);background:var(--primary-soft)}.status-badge--NotInterested,.status-badge--NoAnswer,.status-badge--Busy,.status-badge--Insufficient,.pill--amber,.badge--amber{color:var(--amber);background:var(--amber-soft)}.status-badge--Absent,.status-badge--OutOfService,.status-badge--Blocked,.pill--red,.badge--red{color:var(--red);background:var(--red-soft)}.status-badge--Closed,.pill--gray,.badge--gray{color:var(--slate);background:var(--slate-soft)}.pill--purple,.badge--purple{color:var(--violet);background:var(--violet-soft)}.mini-list,.details-list,.call-detail-list{gap:0;margin:0;display:grid}.mini-list div,.details-list>div{border-top:1px solid var(--border);grid-template-columns:minmax(96px,.44fr) 1fr;gap:10px;padding-block:9px;display:grid}.mini-list div:first-child,.details-list>div:first-child{border-top:0}.mini-list dt,.details-list dt,.detail-list dt{color:var(--muted);font-size:.78rem;font-weight:800}.mini-list dd,.details-list dd,.detail-list dd{min-width:0;color:var(--text-soft);overflow-wrap:anywhere;margin:0;font-size:.86rem}.detail-list{grid-template-columns:minmax(116px,.36fr) 1fr;row-gap:10px}.detail-list dt,.detail-list dd{border-bottom:1px solid var(--border);padding-block-end:10px}.phone-list{flex-wrap:wrap;gap:8px;display:flex}.phone-list span{border-radius:var(--radius);min-height:34px;color:var(--text-soft);background:var(--surface-soft);border:1px solid var(--border);direction:ltr;align-items:center;padding:6px 10px;display:inline-flex}.timeline{gap:10px;display:grid}.timeline article{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:12px 14px;position:relative}.timeline strong,.timeline p,.timeline small{display:block}.timeline strong{color:var(--text);font-size:.88rem}.timeline p{color:var(--primary);margin:5px 0 0;font-weight:800}.timeline small{color:var(--muted);margin-top:6px}.action-row,.row-actions{flex-wrap:wrap;gap:8px;display:flex}.action-row{border-top:1px solid var(--border);margin-top:2px;padding-top:12px}.row-card .action-row{border:0;margin:0;padding:0}.filter-bar,.filter-panel,.inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-bar{width:100%}.filter-panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);background:#ffffffe6;padding:14px}.filter-panel>.filter-bar{flex:320px;width:auto}.filter-bar select,.filter-bar input:not([type=checkbox]):not([type=radio]):not([type=range]){flex:170px}.search-input{border:1px solid var(--border);border-radius:var(--radius);min-width:min(100%,280px);max-width:540px;min-height:44px;color:var(--muted);background:var(--surface);transition:border-color var(--transition), box-shadow var(--transition);flex:320px;align-items:center;gap:8px;padding-inline:12px;display:flex}.search-input:focus-within{border-color:#1769aa94;box-shadow:0 0 0 4px #1769aa1a}.search-input input{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.filter-panel__toggle{border:1px solid var(--border);border-radius:var(--radius);min-height:42px;color:var(--text-soft);background:var(--surface);cursor:pointer;transition:color var(--transition), background var(--transition), border-color var(--transition);align-items:center;gap:8px;padding:9px 13px;font-weight:800;display:inline-flex}.filter-panel__toggle:hover,.filter-panel__toggle--active{color:var(--primary);background:var(--primary-soft);border-color:#1769aa52}.filter-count{color:#fff;background:var(--primary);min-width:20px;height:20px;font-family:var(--font-latin);border-radius:999px;justify-content:center;align-items:center;padding-inline:6px;font-size:.7rem;display:inline-flex}.form-stack,.form-grid{gap:14px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.form-grid.panel{padding:18px}.form-grid__wide{grid-column:1/-1}label{color:var(--text-soft);gap:7px;font-size:.84rem;font-weight:800;display:grid}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:44px;color:var(--text);background:var(--surface);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);padding:9px 12px}input::placeholder,textarea::placeholder{color:#98a6b8}input:focus,select:focus,textarea:focus{border-color:#1769aa94;outline:none;box-shadow:0 0 0 4px #1769aa1a}textarea{resize:vertical;min-height:104px}.password-field{position:relative}.password-field input{padding-inline-end:44px}.password-toggle{inset-inline-end:8px;border-radius:var(--radius);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary);background:var(--primary-soft)}.checkbox-label{color:var(--text-soft);align-items:center;gap:7px;display:inline-flex}.checkbox-label input{width:17px;height:17px;accent-color:var(--primary)}.field-error,.form-error{color:var(--red)}.field-error{font-size:.77rem;font-weight:700}.form-error{border-radius:var(--radius);background:var(--red-soft);border:1px solid #c7353a2e;margin:0;padding:10px 12px;font-size:.86rem;font-weight:800}.compact-form{gap:12px}.inline-form{align-items:flex-end}.inline-form>input,.inline-form>select,.inline-form>label{flex:180px}.nested-fieldset{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-soft);padding:14px}.phone-row{grid-template-columns:minmax(160px,1.4fr) minmax(130px,.8fr) auto auto;align-items:center;gap:10px;margin-top:10px;display:grid}.product-edit-row{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;display:flex}.product-edit-row input:first-child{flex:140px}.product-edit-row input:nth-child(2){flex:2 190px}.table-list{gap:10px;display:grid}.row-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-xs);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);align-items:center;gap:12px;padding:14px;display:flex}.row-card:hover{box-shadow:var(--shadow-sm);border-color:#1769aa38;transform:translateY(-1px)}.row-card--unread{border-inline-start:4px solid var(--primary);cursor:pointer;background:linear-gradient(90deg,#1769aa14,#fff 42%)}.row-card>div:first-child{flex:auto;min-width:0}.row-card strong,.row-card small,.row-card p{display:block}.row-card strong{color:var(--text)}.row-card small{color:var(--muted);margin-top:3px;font-size:.8rem}.row-card p{color:var(--muted);margin:5px 0 0;font-size:.86rem}.report-table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;box-shadow:var(--shadow-xs);overflow-x:auto}.report-table-wrap--flush{box-shadow:none;border:0;border-radius:0}.report-table{border-collapse:collapse;width:100%;min-width:760px;font-size:.86rem}.report-table th,.report-table td{border-bottom:1px solid var(--border);text-align:start;vertical-align:middle;padding:12px 14px}.report-table th{color:var(--text-soft);background:var(--surface-soft);white-space:nowrap;font-size:.78rem;font-weight:900}.report-table tbody tr:hover{background:#f8fbfe}.report-table tbody tr:last-child td{border-bottom:0}.pagination,.pagination-row{color:var(--muted);font-family:var(--font-latin);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.pagination-row{margin-top:2px}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);min-height:180px;color:var(--muted);text-align:center;background:#ffffff94;place-items:center;gap:10px;padding:34px 20px;display:grid}.empty-state__icon{width:44px;height:44px;color:var(--primary);background:var(--primary-soft);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.empty-state h3,.empty-state p{margin:0}.empty-state h3{color:var(--text);font-size:1rem}.empty-state p{max-width:420px;font-size:.88rem}.skeleton-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:10px;min-height:122px;padding:16px;display:grid}.skeleton-card span,.skeleton-card strong,.skeleton-card p{border-radius:var(--radius);background:linear-gradient(90deg,#edf3f8,#f8fbfd,#edf3f8) 0 0/220% 100%;margin:0;animation:1.2s ease-in-out infinite skeleton;display:block}.skeleton-card span{border-radius:50%;width:42px;height:42px}.skeleton-card strong{width:70%;height:16px}.skeleton-card p{width:46%;height:12px}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.login-page{background:linear-gradient(135deg, #102033f0, #1769aae0), var(--bg);place-items:center;min-height:100svh;padding:24px;display:grid}.login-shell{border-radius:var(--radius);background:#fffffffa;border:1px solid #ffffff2e;grid-template-columns:minmax(0,.95fr) minmax(340px,.75fr);width:min(100%,980px);display:grid;overflow:hidden;box-shadow:0 28px 72px #05101e57}.login-visual{color:#fff;background:linear-gradient(#10203314,#102033b8),linear-gradient(135deg,#1769aa,#0f9f8f);align-content:end;gap:18px;min-height:560px;padding:34px;display:grid;position:relative}.login-visual__logo{object-fit:contain;border-radius:var(--radius);background:#fff;width:96px;height:96px;padding:7px}.login-visual h1{margin:0;font-size:2rem;line-height:1.25}.login-visual p{color:#ffffffd1;max-width:420px;margin:0;font-size:1rem}.login-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.login-metric{border-radius:var(--radius);background:#ffffff1f;border:1px solid #ffffff38;min-height:82px;padding:12px}.login-metric strong,.login-metric span{display:block}.login-metric strong{font-family:var(--font-latin);font-size:1.35rem}.login-metric span{color:#ffffffc7;font-size:.76rem}.login-panel{background:#fff;align-content:center;gap:22px;padding:34px;display:grid}.brand--login{justify-content:flex-start}.brand--login .brand__logo{width:56px;height:56px}.avatar-upload{justify-items:center;gap:8px;display:grid}.avatar-upload__preview{border:2px dashed var(--border-strong);width:88px;height:88px;color:var(--muted);background:var(--surface-soft);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.avatar-upload__preview .overlay{color:#fff;opacity:0;transition:opacity var(--transition);background:#10203385;place-items:center;display:grid;position:absolute;inset:0}.avatar-upload__preview:hover .overlay{opacity:1}.avatar-upload input[type=file],.upload-zone input[type=file]{display:none}.avatar-upload small{color:var(--muted);font-size:.78rem}.upload-zone{border:2px dashed var(--border-strong);border-radius:var(--radius);min-height:220px;color:var(--muted);background:var(--surface-soft);text-align:center;cursor:pointer;transition:color var(--transition), background var(--transition), border-color var(--transition);place-items:center;gap:8px;padding:26px;display:grid}.upload-zone:hover,.upload-zone--active{color:var(--primary);background:var(--primary-soft);border-color:#1769aa75}.upload-zone strong,.upload-zone p{margin:0}.wizard-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.wizard-step{border:1px solid var(--border);border-radius:var(--radius);min-height:44px;color:var(--muted);background:var(--surface);align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;font-weight:800;display:flex;position:relative}.wizard-step__circle,.wizard-step__num{width:26px;height:26px;color:var(--muted);background:var(--surface-muted);font-family:var(--font-latin);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.wizard-step.active{color:var(--primary);background:var(--primary-soft);border-color:#1769aa52}.wizard-step.done{color:var(--green);background:var(--green-soft);border-color:#14834d3d}.wizard-step.active .wizard-step__circle,.wizard-step.active .wizard-step__num{color:#fff;background:var(--primary)}.wizard-step.done .wizard-step__circle,.wizard-step.done .wizard-step__num{color:#fff;background:var(--green)}.progress-bar{background:var(--surface-muted);border-radius:999px;width:100%;height:9px;overflow:hidden}.progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--teal), var(--green));height:100%}.attendance-today-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;display:grid}.attendance-today-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);align-items:center;gap:12px;padding:12px;display:flex}.attendance-today-card--present{border-inline-start:4px solid var(--green)}.attendance-today-card--absent{border-inline-start:4px solid var(--red)}.attendance-today-card__name{color:var(--text);font-weight:800}.attendance-today-card__time{color:var(--muted);margin-top:2px;font-size:.8rem}.quick-record-form{gap:14px;padding:18px;display:grid}.quick-record-form__title{color:var(--text);align-items:center;gap:8px;font-weight:900;display:flex}.quick-record-form__title svg{color:var(--green)}.attendance-summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;font-weight:800;display:flex}.attendance-summary span,.table-user{align-items:center;gap:8px;display:inline-flex}.table-user--wide{flex:auto;gap:12px;min-width:0}.avatar-upload-panel{justify-content:center;display:flex}.attendance-summary__present{color:var(--green)}.attendance-summary__absent{color:var(--red)}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1020338f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);background:var(--surface);width:min(100%,520px);max-height:min(720px,100svh - 36px);box-shadow:var(--shadow-md);padding:20px;overflow:auto}.modal__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal__header h2{margin:0;font-size:1.08rem}.modal-profile{justify-items:center;gap:10px;padding-block:16px;display:grid}.modal-profile h3{margin:0}.modal-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.modal-actions .button{flex:170px}.confirm-text{color:var(--muted);align-self:center;font-size:.85rem;font-weight:800}.role-pill{font-size:.78rem}.toast-container{z-index:120;inset-inline-end:18px;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;bottom:84px}.toast{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);border-inline-start-width:4px;align-items:flex-start;gap:10px;padding:12px 13px;display:flex}.toast--success{border-inline-start-color:var(--green)}.toast--error{border-inline-start-color:var(--red)}.toast--info{border-inline-start-color:var(--primary)}.toast--warning{border-inline-start-color:var(--amber)}.toast__icon{margin-top:2px;display:inline-flex}.toast--success .toast__icon{color:var(--green)}.toast--error .toast__icon{color:var(--red)}.toast--info .toast__icon{color:var(--primary)}.toast--warning .toast__icon{color:var(--amber)}.toast__msg{color:var(--text);flex:1;font-size:.86rem;font-weight:700;line-height:1.55}.toast__close{border-radius:var(--radius);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.toast__close:hover{color:var(--red);background:var(--red-soft)}.tab-nav{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:8px;padding:6px;display:flex;overflow-x:auto}.tab-nav a,.tab-nav button{border-radius:var(--radius);min-height:38px;color:var(--muted);white-space:nowrap;background:0 0;justify-content:center;align-items:center;padding:8px 13px;font-weight:800;display:inline-flex}.tab-nav a.active,.tab-nav button.active,.tab-nav a:hover,.tab-nav button:hover{color:var(--primary);background:var(--primary-soft)}.center-panel{text-align:center;place-items:center;min-height:220px;display:grid}.center-panel p{color:var(--muted);margin:0;font-size:1rem;font-weight:800}.import-help{color:var(--muted);margin:0 0 16px;font-size:.9rem}.required-mark{color:var(--red)}.import-assignment{margin-bottom:16px}.file-summary,.result-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.result-header{text-align:center;justify-items:center;margin-bottom:16px;display:grid}.result-header h2{margin:0}.section-subtitle{margin:18px 0 10px}.standalone-action{margin-top:16px}.import-preview-table,.import-result-table{max-height:400px;margin-top:16px;overflow:auto}.import-result-table{max-height:300px}.row-state-duplicate{background:var(--amber-soft)}.row-state-invalid{background:var(--red-soft)}.import-progress{text-align:center;gap:16px;padding-block:42px;display:grid}.import-progress p{color:var(--muted);margin:0;font-weight:800}.progress-bar__fill--loading{width:60%}.notification-icon{border-radius:var(--radius);width:42px;height:42px;color:var(--primary);background:var(--primary-soft);flex:none;justify-content:center;align-items:center;display:inline-flex}.notification-body{flex:1;min-width:0}.notification-meta{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.notification-meta small{white-space:nowrap}.notification-link{color:var(--primary);margin-top:6px;font-size:.83rem;font-weight:800;display:inline-flex}.unread-dot{background:var(--primary);border-radius:50%;flex:none;width:9px;height:9px}.metric-inline{align-items:center;gap:8px;display:inline-flex}.muted-text{color:var(--muted);font-size:.83rem}.metric-inline .progress-bar{width:110px}.metric-inline--compact .progress-bar{width:68px}.performance-list{gap:2px;display:grid}.performance-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding-block:12px;display:flex}.performance-row:first-child{border-top:0}.performance-row strong,.performance-row small{display:block}.performance-row small{color:var(--muted);margin-top:4px;font-size:.8rem}@media (width>=768px){.sidebar{display:flex}.content-shell{padding:18px 18px 34px;padding-inline-start:calc(var(--sidebar-width) + 18px)}.bottom-nav{display:none}.topbar__user-name{display:block}.toast-container{bottom:24px}}@media (width<=920px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:auto;padding:26px}}@media (width<=760px){.page-header{display:grid}.page-header__action,.page-actions{justify-content:stretch}.page-header__action>*,.page-actions>*{flex:auto}.filter-bar>*,.filter-panel>*,.inline-form>*,.search-input{width:100%;max-width:none}.row-card{flex-direction:column;align-items:flex-start}.row-card>div,.row-actions,.row-card .action-row{width:100%}.row-actions,.row-card .action-row{justify-content:flex-start}.phone-row{grid-template-columns:1fr}.wizard-steps{grid-template-columns:1fr 1fr}.login-metrics{grid-template-columns:1fr}}@media (width<=520px){.content-shell{padding-inline:10px}.topbar{top:6px}.page-header h1{font-size:1.32rem}.panel,.quick-record-form,.customer-card,.row-card,.login-page{padding:14px}.login-panel{padding:24px 18px}.login-visual{padding:22px 18px}.login-visual h1{font-size:1.55rem}.wizard-steps{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.bottom-nav,.filter-bar,.filter-panel,.toast-container,.page-header__action,.action-row,.row-actions{display:none!important}.content-shell{padding:0!important}.page-section{width:100%}.panel,.report-table-wrap{box-shadow:none}}.row-card--clickable{cursor:pointer}.row-card--clickable:hover{box-shadow:var(--shadow-sm);border-color:#1769aa4d}.row-card__main{flex:auto;min-width:0}.call-notes-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:480px;margin:4px 0 0;font-size:.82rem;overflow:hidden}.call-detail-body{gap:18px;padding:0 2px;display:grid}.call-detail-status{justify-content:center;padding:8px 0 4px;display:flex}.call-detail-status .status-badge{padding:7px 18px;font-size:.96rem}.call-detail-list{gap:10px;display:grid}.call-detail-list>div{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.call-detail-list dt{color:var(--muted);border:none;flex:0 0 130px;align-items:center;gap:6px;padding:0;font-size:.82rem;font-weight:700;display:inline-flex}.call-detail-list dd{color:var(--text);border:none;flex:auto;min-width:0;margin:0;padding:0;font-size:.9rem;font-weight:700}.call-detail-list__wide{flex-direction:column!important;gap:6px!important}.call-detail-list__wide dt{flex:unset!important}.call-detail-notes{white-space:pre-line;line-height:1.7;color:var(--text-soft)!important;font-size:.88rem!important;font-weight:400!important}.call-detail-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:-4px;padding-inline-start:2px;font-size:.78rem;font-weight:800}