:root{color-scheme:light;--crm-background:#f5f7fb;--crm-surface:#fff;--crm-sidebar:#111827;--crm-sidebar-hover:#1f2937;--crm-primary:#5b4df5;--crm-primary-soft:#f0efff;--crm-text-primary:#15171a;--crm-text-secondary:#667085;--crm-border:#e7eaf0;--crm-success:#16875b;--crm-success-soft:#eaf8f1;--crm-warning:#b7791f;--crm-warning-soft:#fff7e6;--crm-danger:#c2414b;--crm-danger-soft:#fff0f1;--crm-shadow:0 1px 2px #10182805, 0 8px 24px #1018280a;--kpi-dark:#1f2559;--kpi-dark-2:#252c68;--kpi-accent:#7474ff;--kpi-accent-soft:#a7a8ff;--kpi-muted:#d9dcff;--kpi-success:#9ee6c2;--pipeline-bg:#fff5f7;--pipeline-surface:#fffafb;--pipeline-surface-strong:#ffe9ef;--pipeline-primary:#f06292;--pipeline-primary-strong:#e63968;--pipeline-line:#ef476f;--pipeline-line-glow:#ef476f59;--pipeline-border:#f6d5df;--pipeline-text:#3c2530;--pipeline-muted:#846775;--note-bg:#fff9df;--note-surface:#fffdf2;--note-surface-hover:#fff6cc;--note-border:#f1df9c;--note-accent:#d7a514;--note-text:#3c3420;--note-muted:#756d55}*{box-sizing:border-box}html{scroll-behavior:smooth}html.crm-sidebar-open,html.crm-drawer-open{overflow:hidden}body{background:var(--crm-background);color:var(--crm-text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,sans-serif;font-size:16px}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.crm-app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.crm-sidebar{background:var(--crm-sidebar);color:#d1d5db;grid-template-rows:auto 1fr auto auto;gap:22px;height:100vh;padding:20px 14px;display:grid;position:sticky;top:0}.crm-sidebar__brand,.crm-sidebar__profile{align-items:center;gap:12px;display:flex}.crm-sidebar__close{display:none!important}.crm-sidebar__brand>span,.crm-sidebar__profile>span{color:#fff;background:#ffffff1a;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:inline-grid}.crm-sidebar__brand strong,.crm-sidebar__profile strong{color:#fff;font-size:14px;line-height:1.25;display:block}.crm-sidebar__brand small,.crm-sidebar__profile small{color:#9ca3af;margin-top:3px;font-size:12px;line-height:1.35;display:block}.crm-sidebar__nav{align-content:start;gap:6px;display:grid}.crm-sidebar__link{color:#cbd5e1;border-radius:12px;align-items:center;gap:11px;min-height:42px;padding:10px 12px;font-size:14px;font-weight:650;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:flex}.crm-sidebar__link:hover,.crm-sidebar__link.is-active{color:#fff;background:#ffffff17}.crm-sidebar__link:hover{transform:translate(2px)}.crm-sidebar__link svg,.crm-icon-button svg,.crm-button svg,.crm-icon-soft svg{stroke-width:2px;width:18px;height:18px}.crm-sidebar__upgrade{color:#c7d2fe;background:#4f46e52e;border-radius:16px;gap:8px;padding:14px;display:grid}.crm-sidebar__upgrade strong{color:#fff;font-size:13px}.crm-sidebar__upgrade span{color:#cbd5e1;font-size:12px;line-height:1.55}.crm-main-shell{min-width:0;padding-top:58px;position:relative;overflow:hidden}.crm-main-shell:before{content:"";z-index:0;background:linear-gradient(90deg, #f5f7fb94 0%, #f5f7fb4d 46%, #f5f7fbad 100%), linear-gradient(180deg, #f5f7fb0a 0%, var(--crm-background) 100%), url(/images/hero-bg.webp) center 38% / cover no-repeat;filter:saturate(1.12)contrast(1.08);pointer-events:none;height:310px;position:absolute;inset:0 0 auto}.crm-topbar{z-index:50;backdrop-filter:blur(18px);background:#f5f7fba8;grid-template-columns:auto auto minmax(260px,520px) 1fr;align-items:center;gap:12px;min-height:58px;padding:8px clamp(24px,2.6vw,32px);display:grid;position:fixed;top:0;left:236px;right:0}.crm-topbar__menu{grid-area:1/1;display:inline-grid}.crm-command-bar{border:1px solid var(--crm-border);background:var(--crm-surface);width:min(520px,100%);min-height:44px;box-shadow:var(--crm-shadow);border-radius:14px;grid-area:1/3;justify-self:start;align-items:center;gap:10px;padding:0 12px;display:flex}.crm-command-bar input{width:100%;min-width:0;color:var(--crm-text-primary);background:0 0;border:0;outline:0;font-size:15px}.crm-command-bar kbd{border:1px solid var(--crm-border);min-width:24px;color:var(--crm-text-secondary);text-align:center;background:#f9fafb;border-radius:7px;padding:3px 7px;font-size:12px}.crm-topbar__actions,.crm-welcome__actions,.crm-row-actions{align-items:center;gap:10px;display:flex}.crm-topbar__actions{grid-area:1/2;justify-self:start}.crm-icon-button{border:1px solid var(--crm-border);width:40px;height:40px;color:var(--crm-text-secondary);background:#fff;border-radius:12px;place-items:center;transition:background .18s,box-shadow .18s,color .18s,transform .18s;display:inline-grid;position:relative}.crm-icon-button:hover{color:var(--crm-primary);box-shadow:var(--crm-shadow);transform:translateY(-1px)}.has-badge:after{content:"";background:var(--crm-danger);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:9px}.crm-user-menu{border:1px solid var(--crm-border);min-height:40px;color:var(--crm-text-primary);background:#fff;border-radius:14px;align-items:center;gap:9px;padding:4px 10px 4px 5px;font-size:14px;font-weight:700;display:inline-flex}.crm-user-menu span{background:var(--crm-primary-soft);width:30px;height:30px;color:var(--crm-primary);border-radius:10px;place-items:center;display:inline-grid}.crm-content{z-index:1;gap:24px;width:100%;max-width:1640px;margin:0 auto;padding:8px clamp(18px,1.35vw,24px) 38px;display:grid;position:relative}.crm-card,.crm-welcome{border:1px solid var(--crm-border);background:var(--crm-surface);box-shadow:var(--crm-shadow);border-radius:18px}.crm-card{min-width:0;padding:24px;transition:transform .18s,box-shadow .18s}.crm-card:hover{transform:translateY(-1px)}.crm-card__header,.crm-welcome{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.crm-card__header{margin-bottom:18px}.crm-card__header h2,.crm-welcome h1{color:var(--crm-text-primary);letter-spacing:0;margin:0}.crm-card__header h2{font-size:23px;font-weight:700;line-height:1.35}.crm-card__header p,.crm-welcome p{color:var(--crm-text-secondary);margin:5px 0 0;font-size:15px;line-height:1.65}.crm-welcome{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;padding:4px 0 2px}.crm-welcome h1{font-size:clamp(32px,3vw,36px);font-weight:700;line-height:1.25}.crm-eyebrow{font-weight:760;color:var(--crm-text-primary)!important;margin:0 0 6px!important;font-size:13px!important}.crm-button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 15px;font-size:15px;font-weight:730;text-decoration:none;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.crm-button:hover{transform:translateY(-1px)}.crm-button--primary{background:var(--crm-primary);color:#fff;box-shadow:0 10px 20px #4f46e52e}.crm-button--secondary{border-color:var(--crm-border);color:var(--crm-text-primary);background:#fff}.crm-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.crm-stat-card{background:radial-gradient(circle at 90% 0%, #7474ff38, transparent 32%), linear-gradient(145deg, var(--kpi-dark) 0%, var(--kpi-dark-2) 100%);color:#fff;border-color:#ffffff14;gap:5px;min-height:58px;padding:10px 110px 10px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 38px #1f25592e}.crm-stat-card:nth-child(2n){background:radial-gradient(circle at 90% 0,#a7a8ff2e,#0000 34%),linear-gradient(145deg,#252c68 0%,#1c214e 100%)}.crm-stat-card__top{justify-content:space-between;align-items:center;gap:10px;min-height:32px;display:flex}.crm-icon-soft{background:var(--crm-primary-soft);width:38px;height:38px;color:var(--crm-primary);border-radius:12px;place-items:center;display:inline-grid}.crm-stat-card .crm-icon-soft{color:#fff;background:#ffffff1f;border:1px solid #ffffff1a;width:32px;height:32px}.crm-stat-card .crm-icon-soft svg{width:17px;height:17px}.crm-stat-card__headline{align-items:baseline;gap:8px;min-width:0;display:flex}.crm-stat-card p{color:var(--kpi-muted);margin:2px 0 0;font-size:15px;font-weight:600}.crm-stat-card__headline span{color:var(--kpi-muted);font-size:15px;font-weight:700;line-height:1.1}.crm-stat-card__headline strong{color:#fff;font-size:clamp(26px,2.2vw,30px);font-weight:700;line-height:1}.crm-stat-card>span{color:var(--kpi-muted);font-size:14px;line-height:1.35}.crm-trend,.crm-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;display:inline-flex}.crm-trend{min-height:60px;color:var(--kpi-success);background:#9ee6c233;padding:10px 16px;font-size:18px;font-weight:500;position:absolute;top:12px;right:14px;box-shadow:0 12px 24px #1f255938}.crm-trend svg{stroke-width:2.8px;width:28px;height:28px}.crm-chip{color:var(--crm-text-secondary);background:#f8fafc;padding:7px 10px;font-size:12px;font-weight:720}.crm-work-grid,.crm-lower-grid{grid-template-columns:minmax(0,2.25fr) minmax(320px,1fr);align-items:start;gap:18px;min-width:0;display:grid}.crm-lower-grid:has(>:only-child){grid-template-columns:1fr}.crm-priority,.crm-pipeline__mobile,.crm-view-all,.crm-activity__more{display:none}.crm-pipeline__stages{grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;width:100%;min-width:0;max-width:100%;padding-bottom:4px;display:grid;position:relative;overflow-x:auto}.crm-pipeline__stages:after{content:"";width:1px}.crm-pipeline-stage{background:#fffafbc7;border:1px solid #f062921f;border-radius:16px;min-width:150px;padding:16px;transition:transform .19s,box-shadow .19s;box-shadow:0 8px 20px #e639680d}.crm-pipeline-stage:hover{transform:translateY(-2px);box-shadow:0 14px 26px #e6396814}.crm-pipeline-stage__meta{gap:5px;display:grid}.crm-conversion{color:var(--pipeline-muted);font-size:15px;line-height:1.4}.crm-pipeline-stage__chip{background:linear-gradient(145deg, var(--kpi-dark) 0%, var(--kpi-dark-2) 100%);color:#fff;white-space:nowrap;text-overflow:ellipsis;border:1px solid #ffffff14;border-radius:999px;justify-content:center;justify-self:stretch;align-items:center;width:100%;max-width:100%;padding:6px 10px;font-size:13px;font-weight:600;line-height:1;display:inline-flex;overflow:hidden;box-shadow:0 8px 16px #1f255924}.crm-pipeline-stage__meta strong{color:var(--pipeline-text);margin-top:7px;font-size:clamp(26px,2vw,31px);font-weight:780;line-height:1}.crm-pipeline-stage__remaining{color:#846775b8;margin-top:-1px;font-size:16px;font-weight:500;line-height:1.35}.crm-pipeline-stage__meta small{color:var(--pipeline-primary-strong);font-size:15px;font-weight:700}.crm-pipeline{border-color:var(--pipeline-border);background:linear-gradient(180deg, var(--pipeline-surface) 0%, var(--pipeline-bg) 100%);position:relative;overflow:hidden;box-shadow:0 16px 38px #e6396814}.crm-pipeline .crm-card__header h2,.crm-pipeline .crm-chip{color:var(--pipeline-text)}.crm-pipeline .crm-card__header p{color:var(--pipeline-muted)}.crm-pipeline .crm-chip{background:var(--pipeline-surface-strong);min-height:42px;color:var(--pipeline-primary-strong);border:1px solid #f0629229;padding:10px 20px;font-size:clamp(20px,1.35vw,24px);font-weight:780}.crm-pipeline-track{background:#ef476f33;border-radius:999px;height:4px;margin:0 0 14px;position:relative;overflow:hidden}.crm-pipeline-track:after{content:"";border-radius:inherit;background:linear-gradient(90deg, transparent, var(--pipeline-line), #ff8fab, transparent);width:24%;box-shadow:0 0 14px var(--pipeline-line-glow);animation:4.4s ease-in-out infinite crmPipelineFlow;position:absolute;inset:0 auto 0 -24%}@keyframes crmPipelineFlow{0%{opacity:0;transform:translate(0)}12%,82%{opacity:1}to{opacity:0;transform:translate(520%)}}.crm-pipeline-step{background:#fffafbdb;border:1px solid #f0629224;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid;position:relative}.crm-pipeline-step__dot{background:var(--pipeline-line);border-radius:999px;width:12px;height:12px;position:relative;box-shadow:0 0 0 5px #f0629224}.crm-pipeline-step__meta{gap:3px;display:grid}.crm-pipeline-step>div{gap:5px;min-width:0;display:grid}.crm-pipeline-step__meta strong,.crm-pipeline-step__value,.crm-pipeline-step strong{color:var(--pipeline-text);font-size:16px;font-weight:700}.crm-pipeline-step__meta span{color:var(--pipeline-muted);font-size:14px}.crm-pipeline-step p,.crm-pipeline-step small{color:var(--pipeline-muted);margin:0;font-size:14px;line-height:1.45}.crm-pipeline-step small{color:var(--pipeline-primary-strong);font-weight:720}.crm-conversion{margin:8px 0 0}.crm-avatar{background:var(--pipeline-surface-strong);color:var(--pipeline-primary-strong);object-fit:cover;border-radius:999px;flex:none;place-items:center;font-weight:780;display:inline-grid}.crm-avatar--sm{width:34px;height:34px;font-size:12px}.crm-avatar--md{width:42px;height:42px;font-size:14px}.crm-avatar--lg{width:56px;height:56px;font-size:17px}.crm-lead-list{gap:10px;margin-top:14px;display:grid}.crm-lead-card{width:100%;color:inherit;text-align:left;background:#ffffffc2;border:1px solid #f0629224;border-radius:14px;gap:8px;padding:12px;transition:transform .19s,box-shadow .19s;display:grid}.crm-lead-card:hover{transform:translateY(-1px);box-shadow:0 10px 18px #e6396812}.crm-lead-card>div,.crm-lead-card footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.crm-lead-card>div{color:var(--pipeline-muted);justify-content:flex-start;font-size:13px}.crm-lead-card strong{color:var(--pipeline-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.crm-lead-card p{color:var(--pipeline-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.crm-lead-card footer span{color:var(--pipeline-primary-strong);font-size:15px;font-weight:700}.crm-lead-card footer small{color:var(--pipeline-muted);font-size:13px}.crm-pipeline-win{background:var(--pipeline-surface-strong);border:1px solid #f0629229;border-radius:14px;gap:4px;margin-top:14px;padding:12px;display:grid}.crm-pipeline-win strong{color:var(--pipeline-text);font-size:16px;font-weight:700}.crm-pipeline-win span{color:var(--pipeline-primary-strong);font-size:14px;font-weight:650}.crm-appointments__list,.crm-activity__list,.crm-priority__list{gap:10px;display:grid}.crm-priority-item{border:1px solid var(--crm-border);background:#fff;border-radius:15px;gap:12px;padding:14px;display:grid}.crm-priority-item__main{align-items:center;gap:11px;display:flex}.crm-priority-item__main strong{font-size:14px;display:block}.crm-priority-item__main span,.crm-priority-item p{color:var(--crm-text-secondary);font-size:13px;line-height:1.55}.crm-priority-item p{margin:0}.crm-priority-item__footer,.crm-priority-item__footer>div{align-items:center;gap:9px;display:flex}.crm-priority-item__footer{justify-content:space-between}.crm-appointment{background:var(--note-surface);border:1px solid #d7a5141f;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:15px;transition:background .18s,transform .18s;display:grid}.crm-calendar{background:#fffdf2b8;border:1px solid #d7a51424;border-radius:16px;gap:12px;margin-bottom:14px;padding:14px;display:grid}.crm-calendar__header{color:var(--note-text);justify-content:space-between;align-items:center;gap:10px;display:flex}.crm-calendar__header strong{font-size:16px;font-weight:700}.crm-calendar__header span{color:var(--note-muted);font-size:13px;font-weight:650}.crm-calendar__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.crm-calendar-day{min-width:0;min-height:42px;color:var(--note-muted);text-align:center;background:#ffffff80;border:1px solid #d7a5141a;border-radius:11px;align-content:center;justify-items:center;padding:5px 3px;display:grid}.crm-calendar-day span{color:var(--note-text);font-size:13px;font-weight:700;line-height:1}.crm-calendar-day small{max-width:100%;color:var(--note-accent);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;font-weight:700;line-height:1;display:block;overflow:hidden}.crm-calendar-day.has-event{background:#fff6cc;border-color:#d7a51442}.crm-calendar-day.is-today{box-shadow:inset 0 0 0 2px #d7a51452}.crm-calendar-day.is-primary small{color:#8a6406}.crm-calendar-day.is-warning small{color:#a06100}.crm-calendar-day.is-success small{color:#6f6b18}.crm-appointment:hover{background:var(--note-surface-hover);transform:translateY(-1px)}.crm-appointment time{min-width:52px;color:var(--note-accent);font-size:14px;font-weight:700}.crm-appointment strong,.crm-activity-item strong{color:var(--note-text);font-size:16px;font-weight:700;line-height:1.45;display:block}.crm-appointment span,.crm-appointment small,.crm-activity-item time{color:var(--note-muted);font-size:14px;line-height:1.5}.crm-appointment small{align-items:center;gap:4px;margin-top:5px;display:inline-flex}.crm-appointment>svg{width:20px;height:20px;color:var(--note-accent)}.crm-appointment small svg{width:15px;height:15px;color:var(--note-muted)}.crm-appointments,.crm-activity{border-color:var(--note-border);background:linear-gradient(180deg, var(--note-surface) 0%, var(--note-bg) 100%);box-shadow:0 12px 28px #756d5514}.crm-appointments .crm-card__header h2,.crm-activity .crm-card__header h2{color:var(--note-text)}.crm-appointments .crm-card__header p,.crm-activity .crm-card__header p{color:var(--note-muted)}.crm-appointments .crm-chip{color:#8a6406;background:#fff3bc;border:1px solid #d7a5142e;font-size:13px}.crm-customers{border-color:var(--pipeline-border);background:linear-gradient(180deg, var(--pipeline-surface) 0%, var(--pipeline-bg) 100%);overflow:hidden;box-shadow:0 14px 32px #e6396812}.crm-customers .crm-card__header h2{color:var(--pipeline-text)}.crm-customers .crm-card__header p{color:var(--pipeline-muted)}.crm-customers .crm-chip{background:var(--pipeline-surface-strong);color:var(--pipeline-primary-strong);border:1px solid #f0629229;font-size:13px}.crm-customer-table{background:#fffafb6b;border-radius:16px;display:grid}.crm-customer-row{width:100%;min-width:0;min-height:58px;color:var(--pipeline-text);text-align:left;background:0 0;border:0;border-top:1px solid #f6d5dfd1;grid-template-columns:minmax(210px,1.35fr) .78fr .72fr .74fr .48fr .44fr .82fr .68fr 110px;align-items:center;gap:12px;padding:9px 0;display:grid}.crm-customer-row:not(.crm-customer-row--head):hover,.crm-customer-row:not(.crm-customer-row--head):focus-visible{background:#fff0f4}.crm-customer-row--head{min-height:34px;color:var(--pipeline-muted);border-top:0;padding:0 0 7px;font-size:13px;font-weight:600}.crm-customer-row>span{min-width:0;color:var(--pipeline-muted);font-size:14px;line-height:1.35}.crm-customer-row>span:nth-child(5),.crm-customer-row>span:nth-child(6){color:var(--pipeline-text);font-size:15px;font-weight:700}.crm-customer-row>span:nth-child(7){color:var(--pipeline-primary-strong);font-size:15px;font-weight:650}.crm-customer-main{align-items:center;gap:10px;display:flex}.crm-customer-main strong{color:var(--pipeline-text);font-size:16px;font-weight:700;display:block}.crm-customer-main small{color:var(--pipeline-muted);margin-top:2px;font-size:14px;line-height:1.3;display:block}.crm-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.crm-status--new{color:#9f3a59;background:#fff1f5}.crm-status--contacted{color:#2b5f9f;background:#eef5ff}.crm-status--appointment{color:#5a4ab8;background:#f2efff}.crm-status--proposal,.crm-status--warning{color:#9a6b0b;background:#fff4d8}.crm-status--won{background:var(--crm-success-soft);color:var(--crm-success)}.crm-status--danger{background:var(--crm-danger-soft);color:var(--crm-danger)}.crm-customers .crm-detail-button{background:linear-gradient(145deg, var(--kpi-dark) 0%, var(--kpi-dark-2) 100%);color:#fff;border-radius:999px;min-width:58px;min-height:34px;padding:7px 13px;font-size:14px;font-weight:600;box-shadow:0 8px 16px #1f255924}.crm-customers .crm-row-actions{justify-content:flex-end;gap:8px}.crm-customers .crm-row-actions .crm-icon-button{background:#ffffffb8;border-radius:999px;width:34px;height:34px}.crm-customers .crm-row-actions .crm-icon-button svg{width:16px;height:16px}.crm-activity-item{border-top:1px solid #d7a5142e;align-items:flex-start;gap:14px;padding:15px 0;display:flex}.crm-activity-item .crm-icon-soft{width:42px;height:42px;color:var(--note-accent);background:#fff3bcb8}.crm-activity-item .crm-icon-soft svg{width:20px;height:20px}.crm-activity__more,.crm-view-all{width:100%;margin-top:12px}.crm-activity-item:first-child{border-top:0;padding-top:0}.crm-drawer-backdrop{z-index:70;opacity:0;pointer-events:none;background:#11182757;transition:opacity .2s;position:fixed;inset:0}.crm-drawer{z-index:80;border-left:1px solid var(--crm-border);background:#fff;align-content:start;gap:20px;width:min(440px,100%);height:100vh;padding:24px;transition:transform .22s;display:grid;position:fixed;inset:0 0 0 auto;overflow-y:auto;transform:translate(104%);box-shadow:-24px 0 54px #10182824}.crm-drawer-open .crm-drawer{transform:translate(0)}.crm-drawer-open .crm-drawer-backdrop{opacity:1;pointer-events:auto}.crm-drawer__close{margin-left:auto}.crm-drawer__profile{align-items:flex-start;gap:14px;display:flex}.crm-drawer__profile h2{margin:0;font-size:24px;line-height:1.25}.crm-drawer__profile p{color:var(--crm-text-secondary);margin:4px 0 10px;font-size:14px}.crm-drawer__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.crm-drawer__details{gap:12px;margin:0;display:grid}.crm-drawer__details div{border-bottom:1px solid var(--crm-border);gap:4px;padding-bottom:12px;display:grid}.crm-drawer__details dt{color:var(--crm-text-secondary);font-size:12px;font-weight:720}.crm-drawer__details dd{color:var(--crm-text-primary);margin:0;font-size:14px}.crm-drawer__notes h3{margin:0 0 8px;font-size:15px}.crm-drawer__notes p,.crm-drawer__notes li{color:var(--crm-text-secondary);font-size:14px;line-height:1.65}.crm-drawer__notes p,.crm-drawer__notes ul{margin:0}.crm-drawer__notes ul{gap:8px;padding-left:18px;display:grid}.crm-mobile-scrim{display:none}:focus-visible{outline-offset:3px;outline:3px solid #4f46e552}@media (width<=1180px){.crm-app-shell{grid-template-columns:76px minmax(0,1fr)}.crm-sidebar{padding-inline:12px}.crm-topbar{left:76px}.crm-sidebar__brand div,.crm-sidebar__link span,.crm-sidebar__upgrade,.crm-sidebar__profile div{display:none}.crm-sidebar__link,.crm-sidebar__brand,.crm-sidebar__profile{justify-content:center}.crm-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-work-grid,.crm-lower-grid{grid-template-columns:1fr}.crm-customer-table{overflow-x:auto}.crm-customer-row{min-width:1120px}}@media (width<=820px){.crm-app-shell{display:block}.crm-main-shell{padding-top:56px}.crm-main-shell:before{background:linear-gradient(90deg, #f5f7fbad 0%, #f5f7fb6b 48%, #f5f7fbc7 100%), linear-gradient(180deg, #f5f7fb0a 0%, var(--crm-background) 100%), url(/images/hero-bg.webp) center top / cover no-repeat;height:260px}.crm-sidebar{z-index:60;width:min(280px,82vw);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-104%)}.crm-sidebar__close{color:#fff;background:#ffffff14;border-color:#ffffff24;position:absolute;top:14px;right:14px;display:inline-grid!important}.crm-sidebar-open .crm-sidebar{transform:translate(0)}.crm-sidebar__brand div,.crm-sidebar__link span,.crm-sidebar__upgrade,.crm-sidebar__profile div{display:block}.crm-sidebar__link,.crm-sidebar__brand,.crm-sidebar__profile{justify-content:flex-start}.crm-mobile-scrim{z-index:55;opacity:0;pointer-events:none;background:#1118275c;transition:opacity .2s;display:block;position:fixed;inset:0}.crm-sidebar-open .crm-mobile-scrim{opacity:1;pointer-events:auto}.crm-topbar{grid-template-columns:auto minmax(0,1fr);min-height:56px;padding:8px 14px;left:0}.crm-topbar__menu{grid-column:1;display:inline-grid}.crm-topbar__actions{display:none}.crm-command-bar{grid-column:2;min-width:0;min-height:44px}.crm-content{gap:16px;padding:10px 14px 28px}.crm-work-grid,.crm-lower-grid{display:contents}.crm-welcome{order:1}.crm-appointments{order:2}.crm-priority{order:3;display:block}.crm-stats-grid{order:4}.crm-customers{order:5}.crm-pipeline{order:6}.crm-activity{order:7}.crm-card,.crm-welcome{border-radius:16px;padding:16px}.crm-welcome{box-shadow:none;background:0 0;border:0;border-radius:0;padding:2px 0 0}.crm-card__header,.crm-welcome{flex-direction:column;gap:12px}.crm-card__header{margin-bottom:14px}.crm-card__header h2{font-size:21px;line-height:1.35}.crm-card__header p,.crm-welcome p{font-size:14px;line-height:1.6}.crm-welcome h1{font-size:28px}.crm-welcome__actions{flex-direction:column;align-items:stretch;width:100%}.crm-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.crm-stat-card{min-height:78px;padding:12px 86px 12px 13px}.crm-trend{min-height:48px;padding:8px 11px;font-size:15px;top:12px;right:12px}.crm-trend svg{width:22px;height:22px}.crm-stat-card__headline{gap:7px}.crm-stat-card p{font-size:14px;line-height:1.35}.crm-stat-card__headline span{font-size:14px}.crm-stat-card__headline strong{font-size:28px}.crm-stat-card>span{font-size:13px}.crm-pipeline__stages{display:none}.crm-pipeline-track{background:#ef476f2e;width:4px;height:auto;min-height:100%;margin:0;position:absolute;top:112px;bottom:84px;left:22px}.crm-pipeline-track:after{background:linear-gradient(180deg, transparent, var(--pipeline-line), #ff8fab, transparent);width:100%;height:28%;animation:4.8s ease-in-out infinite crmPipelineFlowMobile;inset:-28% 0 auto}.crm-pipeline__mobile{gap:11px;padding-left:18px;display:grid;position:relative}.crm-pipeline__all{min-height:44px;color:var(--pipeline-primary-strong);background:#fff;border-color:#f0629233}.crm-pipeline-step{grid-template-columns:auto minmax(0,1fr);gap:13px;padding:14px 14px 14px 12px}.crm-pipeline-step strong{font-size:16px}.crm-pipeline-stage__chip{max-width:100%;padding:6px 9px;font-size:12px}.crm-pipeline-step p,.crm-pipeline-step small{font-size:14px}.crm-calendar{padding:12px}.crm-calendar__grid{gap:5px}.crm-calendar-day{border-radius:9px;min-height:38px}.crm-calendar-day span{font-size:12px}.crm-calendar-day small{font-size:9px}.crm-priority-item__footer{flex-direction:column;align-items:stretch}.crm-priority-item__footer>div{grid-template-columns:1fr 1fr;display:grid}.crm-priority-item__footer .crm-button{width:100%;min-height:44px}.crm-customer-row--head{display:none}.crm-customer-table{gap:10px;overflow:visible}.crm-customer-row{background:#fffafbdb;border:1px solid #f6d5dfe6;border-radius:14px;grid-template-columns:1fr;gap:10px;min-width:0;padding:14px;display:grid}.crm-customer-main strong{font-size:17px}.crm-customer-main small,.crm-customer-row>span{font-size:14px}.crm-customer-row>span:nth-child(5),.crm-customer-row>span:nth-child(6),.crm-customer-row>span:nth-child(7){font-size:16px;font-weight:700}.crm-customer-row:nth-of-type(n+5){display:none}.crm-customer-row>span:not(.crm-customer-main):not(.crm-row-actions):before{content:attr(data-label);color:var(--crm-text-secondary);margin-bottom:3px;font-size:12px;font-weight:700;display:block}.crm-row-actions{justify-content:flex-start}.crm-detail-button,.crm-view-all,.crm-activity__more{min-height:44px;display:inline-flex}.crm-activity-item:nth-child(n+4){display:none}.crm-drawer{border-left:0;border-radius:0;width:100%;padding:18px 18px 104px;inset:0}.crm-drawer__actions{border-top:1px solid var(--crm-border);background:#fffffff5;grid-template-columns:1fr;padding:12px 14px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 36px #10182814}}@keyframes crmPipelineFlowMobile{0%{opacity:0;transform:translateY(0)}12%,82%{opacity:.85}to{opacity:0;transform:translateY(455%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.crm-pipeline-track:after{display:none}}