:root{--navy:#071b36;--navy2:#0c335c;--blue:#1565d8;--blue2:#287df0;--sky:#eaf3ff;--bg:#f4f7fb;--text:#14233b;--muted:#718096;--line:#dce5ef;--white:#fff;--green:#14866d;--orange:#d97706;--red:#d33b4b;--violet:#7756cc;--shadow:0 12px 34px rgba(24,54,94,.09)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:16px}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side{background:linear-gradient(180deg,var(--navy),#092746 70%,var(--navy2));color:#fff;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 27px;border-bottom:1px solid #ffffff1c}.brandmark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#36a4ff,var(--blue));display:grid;place-items:center;font-weight:850;box-shadow:0 8px 20px #001a3970}.brand b{font-size:20px}.brand small{display:block;color:#9dc4eb}.nav{display:grid;gap:7px;margin-top:25px}.nav a{color:#bcd4eb;border-radius:10px;padding:12px 13px;display:flex;gap:11px;align-items:center}.nav a:hover,.nav a.active{background:#ffffff18;color:#fff}.ico{width:23px;text-align:center}.profile{margin-top:auto;border-top:1px solid #ffffff1c;padding:20px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#3182eb;font-weight:800}.profile small{color:#9dc4eb;display:block}.main{min-width:0}.top{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.top h1{font-size:20px;margin:0}.content{padding:28px 32px 50px;max-width:1500px;margin:auto}.hello{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:15px}.hello h2{margin:0 0 5px;font-size:26px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.card,.panel{background:white;border:1px solid #e3eaf3;border-radius:14px;box-shadow:var(--shadow)}.card{padding:19px}.metric{display:flex;justify-content:space-between}.metric b{font-size:28px;display:block;margin-top:7px}.iconbox{width:40px;height:40px;border-radius:11px;background:var(--sky);color:var(--blue);display:grid;place-items:center}.panel{overflow:hidden;margin-bottom:20px}.panel-head{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h3{margin:0;font-size:17px}.panel-body{padding:20px}.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.filters{display:flex;gap:10px;flex-wrap:wrap}.input,.select,textarea{border:1px solid #cfdbe8;border-radius:9px;padding:10px 12px;background:#fff;color:var(--text);font:inherit;width:100%}.filters .input{width:250px}.btn{display:inline-block;border:0;border-radius:9px;padding:10px 15px;font:700 14px inherit;cursor:pointer}.btn-primary{color:white;background:linear-gradient(135deg,var(--blue2),var(--blue));box-shadow:0 6px 14px #1765cf38}.btn-soft{color:var(--blue);background:var(--sky)}.btn-ghost{color:var(--text);background:white;border:1px solid var(--line)}.btn-danger{color:#b62939;background:#fee9eb}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #e7edf4;vertical-align:middle}th{color:#64748b;font-size:13px;background:#f9fbfd}td{font-size:14px}.scroll{overflow-x:auto}.company b{display:block}.company small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:750}.new{background:#e9f3ff;color:#1965bd}.later{background:#fff1d9;color:#a95d00}.interest{background:#dcf7ef;color:#08765c}.noanswer{background:#fee9eb;color:#b62939}.won{background:#e9e4ff;color:#6747b2}.empty{background:#eef2f7;color:#596579}.lock{color:var(--muted);font-size:12px}.flash{padding:13px 16px;border-radius:10px;margin-bottom:15px;transition:.3s}.flash.success{background:#daf5eb;color:#08765c}.flash.error{background:#fee9eb;color:#b62939}.flash.hide{opacity:0;transform:translateY(-5px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formrow{display:grid;gap:7px;margin-bottom:15px}.formrow label{font-weight:700;font-size:14px}.full{grid-column:1/-1}.required{color:var(--red)}.upload{border:2px dashed #b9cce1;border-radius:14px;padding:38px;text-align:center;background:#f9fcff}.mapping{display:grid;grid-template-columns:1fr 40px 1fr;gap:12px;align-items:center;margin-bottom:10px}.mapping .arrow{text-align:center;color:var(--muted)}.week{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.day{border:1px solid var(--line);border-radius:10px;padding:12px;min-height:130px}.day.today{border:2px solid var(--blue);background:#f6faff}.event{font-size:12px;background:var(--sky);color:var(--blue);padding:6px;border-radius:6px;margin-top:7px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 10%,#dbeeff,transparent 35%),linear-gradient(140deg,#eef6ff,#f7f9fc)}.login{width:min(430px,100%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 25px 70px #14355925}.login .brandmark{color:white;margin-bottom:20px}.login h1{margin:0 0 7px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.history{display:grid;gap:10px}.history-item{border-left:3px solid var(--blue);background:#f7faff;padding:12px 14px;border-radius:0 9px 9px 0}.hamb{display:none}.pagination{display:flex;gap:6px;justify-content:flex-end;padding:15px}.pagination a{padding:7px 10px;border:1px solid var(--line);border-radius:7px}.pagination a.active{background:var(--blue);color:white}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid2,.detail-grid{grid-template-columns:1fr}.app{grid-template-columns:82px 1fr}.side{padding:24px 12px}.brand span,.nav .label,.profile div:not(.avatar){display:none}.brand,.nav a,.profile{justify-content:center}}
.nav a.subitem{margin-left:20px;padding-top:9px;padding-bottom:9px;font-size:13px;border-left:2px solid #ffffff22;border-radius:0 9px 9px 0}.transfer-alert{display:flex;justify-content:space-between;align-items:center;gap:15px}.transfer-alert span{font-size:13px}.modal-dialog{width:min(560px,calc(100% - 30px));border:0;border-radius:16px;padding:25px;box-shadow:0 25px 80px #071b3655;color:var(--text)}.modal-dialog::backdrop{background:#071b3699}.modal-dialog h3{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px}.import-selection{border:1px solid var(--line);border-radius:10px}.import-selection thead{position:sticky;top:0;z-index:2}
.badge.handed{background:#fff0dc;color:#a65300;margin-top:7px}.handover-note{white-space:normal;max-width:360px;line-height:1.45;color:#4b5e77!important}.account-actions{display:flex;gap:7px;flex-wrap:wrap}.account-actions form{margin:0}.date-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.date-nav .input{width:auto}.calendar-client{white-space:normal;min-width:220px}.my-week{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.calendar-day{display:grid;gap:5px;border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center;background:#fff}.calendar-day span,.calendar-day small{color:var(--muted)}.calendar-day.selected{border:2px solid var(--blue);background:var(--sky);color:var(--blue)}.calendar-day.today:not(.selected){border-color:#78aef0}
.system-head{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:27px 30px;border-radius:17px;background:linear-gradient(125deg,#071b36 0%,#0c4175 62%,#1677dc 100%);color:#fff;box-shadow:0 18px 45px rgba(7,27,54,.22)}.system-head:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-150px;background:#ffffff12}.system-head h2{font-size:29px;margin:4px 0 6px}.system-head p{margin:0;color:#c8def4}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#7fc4ff}.system-refresh{position:relative;z-index:1;display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#ffffff12;border:1px solid #ffffff24;padding:10px 11px;border-radius:12px}.system-refresh .btn{background:#fff}.online-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#24c78e;box-shadow:0 0 0 4px #24c78e24}.system-cards .system-card{border-top:3px solid #2d7fe4}.system-cards .system-card.live{border-top-color:#24a879}.system-card small{display:block;color:var(--muted);margin-top:5px}.system-card.live .iconbox{color:#16805f;background:#dcf7ef}.system-inactive-row{opacity:.56}.system-log-scroll{max-height:680px}.system-log-scroll thead{position:sticky;top:0;z-index:2}.system-log-details{white-space:normal;min-width:300px;max-width:520px;line-height:1.45;color:#4b5e77}
@media(max-width:700px){.app{display:block}.side{height:100vh;position:fixed;inset:0 18% 0 0;z-index:15;transform:translateX(-105%);transition:.25s}.side.open{transform:none}.side .brand span,.side .nav .label,.side .profile div:not(.avatar){display:block}.nav a{justify-content:flex-start}.top{height:65px;padding:0 16px}.hamb{display:block;border:0;background:#edf3f9;border-radius:8px;padding:8px 10px}.content{padding:20px 15px}.cards{grid-template-columns:1fr 1fr;gap:10px}.card{padding:14px}.metric b{font-size:22px}.week{grid-template-columns:1fr}.my-week{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.mapping{grid-template-columns:1fr}.mapping .arrow{transform:rotate(90deg)}th,td{white-space:nowrap}.hello{align-items:flex-start;flex-direction:column}.transfer-alert{align-items:flex-start;flex-direction:column}.nav a.subitem{margin-left:10px}.system-head{align-items:flex-start;flex-direction:column;padding:22px}.system-refresh{width:100%}.system-cards{grid-template-columns:1fr}.system-log-details{min-width:260px}}
.side{overflow-y:auto}
.nav .label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-hero{margin-bottom:22px;padding:28px 30px;border-radius:17px;background:linear-gradient(125deg,#071b36,#0c4175 62%,#1677dc);color:#fff;box-shadow:0 18px 45px rgba(7,27,54,.2)}.database-hero h2{margin:5px 0 7px;font-size:32px;line-height:1.15;text-transform:uppercase;letter-spacing:.3px}.database-hero p{margin:0;color:#c8def4}.database-cards{grid-template-columns:repeat(3,1fr)}.manual-info{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-radius:10px;background:var(--sky);color:#315b8b}.manual-info span{font-size:14px}.nav a[href*="callcenter_database"]{background:#ffffff0b}
@media(max-width:700px){.database-cards{grid-template-columns:1fr}.database-hero{padding:22px}.database-hero h2{font-size:25px}}
.import-history-panel{overflow:visible}.import-history-filters{border-bottom:1px solid var(--line);background:#fbfdff}.import-filters{align-items:end}.import-filters .formrow{margin:0;min-width:160px}.import-filters .formrow .input,.import-filters .formrow .select{width:100%}.import-filters .import-name-filter{flex:1;min-width:230px}.import-filter-actions{display:flex;gap:8px;padding-bottom:1px}.import-bulk-toolbar{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#eef6ff;border-bottom:1px solid #d8e7f7}.import-bulk-toolbar>div:first-child{display:grid;gap:3px;margin-right:auto}.import-bulk-toolbar small{color:var(--muted)}.import-bulk-toolbar .select{width:min(360px,100%)}.check-col{width:48px;text-align:center}.check-col input{width:18px;height:18px;accent-color:var(--blue);cursor:pointer}.assignment-progress{padding:14px 20px;border-bottom:1px solid var(--line);background:#f8fbff}.assignment-progress[hidden]{display:none}.assignment-progress-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:8px;color:#275f9e}.assignment-progress-track{height:10px;overflow:hidden;border-radius:999px;background:#dbe8f5}.assignment-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#287df0,#25b4e8);transition:width .2s ease}.assignment-progress.is-done .assignment-progress-head{color:#08765c}.assignment-progress.is-done .assignment-progress-track span{background:#24a879}.assignment-progress.has-error .assignment-progress-head{color:#b62939}.assignment-progress.has-error .assignment-progress-track span{background:#d33b4b}.import-bulk-toolbar button:disabled{opacity:.55;cursor:wait}
@media(max-width:850px){.import-bulk-toolbar{align-items:stretch;flex-direction:column}.import-bulk-toolbar .select{width:100%}.import-filter-actions{width:100%}.import-filter-actions .btn{flex:1;text-align:center}}
.system-refresh .system-danger-link{background:#c92f42;color:#fff;box-shadow:0 6px 18px #071b3635}.clear-data-warning{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding:20px 22px;border:1px solid #f0b8c0;border-radius:14px;background:#fff1f2;color:#8f2332}.clear-data-warning h3{margin:0 0 7px}.clear-data-warning p{margin:0;line-height:1.55}.clear-data-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#c92f42;color:#fff;font-size:22px;font-weight:900}.clear-data-cards .card{border-top:3px solid #d33b4b}.clear-data-cards .safe-card{border-top-color:#24a879}.danger-icon{background:#fee9eb;color:#b62939}.danger-zone{border:1px solid #f0b8c0}.danger-zone .panel-head{background:#fff7f8}.danger-confirm-check{display:flex;align-items:flex-start;gap:11px;margin-bottom:20px;padding:15px;border:1px solid #f0ccd1;border-radius:10px;background:#fff8f9;line-height:1.45}.danger-confirm-check input{flex:0 0 auto;width:19px;height:19px;margin-top:1px;accent-color:#c92f42}.danger-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-danger-solid{background:#c92f42;color:#fff;box-shadow:0 6px 16px #c92f4235}.btn-danger-solid:hover,.system-danger-link:hover{background:#a92334}
@media(max-width:700px){.clear-data-cards{grid-template-columns:1fr}.clear-data-warning{padding:17px}.danger-actions{align-items:stretch;flex-direction:column-reverse}.danger-actions .btn{text-align:center}}