:root{--ink:#161b2c;--muted:#7a8198;--line:#e9ebf2;--surface:#fff;--surface-soft:#f7f8fc;--sidebar:#fbfbfd;--primary:#5b62ed;--primary-dark:#484fdb;--green:#1fa77a;--shadow:0 14px 34px rgba(38,44,78,.06);--radius:18px}*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:258px;position:fixed;inset:0 auto 0 0;background:var(--sidebar);border-right:1px solid var(--line);padding:24px 15px 18px;display:flex;flex-direction:column;z-index:10}.brand-row{display:flex;align-items:center;gap:10px;padding:0 10px 24px}.brand-mark{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:Manrope;font-weight:800;font-size:17px}.brand-name{font-family:Manrope;font-size:15px;font-weight:800;letter-spacing:-.3px}.brand-caption{color:var(--muted);font-size:10px;letter-spacing:.7px;text-transform:uppercase;margin-top:1px}.workspace-switcher{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 3px 10px rgba(31,38,74,.03);margin:0 3px 28px}.workspace-avatar,.user-avatar,.mini-avatar{display:grid;place-items:center;font-weight:700}.workspace-avatar{width:30px;height:30px;border-radius:9px;background:#e9ebff;color:var(--primary)}.workspace-name{font-size:12px;font-weight:700}.workspace-type{font-size:10px;color:var(--muted);margin-top:2px}.workspace-switcher>.bi{color:#b3b8c8;font-size:12px}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.15px;color:#a0a5b8;text-transform:uppercase;padding:0 12px 8px}.main-nav{display:grid;gap:4px}.nav-item{min-height:38px;color:#7e859b;text-decoration:none;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:600;transition:all .18s}.nav-item .bi{font-size:16px;color:#9da3b5}.nav-item:hover{color:var(--ink);background:#f0f1f8}.nav-item.active{color:var(--primary);background:#eceeff}.nav-item.active .bi{color:var(--primary)}.nav-kbd{margin-left:auto;font-size:10px;color:#b0b5c4}.nav-badge{margin-left:auto;background:#e8eaff;color:var(--primary);font-size:10px;min-width:20px;height:20px;text-align:center;line-height:20px;border-radius:7px}.nav-dot{margin-left:auto;width:6px;height:6px;background:#5b62ed;border-radius:50%}.sidebar-footer{margin-top:auto}.help-card{display:flex;align-items:center;gap:9px;margin:0 4px 20px;padding:12px;border-radius:13px;background:#eef0ff;color:#5b62ed}.help-icon{width:27px;height:27px;border-radius:9px;background:#fff;display:grid;place-items:center}.help-title{font-size:11px;font-weight:700;color:#3e46b9}.help-subtitle{font-size:10px;color:#8189db;margin-top:2px}.help-card>.bi{margin-left:auto;font-size:12px}.user-row{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:18px 8px 0}.user-avatar{width:32px;height:32px;background:#1e2234;color:#fff;border-radius:50%;font-size:10px}.user-name{font-size:12px;font-weight:700}.user-role{font-size:10px;color:var(--muted);margin-top:2px}.main-content{margin-left:258px;min-width:0;width:calc(100% - 258px)}.topbar{height:70px;background:rgba(255,255,255,.8);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;backdrop-filter:blur(12px)}.breadcrumb-line{display:flex;align-items:center;gap:10px;color:#a2a7b7;font-size:12px}.breadcrumb-line .bi{font-size:11px}.breadcrumb-line strong{color:#4a5065;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-button{border:0;background:transparent;color:#9aa1b4;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;transition:all .18s;padding:0}.icon-button:hover{color:var(--ink);background:#f0f1f6}.notification-button{position:relative}.notification-button span{position:absolute;top:6px;right:6px;width:5px;height:5px;background:#5b62ed;border-radius:50%;border:1px solid #fff}.topbar-divider{height:22px;width:1px;background:var(--line);margin:0 6px 0 9px}.mini-avatar{width:31px;height:31px;border-radius:50%;background:#e7e8fc;color:#565ddb;font-size:10px}.content-wrap{padding:35px 42px 55px;max-width:1540px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:29px}.eyebrow{color:#969caf;font-size:10px;font-weight:700;letter-spacing:1.1px}.page-heading h1{font:800 30px/1.15 Manrope;margin:8px 0 8px;letter-spacing:-1px}.wave{font-size:22px;color:#6670ee;vertical-align:2px;margin-left:4px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.heading-actions{display:flex;gap:10px}.btn{font-size:12px;font-weight:600;border-radius:9px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px}.btn-primary-custom{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 6px 15px rgba(91,98,237,.22)}.btn-primary-custom:hover{background:var(--primary-dark);color:#fff}.btn-soft{background:#fff;border:1px solid var(--line);color:#646b80}.btn-soft:hover,.btn-soft.active{background:#f0f1ff;border-color:#dfe1ff;color:var(--primary)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card{padding:20px 21px;min-height:150px}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:12px;color:#7b8297;font-weight:600}.metric-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px}.icon-blue{background:#e9edff;color:#5965e9}.icon-purple{background:#f0e9ff;color:#9b6de9}.icon-amber{background:#fff5dc;color:#ecac32}.icon-green{background:#e3f8ef;color:#31aa7c}.metric-value{font:800 27px Manrope;letter-spacing:-.9px;margin-top:15px}.metric-value small{font:600 12px 'DM Sans';color:#9ba1b2;letter-spacing:0}.metric-trend{font-size:10px;color:#9ba1b2;margin-top:9px}.metric-trend .bi{font-size:12px;margin-right:3px}.trend-up{color:#25a177}.trend-up span,.trend-down span{color:#9ba1b2}.trend-down{color:#e36e73}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.panel{padding:21px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel h2{font:700 15px Manrope;letter-spacing:-.25px;margin:0}.panel-heading p{font-size:11px;color:#a0a6b6;margin:6px 0 0}.select-button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;color:#747b8f;font-size:10px}.select-button .bi{font-size:10px;margin-left:7px}.chart-legend{display:flex;gap:18px;font-size:10px;color:#898fa2;margin:20px 0 6px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-dot.blue{background:#6875f3}.legend-dot.purple{background:#a879e9}.line-chart{height:240px;display:flex;padding-top:11px}.chart-y{width:28px;height:194px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#aab0bf}.chart-body{position:relative;flex:1;margin-left:3px}.chart-gridlines{height:194px;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.chart-gridlines i{height:1px;background:#f0f1f6;width:100%}.chart-body svg{height:194px;width:100%;position:relative}.chart-line{fill:none;stroke-width:2.3}.blue-line{stroke:#6875f3}.purple-line{stroke:#a879e9;stroke-dasharray:4 4}.chart-area{fill:url(#fillBlue)}.chart-x{display:flex;justify-content:space-between;color:#afb4c1;font-size:9px;padding:10px 0 0}.live-pill{font-size:10px;color:#22a278;display:flex;align-items:center;gap:5px;padding:6px 8px;background:#e9f8f1;border-radius:7px}.live-pill i{width:5px;height:5px;border-radius:50%;background:#29ae82}.ad-status{display:flex;align-items:center;gap:11px;margin:27px 0 23px;padding:15px 14px;border-radius:12px;background:#f6f7ff}.status-orb{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:#e4e7ff;color:#5b62ed;font-size:17px}.ad-status strong{font-size:12px}.ad-status p{font-size:10px;color:#979db0;margin:4px 0 0}.status-list{display:grid;gap:14px}.status-list div,.billing-lines div{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8990a3}.status-list strong{color:#555c71;font-size:11px}.text-green{color:#25a177!important}.budget-bar{height:7px;border-radius:99px;background:#eceef4;overflow:hidden;margin-top:22px}.budget-bar span{display:block;height:100%;background:linear-gradient(90deg,#646ff0,#8e96fa);border-radius:99px}.budget-caption{display:flex;justify-content:space-between;color:#a0a6b6;font-size:9px;padding-top:7px}.text-link{color:#5b62ed;text-decoration:none;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.status-panel .text-link{margin-top:19px}.lower-grid{grid-template-columns:1.55fr 1fr}.recent-panel .panel-heading{margin-bottom:14px}.lead-row{display:flex;align-items:center;gap:11px;border-top:1px solid #f0f1f5;padding:12px 0}.lead-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 auto}.status-blue{background:#e9edff;color:#5965e9}.status-purple{background:#f0e9ff;color:#9568e7}.status-amber{background:#fff4d9;color:#ce9622}.status-green{background:#e2f7ee;color:#259c72}.status-gray{background:#eef0f4;color:#7c8496}.status-red{background:#ffebed;color:#df7077}.lead-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.lead-main strong{font-size:11px}.lead-main span{font-size:10px;color:#9298a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{font-size:9px;font-weight:700;border-radius:6px;padding:5px 7px;white-space:nowrap}.lead-time{font-size:10px;color:#a8adbb;min-width:68px;text-align:right}.row-menu{margin-left:4px}.insights-panel .panel-heading{align-items:center}.sparkle-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#eeeaff;color:#8865e4;font-size:14px}.insight-card{background:#f3f4ff;border-radius:12px;margin-top:18px;padding:14px}.insight-card.warm{background:#fff9ed}.insight-badge{font-size:9px;font-weight:700;color:#5b62ed;margin-bottom:8px}.warm .insight-badge{color:#c48c28}.insight-card p{font-size:11px;line-height:1.6;color:#747b91;margin:0 0 10px}.insight-card strong{color:#4f57d6}.insight-card a{font-size:10px;color:#5b62ed;text-decoration:none;font-weight:700}.table-panel{padding:0;overflow:hidden}.table-panel .panel-heading{padding:21px 21px 18px;border-bottom:1px solid var(--line);align-items:center}.table-actions{display:flex;gap:8px}.search-box{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:#adb2c0}.search-box input{border:0;outline:none;padding:9px 0;font-size:11px;width:170px}.lead-table{margin:0}.lead-table th{background:#fbfbfd;color:#9ca2b1;font-size:10px;text-transform:uppercase;letter-spacing:.55px;font-weight:700;padding:13px 21px;border-bottom:1px solid var(--line);white-space:nowrap}.lead-table td{padding:14px 21px;font-size:11px;color:#70778d;vertical-align:middle;border-color:#f0f1f5}.lead-table td strong{display:block;color:#4e556a;font-size:11px}.table-person{display:flex;align-items:center;gap:10px}.table-person small,.table-sub{display:block;color:#a8aebb;font-size:10px;margin-top:3px}.status-select{border:0;border-radius:6px;padding:6px 23px 6px 7px;font-size:9px;font-weight:700;outline:none;cursor:pointer}.pipeline-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pipeline-summary strong{font:700 15px Manrope;display:block}.pipeline-summary span{font-size:11px;color:#9ba1b1;display:block;margin-top:5px}.pipeline-filters{display:flex;gap:7px}.pipeline-filters .btn{padding:8px 11px;font-size:10px}.kanban-grid{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:11px;overflow-x:auto;padding-bottom:8px}.kanban-column{min-height:400px;background:#f0f1f6;border-radius:13px;padding:11px}.kanban-heading{display:flex;align-items:center;gap:7px;padding:3px 4px 12px;color:#646b7d;font-weight:700;font-size:11px}.kanban-count{display:grid;place-items:center;min-width:19px;height:19px;border-radius:6px;background:#fff;color:#9fa5b6;font-size:9px}.kanban-heading .icon-button{margin-left:auto}.kanban-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:8px;box-shadow:0 3px 7px rgba(30,37,68,.03)}.kanban-card-top{display:flex;justify-content:space-between;align-items:center}.source-tag{font-size:9px;color:#969cad}.source-tag .bi{color:#4285f4;margin-right:3px}.kanban-card strong{font-size:11px;display:block;margin-top:12px}.kanban-card p{font-size:10px;color:#8e95a6;margin:5px 0 16px}.kanban-card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a1a7b5}.kanban-card-bottom .bi{margin-right:3px}.value-tag{font-weight:700;color:#5b62ed}.add-card{border:1px dashed #cfd3df;background:transparent;color:#9ca2b3;border-radius:8px;width:100%;font-size:10px;padding:9px;margin-top:3px}.add-card:hover{background:#e6e8f0;color:#656c7e}.results-metrics{grid-template-columns:repeat(3,1fr)}.bar-chart{height:265px;display:flex;align-items:end;justify-content:space-around;gap:20px;border-bottom:1px solid var(--line);margin-top:22px;padding:0 28px}.bar-group{height:230px;display:flex;align-items:end;gap:5px;position:relative}.bar-group i{width:21px;background:#6875f3;border-radius:5px 5px 0 0;min-height:4px}.bar-group i.qualified-bar{background:#a879e9}.bar-group span{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#a4aaba;font-size:9px}.integration-row,.integration-item{display:flex;align-items:center;gap:11px;border-bottom:1px solid #f0f1f5;padding:16px 0}.integration-logo,.provider-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-weight:800}.integration-logo{background:#eff1ff;color:#5262e3;font-size:17px}.integration-row strong,.integration-item strong{font-size:11px;display:block}.integration-row span,.integration-item span{display:block;font-size:10px;color:#9da3b2;margin-top:3px}.mini-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.mini-stat-grid div{display:flex;flex-direction:column;gap:5px}.mini-stat-grid span{font-size:10px;color:#9ba1b2}.mini-stat-grid strong{font-size:15px}.billing-layout{display:grid;grid-template-columns:320px 1fr;gap:16px}.plan-card h2{font:800 20px Manrope;margin:10px 0}.plan-description{color:#858c9e;font-size:11px;line-height:1.6}.plan-price{font:800 33px Manrope;margin:26px 0 8px}.plan-price small{font:500 11px 'DM Sans';color:#999faf}.plan-status{color:#25a177;font-size:10px;display:flex;gap:5px;align-items:center}.plan-status i{width:6px;height:6px;border-radius:50%;background:#25a177}.plan-card hr{border-color:#eff0f4;margin:25px 0 17px}.plan-feature{font-size:11px;color:#737b8e;margin:13px 0}.plan-feature .bi{color:#25a177;margin-right:7px}.billing-summary{margin-bottom:16px}.billing-lines{margin-top:23px}.billing-lines div{padding:13px 0;border-bottom:1px solid #f0f1f5}.billing-lines strong{color:#4e556a}.billing-lines .billing-total{border:0;padding-top:18px;color:#4e556a;font-weight:700}.billing-total strong{font-size:16px}.stripe-badge{font-weight:800;color:#645bdb;letter-spacing:-.5px}.payment-method{display:flex;align-items:center;gap:12px;margin-top:22px}.card-brand{font-size:9px;font-weight:800;color:#fff;background:#1b1e2e;border-radius:6px;padding:9px 7px}.payment-method strong{font-size:12px;display:block}.payment-method span{display:block;color:#9aa0b1;font-size:10px;margin-top:3px}.automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.health-orb{text-align:center;padding:33px 0 26px}.health-orb>div{width:58px;height:58px;border-radius:50%;background:#ebecff;color:#626bf0;display:grid;place-items:center;font-size:25px;margin:0 auto 14px;box-shadow:0 0 0 10px #f6f6ff}.health-orb strong{display:block;font:700 14px Manrope;margin-top:12px}.health-orb span{display:block;color:#9ba1b1;font-size:10px;margin-top:6px}.automation-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #f0f1f5;padding-top:18px;text-align:center}.automation-stats div{display:flex;flex-direction:column;gap:6px;border-right:1px solid #f0f1f5}.automation-stats div:last-child{border:0}.automation-stats span{font-size:10px;color:#9ca2b1}.automation-stats strong{font:700 18px Manrope}.provider-icon{font-size:14px}.google-icon{background:#e9f0ff;color:#4285f4}.stripe-icon{background:#eeebff;color:#685de1}.api-icon{background:#eef0f4;color:#6e7587;font-size:10px}.activity-list>div{display:flex;align-items:center;gap:12px;border-top:1px solid #f0f1f5;padding:15px 0}.activity-list>div:first-child{margin-top:17px}.activity-check,.activity-warn{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;font-size:13px}.activity-check{background:#e5f7ef;color:#26a278}.activity-warn{background:#fff4db;color:#d19a26}.activity-list strong{font-size:11px;display:block}.activity-list span{font-size:10px;color:#9ca2b1;display:block;margin-top:3px}.activity-list time{margin-left:auto;font-size:10px;color:#a5abb9}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.settings-nav{padding:9px;height:max-content}.settings-nav a{display:block;text-decoration:none;color:#868d9f;font-size:11px;padding:11px 12px;border-radius:8px}.settings-nav a.active,.settings-nav a:hover{color:#5b62ed;background:#f0f1ff}.settings-form{max-width:760px}.settings-form .panel-heading{align-items:center;margin-bottom:25px}.saved-pill{font-size:9px;color:#25a177;background:#e8f8f1;padding:6px 8px;border-radius:6px}.form-label{font-size:10px;color:#747b8e;font-weight:700}.form-control,.form-select{border-color:#e4e6ee;border-radius:8px;padding:10px 11px;font-size:11px;color:#4e556a}.form-control:focus,.form-select:focus{border-color:#9ba2f6;box-shadow:0 0 0 3px #eef0ff}.settings-form hr{border-color:#eff0f4;margin:28px 0 19px}.form-actions{display:flex;gap:9px}.custom-modal{border:0;border-radius:17px;box-shadow:0 24px 70px rgba(26,31,62,.2)}.custom-modal .modal-header{border:0;padding:25px 25px 8px}.custom-modal .modal-header h2{font:800 21px Manrope;margin:8px 0}.custom-modal .modal-body{padding:10px 25px 25px}.modal-intro{font-size:11px;color:#8d94a7;line-height:1.6;margin-bottom:21px}.custom-modal .modal-footer{padding:15px 25px 22px;border-top:1px solid #f0f1f5}.app-toast{border:1px solid #dcefe6;background:#fff;box-shadow:0 15px 30px rgba(39,44,74,.14);border-radius:10px}.app-toast .toast-body{display:flex;align-items:center;gap:9px;color:#61697c;font-size:11px;padding:12px 14px}.toast-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#e5f7ef;color:#25a177}.sidebar-close{border:0;background:transparent;color:#8990a2;font-size:17px;margin-left:auto}.dark-mode{--ink:#f1f3fb;--muted:#9da4bb;--line:#2a2f43;--surface:#1c2030;--surface-soft:#161a28;--sidebar:#171a27;--shadow:0 14px 34px rgba(0,0,0,.18);background:#111421}.dark-mode .topbar,.dark-mode .workspace-switcher,.dark-mode .btn-soft,.dark-mode .select-button,.dark-mode .search-box,.dark-mode .custom-modal,.dark-mode .table-panel,.dark-mode .kanban-card,.dark-mode .app-toast{background:#1c2030}.dark-mode .nav-item:hover{background:#24293b}.dark-mode .nav-item.active{background:#292d50}.dark-mode .workspace-switcher,.dark-mode .btn-soft,.dark-mode .select-button,.dark-mode .search-box,.dark-mode .form-control,.dark-mode .form-select{border-color:#30354a}.dark-mode .workspace-name,.dark-mode .user-name,.dark-mode .panel h2,.dark-mode .metric-value,.dark-mode .kanban-card strong,.dark-mode .lead-main strong,.dark-mode .table-person strong,.dark-mode .lead-table td{color:#f1f3fb}.dark-mode .lead-table th,.dark-mode .lead-table td{background:#1c2030;border-color:#2a2f43}.dark-mode .kanban-column{background:#1b1e2c}.dark-mode .ad-status,.dark-mode .insight-card{background:#262b4a}.dark-mode .insight-card.warm{background:#3b3120}.dark-mode .form-control,.dark-mode .form-select{color:#e7e9f2;background:#171a27}.dark-mode .chart-gridlines i,.dark-mode .status-list div,.dark-mode .billing-lines div,.dark-mode .activity-list>div,.dark-mode .integration-row,.dark-mode .integration-item{border-color:#2a2f43}.dark-mode .topbar{background:rgba(28,32,48,.82)}.dark-mode .topbar-divider,.dark-mode .user-row,.dark-mode .settings-form hr,.dark-mode .lead-table th{border-color:#2a2f43}.dark-mode .page-heading h1,.dark-mode .breadcrumb-line strong{color:#f1f3fb}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid,.billing-layout,.automation-grid{grid-template-columns:1fr}.sidebar{width:230px}.main-content{margin-left:230px;width:calc(100% - 230px)}.topbar,.content-wrap{padding-left:25px;padding-right:25px}}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:258px;box-shadow:12px 0 40px rgba(20,25,50,.12)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;width:100%}.topbar{padding:0 19px}.content-wrap{padding:27px 19px 45px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;justify-content:flex-start}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;gap:4px;overflow:auto}.settings-nav a{white-space:nowrap}.kanban-grid{grid-template-columns:repeat(5,220px)}}
@media(max-width:575px){.metric-grid,.results-metrics{grid-template-columns:1fr}.page-heading h1{font-size:25px}.heading-actions .btn-soft{display:none}.lead-time{display:none}.table-actions{width:100%}.table-panel .panel-heading{align-items:flex-start;flex-direction:column}.search-box{flex:1}.search-box input{width:100%}.pipeline-summary{align-items:flex-start;flex-direction:column;gap:15px}.mini-stat-grid{gap:12px}.billing-layout{display:block}.plan-card{margin-bottom:16px}.topbar .breadcrumb-line{font-size:11px}.content-wrap{padding-top:22px}}
.appointment-list{margin-top:16px}.appointment-row{display:flex;align-items:center;gap:14px;border-top:1px solid #f0f1f5;padding:16px 0}.appointment-date{width:112px;flex:0 0 auto}.appointment-date strong{display:block;font-size:11px;color:#555c70}.appointment-date span{display:block;color:#9ba1b0;font-size:10px;margin-top:4px}.appointment-icon{width:34px;height:34px;border-radius:10px;background:#e9edff;color:#5965e9;display:grid;place-items:center}.appointment-main{flex:1;min-width:0}.appointment-main strong{display:block;font-size:11px;color:#4e5569}.appointment-main span{display:block;color:#989eae;font-size:10px;margin-top:4px}.appointment-row>.icon-button{margin-left:4px}@media(max-width:575px){.appointment-row{gap:9px}.appointment-date{width:82px}.appointment-icon{display:none}}