:root{--ink:#18233a;--muted:#728099;--line:#e7ebf2;--canvas:#f6f8fc;--card:#fff;--primary:#3d5ddd;--primary-dark:#2947c9;--primary-soft:#edf1ff;--green:#168363;--green-soft:#e8f7f1;--red:#c14858;--red-soft:#fff0f2;--amber:#aa6a15;--amber-soft:#fff6e4;--blue:#2973aa;--blue-soft:#eaf5fc;--shadow:0 8px 30px rgba(24,35,58,.06);--radius:16px}*{box-sizing:border-box}html{min-width:320px}body{margin:0;font-family:"DM Sans",system-ui,sans-serif;background:var(--canvas);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;padding:26px 14px 16px;background:#fff;border-right:1px solid var(--line);z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.6px;padding:0 10px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--primary);color:#fff;box-shadow:0 4px 10px #3d5ddd44}.workspace-switch{margin:31px 7px 20px;border:1px solid var(--line);border-radius:10px;padding:10px 9px;display:flex;gap:9px;align-items:center;color:#43516a;font-size:12px;font-weight:600}.workspace-switch i{margin-left:auto;font-size:10px}.workspace-dot{width:8px;height:8px;border-radius:99px;background:#e9b550}.side-nav{display:flex;gap:4px;flex-direction:column}.side-nav a{height:42px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:12px;font-weight:600;color:#68758d;transition:.18s}.side-nav a i{font-size:17px;width:19px;text-align:center}.side-nav a:hover{background:#f5f7fc;color:var(--ink)}.side-nav a.active{color:var(--primary);background:var(--primary-soft)}.nav-caption{font-size:10px;color:#9aa4b6;text-transform:uppercase;letter-spacing:1px;font-weight:800;margin:21px 12px 6px}.sidebar-user{margin-top:auto;padding:15px 7px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.sidebar-user div:nth-child(2){min-width:0;flex:1}.sidebar-user strong,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{font-size:12px}.sidebar-user small{font-size:11px;color:var(--muted);margin-top:2px}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:800;color:#fff;flex:none}.avatar-gradient{background:linear-gradient(145deg,#574dc7,#e175b2)}.app-main{margin-left:254px;width:calc(100% - 254px);min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 35px;gap:20px;position:sticky;top:0;z-index:10}.global-search{width:min(440px,52vw);height:38px;border:1px solid transparent;background:#f6f7fb;border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 10px;color:#8b96aa}.global-search:focus-within{border-color:#b7c4f7;background:#fff}.global-search input{background:transparent;border:0;outline:0;flex:1;min-width:0;color:var(--ink);font-size:13px}.global-search kbd{font-size:10px;border:1px solid #dde2eb;background:#fff;padding:2px 4px;border-radius:4px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:11px}.icon-btn{border:0;background:transparent;color:#67748d;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:17px}.icon-btn:hover{background:#f1f3f8;color:var(--ink)}.icon-btn.subtle{width:28px}.mobile-menu{display:none}.page-content{padding:32px 35px 50px;max-width:1640px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{font-family:Manrope,sans-serif;letter-spacing:-1.3px;margin:0;font-size:25px}.page-heading p{margin:6px 0 0;color:var(--muted)}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.button{height:38px;border-radius:9px;border:1px solid transparent;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:12px;white-space:nowrap}.button-primary{background:var(--primary);color:#fff;box-shadow:0 3px 7px #3d5ddd2c}.button-primary:hover{background:var(--primary-dark)}.button-secondary{background:#fff;border-color:var(--line);color:#4b5870}.button-secondary:hover,.button-ghost:hover{background:#f7f8fb}.button-ghost{background:transparent;color:#59667d}.button-danger{background:var(--red);color:#fff}.button-full{width:100%}.button-large{height:46px;font-size:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:17px;min-height:130px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px #24345912}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:16px}.kpi-icon.green{background:var(--green-soft);color:var(--green)}.kpi-icon.amber{background:var(--amber-soft);color:var(--amber)}.kpi-icon.red{background:var(--red-soft);color:var(--red)}.kpi-dash{color:#b5bdca}.kpi-number{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px;margin-top:17px}.kpi-label{font-weight:700;color:#5a667c;font-size:12px;margin-top:1px}.kpi-foot{font-size:11px;color:#9ba5b5;margin-top:7px}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.85fr);gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-header{padding:18px 19px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-header h2{font-family:Manrope,sans-serif;font-size:15px;margin:0;letter-spacing:-.4px}.panel-header p{margin:3px 0 0;font-size:12px;color:var(--muted)}.panel-body{padding:0 19px 19px}.text-link{font-size:12px;font-weight:700;color:var(--primary)}.chart-wrap{height:240px;position:relative}.follow-counts{padding:0 19px 17px}.follow-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eff1f5}.follow-row:last-child{border:0}.follow-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.follow-row.overdue .follow-icon{background:var(--red-soft);color:var(--red)}.follow-row.upcoming .follow-icon{background:var(--green-soft);color:var(--green)}.follow-row strong{font-size:18px;margin-left:auto}.follow-row span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.table-wrap{overflow:auto;border-top:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;font-size:10px;letter-spacing:.65px;text-transform:uppercase;color:#94a0b1;font-weight:800;background:#fbfcfe;white-space:nowrap;padding:12px 14px;position:sticky;top:0;z-index:1}td{padding:13px 14px;border-top:1px solid #eff1f5;vertical-align:middle;color:#49566d;font-size:12px}tbody tr{transition:.15s}tbody tr:hover{background:#fafbfe}.name-cell{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:700}.lead-avatar{width:29px;height:29px;border-radius:9px;background:#eff1fb;color:#5764aa;display:grid;place-items:center;font-size:10px;font-weight:800}.muted{color:var(--muted)}.small{font-size:11px}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:800;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-success{color:var(--green);background:var(--green-soft)}.status-danger{color:var(--red);background:var(--red-soft)}.status-muted{color:#718097;background:#f0f2f6}.status-warning{color:var(--amber);background:var(--amber-soft)}.status-info{color:var(--blue);background:var(--blue-soft)}.status-locked{color:#5e45b3;background:#f0ecff}.action-menu{display:flex;gap:2px}.table-link{color:var(--primary);font-weight:700}.filter-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);margin-bottom:15px}.filter-primary{padding:13px;display:flex;gap:9px;align-items:center}.search-field{height:40px;min-width:190px;flex:1;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:0 11px;gap:8px;color:#95a0b1}.search-field input{outline:0;border:0;min-width:0;width:100%;color:var(--ink)}select,input[type=date],input[type=time],input[type=text],input[type=email],input[type=password],textarea{border:1px solid #dce2eb;border-radius:9px;background:#fff;color:var(--ink);outline:0;padding:9px 10px;width:100%;transition:border .15s,box-shadow .15s}select:focus,input:focus,textarea:focus{border-color:#8ca2ec;box-shadow:0 0 0 3px #3d5ddd15}.select-compact{width:auto;height:40px;min-width:125px}.filters-advanced{border-top:1px solid var(--line);padding:13px;display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.filters-advanced.open{display:grid}.filters-advanced label,.form-field label,form>label,.modal-card label{font-size:11px;font-weight:800;color:#5b6679;display:block;margin-bottom:5px}.filter-actions{display:flex;align-items:end;gap:8px}.active-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 13px 12px}.filter-chip{background:var(--primary-soft);color:#4c60bb;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:700}.bulk-bar{display:none;align-items:center;gap:10px;background:#f0f3ff;border:1px solid #dce4ff;border-radius:11px;padding:8px 11px;margin-bottom:12px;color:#4055b0;font-weight:700;font-size:12px}.bulk-bar.visible{display:flex}.bulk-bar .spacer{flex:1}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;color:var(--muted);font-size:12px}.pages{display:flex;gap:4px}.page-btn{height:29px;min-width:29px;border:1px solid var(--line);background:#fff;color:#657188;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:700}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.lead-cards{display:none}.lead-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:10px;box-shadow:var(--shadow)}.lead-card-top{display:flex;gap:9px}.lead-card-top h3{font-family:Manrope,sans-serif;font-size:14px;margin:0}.lead-card-top p{font-size:11px;color:var(--muted);margin:3px 0 0}.card-kebab{margin-left:auto}.lead-contact{display:grid;gap:5px;margin:14px 0;color:#647087;font-size:12px}.lead-contact i{width:15px;color:#8793ab}.lead-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f4;padding-top:12px;margin-top:12px}.card-actions{display:flex;gap:8px}.card-action{border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:700;padding:2px}.empty-state{text-align:center;padding:48px 22px}.empty-icon{font-size:29px;color:var(--primary);width:58px;height:58px;display:grid;place-items:center;background:var(--primary-soft);border-radius:18px;margin:0 auto 14px}.empty-state h2{font-family:Manrope,sans-serif;font-size:17px;margin:0}.empty-state p{color:var(--muted);margin:7px auto 18px;max-width:360px}.form-panel{max-width:900px}.form-panel .panel-body{padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-field.full{grid-column:1/-1}.form-field{min-width:0}.required{color:var(--red)}.field-help{font-size:10px;color:var(--muted);margin-top:4px}.field-error{font-size:10px;color:var(--red);margin-top:4px}.form-actions{display:flex;gap:9px;border-top:1px solid var(--line);margin-top:22px;padding-top:17px;justify-content:flex-end}.lead-hero{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:20px}.lead-hero-main{display:flex;gap:13px}.lead-hero .lead-avatar{width:48px;height:48px;border-radius:14px;font-size:15px}.lead-hero h1{font-family:Manrope,sans-serif;margin:0;font-size:22px;letter-spacing:-.8px}.lead-hero p{margin:4px 0;color:var(--muted)}.lead-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.details-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:18px;margin-top:18px}.details-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#9aa5b5;font-weight:800;margin-bottom:4px}.detail-value{font-size:13px;color:#344158;word-break:break-word}.timeline{position:relative;padding-left:21px}.timeline:before{content:"";position:absolute;top:7px;bottom:10px;left:5px;border-left:1px solid #dfe5ee}.timeline-item{position:relative;padding:0 0 18px}.timeline-dot{width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid var(--primary);position:absolute;left:-21px;top:3px}.timeline-item h4{font-size:12px;margin:0 0 3px}.timeline-item p{margin:0;color:#637087;font-size:12px;line-height:1.5;white-space:pre-wrap}.timeline-item time{font-size:10px;color:#99a4b4;display:block;margin-top:6px}.remark-box{border-top:1px solid var(--line);padding:17px 19px}.remark-box textarea{margin-bottom:8px}.follow-tabs{display:flex;gap:6px;margin-bottom:18px}.follow-tabs a{padding:7px 10px;border-radius:7px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:700;color:#6c7890}.follow-section{margin-bottom:22px}.follow-section h2{font-family:Manrope,sans-serif;font-size:16px;margin:0 0 9px}.import-steps{display:flex;gap:0;max-width:750px;margin:0 auto 26px;justify-content:center}.import-step{flex:1;text-align:center;position:relative;font-size:11px;font-weight:700;color:#9ba6b6}.import-step:before{content:"";display:block;width:25px;height:25px;border:1px solid #dce2eb;background:#fff;border-radius:50%;margin:0 auto 6px;position:relative;z-index:1}.import-step:not(:last-child):after{content:"";height:1px;background:#dce2eb;position:absolute;top:12px;left:50%;width:100%;z-index:0}.import-step.active,.import-step.done{color:var(--primary)}.import-step.active:before,.import-step.done:before{background:var(--primary);border-color:var(--primary);box-shadow:inset 0 0 0 7px #fff}.upload-zone{border:2px dashed #ccd6ef;border-radius:15px;background:#fafbff;min-height:230px;display:grid;place-items:center;text-align:center;padding:25px;transition:.2s}.upload-zone.drag{border-color:var(--primary);background:var(--primary-soft)}.upload-zone input{display:none}.upload-zone-icon{width:48px;height:48px;border-radius:15px;background:#eaf0ff;color:var(--primary);display:grid;place-items:center;font-size:22px;margin:0 auto 10px}.upload-zone h2{font-family:Manrope,sans-serif;font-size:16px;margin:0}.upload-zone p{margin:6px 0 15px;color:var(--muted);font-size:12px}.import-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:17px 0}.summary-box{padding:12px;border-radius:10px;background:#f7f8fc}.summary-box strong{font-family:Manrope,sans-serif;font-size:20px;display:block}.summary-box span{font-size:10px;color:var(--muted);font-weight:700}.report-filter{padding:13px;display:flex;gap:10px;align-items:end;flex-wrap:wrap}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.metric{padding:16px}.metric strong{font-family:Manrope,sans-serif;font-size:24px;display:block}.metric span{font-size:11px;color:var(--muted);font-weight:700}.modal-layer{position:fixed;inset:0;background:#17223975;z-index:50;display:none;align-items:center;justify-content:center;padding:18px}.modal-layer.open{display:flex}.modal-card{width:min(480px,100%);background:#fff;border-radius:17px;padding:23px;position:relative;box-shadow:0 20px 60px #07102e44}.modal-close{position:absolute;right:14px;top:14px;border:0;background:#f2f4f8;color:#78849a;width:30px;height:30px;border-radius:8px}.modal-card h2{font-family:Manrope,sans-serif;font-size:19px;margin:6px 0}.modal-note{font-size:12px;color:var(--muted);margin:0 0 18px}.modal-card textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--primary)}.login-body{background:#f8f9fc;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:44% 56%}.login-promo{background:#253d91;color:#fff;padding:43px clamp(30px,5vw,85px);position:relative;overflow:hidden;display:flex;flex-direction:column}.brand.light{color:#fff;padding:0}.promo-copy{margin:auto 0}.light-eyebrow{color:#c5d0ff}.promo-copy h1{font:800 clamp(38px,4vw,64px)/1.12 Manrope,sans-serif;letter-spacing:-3px;margin:13px 0 18px;position:relative}.promo-copy p{font-size:15px;line-height:1.6;color:#c8d1fa;max-width:360px;position:relative}.promo-stat{position:relative}.mini-avatars{display:flex}.mini-avatars span{width:28px;height:28px;border-radius:50%;margin-right:-5px;border:2px solid #253d91;background:#e79a73;color:#fff;font-size:8px;font-weight:800;display:grid;place-items:center}.mini-avatars span:nth-child(2){background:#7faed2}.mini-avatars span:nth-child(3){background:#a47bd8}.promo-stat p{font-size:11px;color:#bdc8f1;margin-top:9px}.orb{position:absolute;border-radius:50%;background:#7d91e849}.orb-one{width:420px;height:420px;right:-190px;top:-100px}.orb-two{width:250px;height:250px;left:-150px;bottom:-70px}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(410px,100%)}.login-card h2{font:800 26px Manrope,sans-serif;letter-spacing:-1px;margin:7px 0}.login-card .muted{font-size:13px;margin:0 0 26px}.auth-form label{font-size:12px;font-weight:700;color:#48556d;display:block;margin:14px 0 6px}.input-icon{position:relative}.input-icon>i{position:absolute;left:11px;top:11px;color:#929db0}.input-icon input{height:41px;padding-left:33px}.password-toggle{position:absolute;right:3px;top:3px;width:34px;height:34px;border:0;background:transparent;color:#8994a8}.form-between{display:flex;justify-content:space-between;margin:14px 0 20px;align-items:center}.check-label{display:flex!important;align-items:center;gap:7px;font-size:12px!important;font-weight:600!important;margin:0!important;color:var(--muted)!important}.check-label input{width:auto}.subtle-text{font-size:11px;color:#9ba5b5}.login-footer{font-size:11px;color:#98a2b4;text-align:center;margin-top:23px}.login-footer i{color:var(--green)}.mobile-login-brand{display:none}.form-alert{padding:10px;border-radius:8px;font-size:12px;margin:15px 0;display:flex;gap:8px}.form-alert.error{background:var(--red-soft);color:var(--red)}.form-alert.success{background:var(--green-soft);color:var(--green)}.mobile-nav{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}body.dark{--ink:#e8ecf7;--muted:#9ca8bd;--line:#293246;--canvas:#151a25;--card:#1d2431;--primary-soft:#263660;--green-soft:#163b35;--red-soft:#492832;--amber-soft:#483c22;--blue-soft:#183a51;--shadow:none}body.dark .sidebar,body.dark .topbar,body.dark .panel,body.dark .lead-card,body.dark .modal-card,body.dark .filter-panel,body.dark .lead-hero,body.dark .upload-zone,body.dark select,body.dark input,body.dark textarea{background:#1d2431}body.dark th{background:#202837}body.dark .workspace-switch,body.dark .global-search,body.dark .summary-box{background:#222a39}body.dark .button-secondary{background:#222a39;color:#dce2ee}.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.filters-advanced{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:12px 0 40px #0b123422}.app-main{margin:0;width:100%}.mobile-menu{display:grid}.topbar{padding:0 18px}.page-content{padding:25px 18px 88px}.global-search{width:auto;flex:1}.top-add span{display:none}.content-grid,.details-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(4,1fr)}.kpi-card{min-height:112px;padding:13px}.kpi-number{margin-top:12px;font-size:23px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;height:65px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center}.mobile-nav a{font-size:9px;font-weight:700;color:#8894a8;text-align:center;min-width:48px}.mobile-nav i{font-size:18px;display:block;margin-bottom:3px}.mobile-nav a.active{color:var(--primary)}body.dark .mobile-nav{background:#1d2431}.details-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.login-shell{grid-template-columns:1fr}.login-promo{display:none}.login-panel{padding:25px 20px;align-items:start;padding-top:13vh}.mobile-login-brand{display:flex;margin-bottom:46px;padding:0}.page-heading{margin-bottom:18px;align-items:flex-start}.page-heading h1{font-size:22px}.page-heading p{font-size:12px}.heading-actions .button-secondary{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card{border-radius:13px}.content-grid{margin-top:10px}.table-wrap{display:none}.lead-cards{display:block}.panel-header{padding:15px}.filter-panel{margin:0 -2px 12px}.filter-primary{flex-wrap:wrap}.filter-primary .search-field{flex-basis:100%}.filter-primary .select-compact{flex:1;width:calc(50% - 5px);min-width:0}.filters-advanced{grid-template-columns:1fr 1fr}.filters-advanced .form-field.full{grid-column:1/-1}.filter-actions{grid-column:1/-1}.pagination{padding:13px}.pages .page-btn:not(.active):not(:first-child):not(:last-child){display:none}.bulk-bar{flex-wrap:wrap}.bulk-bar .spacer{display:none}.lead-hero{display:block;padding:16px}.lead-hero .heading-actions{margin-top:14px}.details-list{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.form-actions{position:sticky;bottom:64px;background:var(--card);padding:12px 0;margin-bottom:-8px}.import-summary,.metric-row{grid-template-columns:repeat(2,1fr)}.import-step{font-size:9px}.report-filter{display:grid;grid-template-columns:1fr 1fr}.report-filter .button{width:100%}.topbar-actions>.avatar{display:none}.global-search kbd{display:none}.follow-tabs{overflow:auto}.topbar{gap:9px}.page-heading .heading-actions{gap:6px}.page-heading .button{padding:0 10px}.login-card h2{font-size:23px}}
@media(max-width:380px){.page-content{padding-left:12px;padding-right:12px}.topbar{padding:0 12px}.top-add{display:none}.kpi-label{font-size:11px}.details-list{grid-template-columns:1fr}.filters-advanced{grid-template-columns:1fr}.report-filter{grid-template-columns:1fr}.import-summary{grid-template-columns:1fr 1fr}}
.status-select{border:0;width:auto;min-width:112px;padding:6px 22px 6px 8px;border-radius:99px;font-size:10px;font-weight:800;cursor:pointer}.status-select-success{color:var(--green);background:var(--green-soft)}.status-select-danger{color:var(--red);background:var(--red-soft)}.status-select-muted{color:#718097;background:#f0f2f6}.status-select-warning{color:var(--amber);background:var(--amber-soft)}.status-select-info{color:var(--blue);background:var(--blue-soft)}.status-select-locked{color:#5e45b3;background:#f0ecff}
body.dark td,body.dark .detail-value,body.dark .kpi-label,body.dark .follow-tabs a{color:#d5dbea}body.dark .global-search input,body.dark .search-field input{color:var(--ink)}body.dark .side-nav a,body.dark .workspace-switch{color:#aab5c9}body.dark .lead-avatar{background:#2a3453;color:#bdc9ff}body.dark .form-actions{background:var(--card)}
.staff-welcome{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.staff-welcome h1{font:800 clamp(28px,3.1vw,42px)/1.15 Manrope,sans-serif;letter-spacing:-1.7px;margin:0}.staff-welcome p{color:#6e7a91;font-size:17px;font-weight:600;margin:9px 0 0}.staff-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-kpis .kpi-card{min-height:255px;padding:25px 28px;border-left:7px solid var(--primary)}.staff-kpis .staff-follow{border-left-color:#f3a51d}.staff-kpis .staff-missed{border-left-color:#e64951}.staff-kpis .kpi-number{font-size:52px;margin-top:24px;color:#315ed6}.staff-kpis .staff-follow .kpi-number{color:#f26b08}.staff-kpis .staff-missed .kpi-number{color:#e23f49}.staff-kpis .kpi-label{font-size:20px;color:#68758d;margin-top:19px;text-transform:uppercase;letter-spacing:.5px}.staff-kpis .kpi-foot{font-size:15px;margin-top:22px}.staff-card-icon{font-size:20px;color:#748197}
@media(max-width:680px){.staff-welcome{align-items:flex-start;flex-direction:column;margin-bottom:18px}.staff-welcome h1{font-size:28px}.staff-welcome p{font-size:14px}.staff-kpis{grid-template-columns:1fr}.staff-kpis .kpi-card{min-height:180px;padding:20px}.staff-kpis .kpi-number{font-size:42px;margin-top:16px}.staff-kpis .kpi-label{font-size:16px;margin-top:10px}.staff-kpis .kpi-foot{font-size:13px;margin-top:10px}}
.team-table{margin-top:22px}.team-create-form{border-bottom:1px solid var(--line);padding-bottom:20px}
@media(max-width:680px){.team-table{display:block;overflow:auto}.team-table table{min-width:640px}}
.team-create-panel,.team-list-panel{max-width:1100px}.team-list-panel{margin-top:18px}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.team-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--card)}.team-card-head{display:flex;align-items:center;gap:10px}.team-card-head>div{min-width:0;flex:1}.team-card-head h3{font:700 14px Manrope,sans-serif;margin:0}.team-card-head p{font-size:11px;color:var(--muted);margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-card-meta{display:grid;gap:7px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:15px 0;font-size:11px;color:var(--muted)}.team-card-meta i{width:17px;color:var(--primary)}.team-card-actions{display:flex;gap:7px;align-items:center}.team-card-actions .button-primary{flex:1}.team-profile-metrics{margin-top:18px}.team-profile-grid{margin-top:18px}.team-profile-leads{margin-top:18px}.team-empty{grid-column:1/-1;padding:30px}
@media(max-width:680px){.team-grid{grid-template-columns:1fr}.team-card-actions{flex-wrap:wrap}.team-card-actions .button-primary{flex-basis:100%}}
.sidebar{background:#0d172a;border-right-color:#1f2b43;color:#dbe5f5}.sidebar .brand{color:#f8fbff}.sidebar .brand-mark{background:#655cf6;box-shadow:0 5px 14px #655cf655}.workspace-switch{background:#121f35;border-color:#263653;color:#aebbd0}.side-nav a{color:#8fa1bc}.side-nav a:hover{background:#16253d;color:#fff}.side-nav a.active{background:#5b55e9;color:#fff;box-shadow:0 8px 18px #5148dc3d}.nav-caption{color:#60718e}.sidebar-user{border-top-color:#24334e}.sidebar-user small{color:#8799b4}.sidebar .icon-btn{color:#91a3be}.sidebar .icon-btn:hover{background:#172842;color:#fff}.workspace-dot{background:#f2b84b}.mobile-nav{box-shadow:0 -6px 20px #18233a0d}