@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--app-bg: #f8f8f8;--sidebar-bg: #d9d9d9;--border: #d5d5d5;--border-dark: #bdbdbd;--text: #1b1b1b;--muted: #7d7d7d;--brand-blue: #2f54df;--brand-yellow: #ffd600;--surface: #ffffff;--surface-soft: #f2f2f2;--surface-tint: #ececec;--green: #3ac96a;--green-soft: #eafaf0;--red: #ff776a;--red-soft: #fff1ee;--shadow: 0 10px 30px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%;max-height:100%;height:100vh}body{margin:0;background:var(--app-bg);color:var(--text);font-family:Inter,sans-serif;height:100vh;overflow:hidden}button,input,select{font:inherit}button{border:0;cursor:pointer;background:none}input{outline:none}a{color:inherit;text-decoration:none}.icon{display:inline-flex;width:18px;height:18px}.icon svg{width:100%;height:100%}.brand-accent{color:var(--brand-blue)}.desktop-shell{min-height:100vh;max-height:100vh;display:grid;grid-template-columns:204px minmax(0,1fr);overflow:hidden}.desktop-sidebar{background:var(--sidebar-bg);border-right:1px solid #cacaca;padding:28px 14px}.desktop-brand{display:flex;gap:0;font-size:1.05rem;font-weight:700;margin:4px 6px 34px}.desktop-nav{display:grid;gap:8px}.desktop-nav-item{padding:12px 6px;border-radius:8px;font-size:.95rem;font-weight:700}.desktop-nav-item.active{padding-left:8px;background:#b4b4b4;color:#fff}.desktop-main{display:grid;grid-template-rows:82px minmax(0,1fr);min-height:0}.desktop-header{border-bottom:1px solid #e5e5e5;padding:18px 26px;display:flex;align-items:center}.desktop-header-spacer{height:32px}.desktop-search{width:295px;height:32px;border-radius:12px;background:#e5e5e5;display:flex;align-items:center;gap:10px;color:#818181;padding:0 16px}.desktop-search input{width:100%;border:0;background:transparent}.desktop-page{padding:12px 14px 16px;width:100%;max-width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}.desktop-breadcrumb{color:#666;font-weight:700;margin:2px 8px 10px;font-size:.85rem}.desktop-page-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:6px}.desk-action-group{display:flex;gap:14px}.desk-action-button{min-width:142px;height:38px;border-radius:12px;background:#dbdbdb;color:#5e5e5e;font-weight:700;box-shadow:inset 0 0 0 1px #00000008}.desk-action-button.muted{min-width:104px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:18px}.metric-card-plain{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:18px 16px;display:flex;align-items:center;gap:12px}.metric-card-plain p{margin:0;color:#777;font-size:.86rem;font-weight:600}.metric-card-plain strong{display:block;margin-top:5px;font-size:1.75rem}.metric-icon{width:28px;height:28px;border-radius:999px;background:#efefef;color:#8a8a8a;display:grid;place-items:center}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,.8fr);gap:16px;margin-bottom:14px}.desk-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:8px 0;width:100%;max-width:100%;overflow:hidden}.desk-card h3{margin:0 0 8px;font-size:1.03rem;padding:0 12px;font-weight:600}.analytics-wrap{height:240px;padding:0}.analytics-card{padding:0!important}.analytics-card h3{padding:12px}.desk-scroll{max-height:215px;overflow-y:auto;overflow-x:hidden;padding-right:10px}.desk-scroll::-webkit-scrollbar{width:6px}.desk-scroll::-webkit-scrollbar-track{background:transparent}.desk-scroll::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.desk-scroll::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.activity-line{margin:0 0 12px;color:#5e5e5e;line-height:1.4;font-weight:500;font-size:.88rem}.employees-preview-card{padding:12px 0;display:flex;flex-direction:column;min-height:320px;max-height:450px}.employees-preview-card .desk-table{flex:1;overflow-y:auto;overflow-x:hidden}.employees-preview-card::-webkit-scrollbar{width:6px}.employees-preview-card::-webkit-scrollbar-track{background:transparent}.employees-preview-card::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.employees-preview-card::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.activity-card{padding:17px!important}.activity-card h3,.activity-card .desk-scroll{padding:0 12px}.desk-table{display:grid;width:100%;grid-auto-flow:row}.desk-table-row{display:grid;align-items:center;gap:12px;border-top:1px solid #ebebeb;padding:10px 12px}.desk-table.headless .desk-table-row:first-child{border-top:0}.desk-table-head{color:#778396;font-size:.79rem;font-weight:700;border-top:0;padding:8px 12px}.headless .desk-table-row{grid-template-columns:minmax(240px,1.4fr) 150px 126px 118px 120px;padding:10px 12px}.table-card .desk-table-row:not(.lead-head-row):not(.lead-data-row){grid-template-columns:28px minmax(200px,1.35fr) 130px 110px 110px 110px 26px}.table-card{width:100%;max-width:100%;overflow:hidden}.lead-head-row,.lead-data-row{display:grid!important;grid-template-columns:28px 160px 200px 95px 85px 90px 90px 120px 80px 75px 130px;gap:8px;align-items:center;border-top:1px solid #ebebeb;padding:10px 12px}.desk-table-head.lead-head-row{color:#778396;font-size:.75rem;font-weight:700;border-top:0;padding:8px 12px 12px}.lead-data-row span,.lead-head-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:.87rem}.lead-table{display:grid!important;grid-auto-flow:row;min-height:auto;align-content:start;width:100%;max-width:100%;overflow:hidden}.employee-name-cell{display:flex;align-items:center;gap:12px}.employee-name-cell strong,.schedule-head strong,.lead-card-top strong{display:block}.employee-name-cell span{display:block;color:#8b96a7;font-size:.85rem;margin-top:2px}.avatar-badge,.employee-photo{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-size:.84rem;font-weight:700;color:#b56b45;background:#faede8}.avatar-badge.lavender{background:#cab6e4;color:#fff}.employee-photo{object-fit:cover}.pill-id{justify-self:start;padding:3px 8px;border-radius:999px;background:#f0f2f6;color:#5e6d82;font-weight:700;font-size:.78rem}.status-badge{justify-self:start;padding:5px 11px;border-radius:999px;font-size:.78rem;font-weight:700}.status-badge.active{background:var(--green-soft);color:#31b963}.status-badge.inactive{background:var(--red-soft);color:#ff7b70}.checkbox-shell input{width:18px;height:18px;accent-color:#c8c8c8}.menu-cell{position:relative;justify-self:end}.icon-button,.icon-link,.filter-button{width:28px;height:28px;border-radius:999px;color:#64748b;display:grid;place-items:center}.table-menu{position:absolute;right:0;top:26px;width:108px;border-radius:12px;background:#fff;border:1px solid #d7d7d7;box-shadow:0 8px 20px #00000024;padding:8px;display:grid;gap:6px;z-index:8}.table-menu button{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;text-align:left;color:#484848}.table-menu button:hover{background:#f1f1f1}.pagination-shell{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 12px}.pager-button{height:34px;padding:0 12px;border-radius:10px;border:1px solid #d9dfe8;color:#627087;display:inline-flex;align-items:center;gap:8px}.page-list{display:flex;gap:10px;align-items:center}.page-number{width:30px;height:30px;border-radius:8px;color:#6e7b8d}.page-number.active{background:#eef2f7;font-weight:700}.floating-bulk-delete{position:fixed;right:28px;bottom:28px;padding:12px 16px;border-radius:999px;background:#212121;color:#fff;box-shadow:var(--shadow)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;display:grid;place-items:center;padding:26px;z-index:30}.modal-panel{width:min(100%,824px)}.form-modal,.csv-modal{background:#fff;border-radius:18px;padding:18px 20px 16px;border:1px solid #d8d8d8;box-shadow:0 18px 40px #00000029}.form-modal.narrow{width:470px;max-width:100%}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.modal-top h3{margin:0;font-size:1.02rem}.modal-top p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.modal-form-grid{display:grid;gap:14px}.field-block{display:grid;gap:8px}.field-block span{color:#767676;font-weight:500}.field-block input,.field-block select{height:40px;border-radius:10px;border:1px solid #aeb3bb;padding:0 14px;background:#fff}.modal-actions{margin-top:16px;display:flex;gap:10px;justify-content:space-between}.modal-actions.start{justify-content:flex-start}.modal-actions.end{justify-content:flex-end}.modal-secondary,.modal-primary{min-width:92px;height:36px;border-radius:10px;font-weight:700}.modal-secondary{background:#fff;border:1px solid #d5d5d5;color:#757575}.modal-primary.dark{background:#06262d;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px}.upload-dropzone{display:grid;justify-items:center;gap:10px;min-height:162px;padding:16px;border-radius:14px;border:2px dashed #bababa;color:#525252;text-align:center}.upload-dropzone input{display:none}.upload-icon{width:34px;height:34px;color:#09272d}.browse-pill{min-width:106px;height:30px;border-radius:10px;border:1px solid #c7c7c7;display:grid;place-items:center;font-weight:600}.upload-file-name{width:100%;height:32px;border-radius:8px;border:1px solid #ececec;background:#fafafa;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#acacac}.csv-error{margin:10px 0 0;color:#d94747;font-size:.85rem;font-weight:600}.upload-dropzone.verifying{place-items:center}.progress-ring{width:54px;height:54px;border-radius:999px;background:conic-gradient(#212121 0,#212121 216deg,#ededed 216deg,#ededed 360deg);display:grid;place-items:center}.progress-ring-inner{width:36px;height:36px;border-radius:999px;background:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:700}.cancel-chip{min-width:50px;height:26px;border-radius:8px;background:#fff;border:1px solid #e2e2e2;color:#8d8d8d}.settings-card{min-height:580px}.settings-tab{display:inline-flex;padding:0 12px 10px;border-bottom:2px solid #7a7a7a;color:#797979;font-weight:600;margin-bottom:18px}.settings-grid{width:min(380px,100%);display:grid;gap:14px}.settings-save-row{display:flex;justify-content:flex-end;margin-top:102px}.mobile-backdrop{min-height:100vh;background:#262626;display:grid;place-items:center;padding:20px}.mobile-shell{width:333px;min-height:716px;background:#fff;border:2px solid #2da2ff;display:grid;grid-template-rows:1fr auto 16px;overflow:hidden}.login-shell{background:#2f54df;grid-template-rows:1fr}.mobile-stage{min-height:0;overflow-y:auto;background:#fff}.mobile-hero{min-height:108px;padding:18px 20px 20px;background:radial-gradient(circle at left top,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 60px,transparent 61px),var(--brand-blue);color:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:18px}.mobile-brand{display:flex;font-size:1rem;font-weight:700}.mobile-hero p{margin:14px 0 4px;font-size:.84rem}.mobile-hero h2,.mobile-title-row{margin:0;font-size:1.05rem;font-weight:700}.mobile-title-row{display:flex;align-items:center;gap:8px;margin-top:12px}.mobile-section{padding:18px 18px 10px}.mobile-section h3{margin:0 0 12px;font-size:1rem}.timing-card{margin-bottom:12px;background:var(--brand-blue);color:#fff;border-radius:14px;padding:14px;display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:center;box-shadow:0 4px 10px #00000038}.timing-card span,.break-row span,.schedule-head span{display:block;font-size:.82rem}.timing-card strong,.break-row strong,.schedule-head strong,.schedule-card strong{font-size:1rem}.status-toggle{width:12px;height:34px;border-radius:999px;border:2px solid #fff;padding:0}.status-toggle.green{background:#78eb1d}.status-toggle.red{background:#f11717}.status-toggle.grey{background:#d8d8d8}.break-log-card{background:#e9edf5;border:1px solid #d0d0d0;border-radius:14px;padding:10px 12px}.break-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-bottom:10px}.mobile-activity-box{height:142px;overflow:auto;border-radius:14px;background:#f0f0f0;color:#676767;padding:16px 18px;line-height:1.45}.mobile-search{width:100%;height:34px;border-radius:12px;background:#dfdfdf;color:#707070;padding:0 12px;display:flex;align-items:center;gap:10px}.mobile-search input{width:100%;border:0;background:transparent}.mobile-card-list,.schedule-list{display:grid;gap:14px;margin-top:16px}.lead-mobile-card,.schedule-card{position:relative;background:#f2f2f2;border-radius:14px;padding:18px 14px 16px}.lead-mobile-card:before{content:"";position:absolute;left:0;top:18px;width:4px;height:42px;border-radius:999px}.lead-mobile-card.hot:before{background:#ff7a00}.lead-mobile-card.warm:before{background:#ffd500}.lead-mobile-card.cold:before{background:#f0cbaa}.lead-card-top{display:flex;justify-content:space-between;gap:12px}.lead-card-top span,.lead-date-row span{color:#98a0af;font-size:.83rem}.lead-status-ring{width:72px;height:72px;border-radius:999px;display:grid;place-items:center;font-size:.92rem;font-weight:700;background:#fff}.lead-status-ring.ongoing{border:8px solid #ff7a00;color:#666}.lead-status-ring.warm{border-color:#ffd500}.lead-status-ring.cold{border-color:#f0cbaa}.lead-status-ring.closed{border:8px solid #f0cbaa;color:#666}.lead-date-row{margin-top:18px;display:flex;justify-content:space-between;align-items:center}.lead-actions{display:flex;gap:6px;color:#2f54df}.mini-popover{position:absolute;z-index:8;background:#fff;border:1px solid #cfcfcf;border-radius:12px;box-shadow:0 10px 20px #00000029;padding:10px}.type-popover{right:92px;top:62px;display:grid;gap:6px;width:82px}.schedule-popover{right:42px;top:102px;width:112px;display:grid;gap:6px}.status-popover{right:18px;top:102px;width:188px;display:grid;gap:8px}.filter-popover{right:0;top:42px;width:124px;display:grid;gap:6px}.mini-popover span{color:#6c6c6c;font-size:.78rem}.mini-popover input,.filter-select{width:100%;height:28px;border-radius:6px;border:1px solid #d1d1d1;padding:0 8px;color:#777}.type-chip,.status-option,.filter-list button,.popover-save{height:28px;border-radius:6px;font-weight:700}.type-chip.hot{background:#ff7a00;color:#fff}.type-chip.warm{background:#ffd500;color:#555}.type-chip.cold{background:#08d1f1;color:#fff}.status-option{background:#f5f5f5;color:#a4a4a4}.status-option.ongoing{color:#8d8d8d}.popover-save{background:#2f2f2f;color:#fff}.mobile-toast{position:fixed;right:28px;bottom:108px;padding:10px 14px;border-radius:999px;background:#fffffff2;box-shadow:var(--shadow);color:#7a7a7a;font-size:.84rem}.schedule-toolbar{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px}.filter-button{background:#e0e0e0}.filter-list{display:grid;gap:4px}.filter-list button{background:#f1f1f1;color:gray}.schedule-card.highlighted{background:var(--brand-blue);color:#fff}.schedule-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.schedule-meta{display:flex;align-items:center;gap:8px;margin:16px 0 6px}.schedule-card p{margin:0}.mobile-form{display:grid;gap:14px}.mobile-field input{height:32px}.profile-actions{display:flex;gap:12px;margin-top:16px}.profile-save,.profile-logout{flex:1;height:34px;border-radius:10px;color:#fff;font-weight:700}.profile-save{background:var(--brand-blue)}.profile-logout{background:#ef3d20}.mobile-nav{border-top:1px solid #e7e7e7;padding:10px 14px 6px;display:grid;grid-template-columns:repeat(4,1fr)}.mobile-nav-item{display:grid;justify-items:center;gap:4px;color:#5e6d82;font-size:.77rem}.mobile-nav-item.active{color:var(--brand-blue)}.phone-home-indicator{width:104px;height:4px;border-radius:999px;background:#4f4f73;justify-self:center;margin-bottom:6px}.login-panel{min-height:100%;display:grid;align-content:center;justify-items:center;gap:24px;padding:24px}.login-brand{display:flex;color:#fff;font-weight:700;font-size:1.25rem}.login-fields{width:100%;display:grid;justify-items:center;gap:18px}.login-fields input{width:228px;height:26px;border-radius:8px;border:0;background:#dedede;padding:0 12px;font-size:.82rem}.login-fields button{width:90px;height:28px;border-radius:8px;background:#dedede;color:#888;font-weight:700}.login-error{margin:0;max-width:240px;color:#fff3bf;font-size:.76rem;text-align:center}@media (max-width: 1100px){.dashboard-metrics,.dashboard-grid{grid-template-columns:1fr}.desktop-shell{grid-template-columns:170px minmax(0,1fr)}.headless .desk-table-row,.table-card .desk-table-row,.lead-head-row,.lead-data-row{grid-template-columns:repeat(3,minmax(0,1fr))}}