html,body{background:var(--app-bg);min-height:100%;color:var(--text);margin:0}*{box-sizing:border-box}:root{--primary:#2563eb;--primary-rgb:37, 99, 235;--app-bg:#eef3fb;--panel:#ffffffe0;--panel-solid:#fff;--border:#0f172a14;--text:#0f172a;--muted:#64748b;--sider-bg:#ffffffc7;--shadow:0 18px 45px #0f172a14}:root[data-theme=dark]{--app-bg:#111827;--panel:#1e293bb3;--panel-solid:#1e293b;--border:#cbd5e124;--text:#e5e7eb;--muted:#cbd5e1;--sider-bg:#1e293bb8;--shadow:0 18px 45px #0000002e}body{background:radial-gradient(circle at top left, rgba(var(--primary-rgb), .18), transparent 30%), radial-gradient(circle at top right, rgba(var(--primary-rgb), .12), transparent 26%), var(--app-bg)}.app-layout{background:0 0;height:100vh;min-height:100vh;overflow:hidden}.app-layout>.ant-layout{min-width:0;min-height:0}.app-sider{border:1px solid var(--border);height:calc(100vh - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;margin:16px 0 16px 16px;overflow:hidden;background:var(--sider-bg)!important}.app-sider .ant-layout-sider-children{flex-direction:column;height:100%;min-height:0;display:flex}.logo{height:76px;color:var(--text);align-items:center;gap:12px;padding:0 18px;font-weight:700;display:flex}.logo small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.logo-mark{color:#fff;background:linear-gradient(135deg, var(--primary), rgba(var(--primary-rgb), .68));width:38px;height:38px;box-shadow:0 10px 22px rgba(var(--primary-rgb), .28);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.tenant-brand-logo{object-fit:contain;background:#fff;border-radius:12px;width:100%;height:100%;padding:3px}.side-menu{scrollbar-width:thin;scrollbar-color:rgba(var(--primary-rgb), .34) transparent;flex:auto;min-height:0;padding:0 10px 14px;overflow:hidden auto;background:0 0!important;border-inline-end:0!important}.side-menu::-webkit-scrollbar{width:6px}.side-menu::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb), .34);border-radius:999px}.side-menu::-webkit-scrollbar-track{background:0 0}.side-menu .ant-menu-item{border-radius:12px;height:42px;margin:4px 0;line-height:42px}.side-menu .ant-menu-submenu-title{border-radius:12px;height:42px!important;margin:4px 0!important;line-height:42px!important}.side-menu .ant-menu-sub{background:0 0!important}.side-menu .ant-menu-item .anticon,.side-menu .ant-menu-submenu-title .anticon{color:currentColor}.side-menu .ant-menu-item-selected .anticon{color:var(--primary)}.app-header{justify-content:space-between;align-items:center;gap:12px;height:76px;padding:0 28px;display:flex;background:0 0!important}.app-content{min-height:0;padding:0 28px 28px;overflow:auto}.page-tabs{scrollbar-width:none;flex:1;align-items:center;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.page-tabs::-webkit-scrollbar{display:none}.page-tab{border:1px solid var(--border);background:var(--panel);max-width:188px;height:34px;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:0 10px;display:inline-flex;box-shadow:0 8px 18px #0f172a0a}.page-tab span{text-overflow:ellipsis;min-width:0;overflow:hidden}.page-tab.active{border-color:rgba(var(--primary-rgb), .42);background:rgba(var(--primary-rgb), .12);color:var(--text)}.page-tab-pin{color:#94a3b8;cursor:pointer;opacity:1;background:0 0;border:0;flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:color .18s,transform .18s;display:inline-flex}.page-tab-pin:hover{color:#f59e0b;transform:scale(1.08)}.page-tab-pin.active{color:#f59e0b}.page-tab-close{color:var(--muted);flex:none;font-size:10px}.page-tab-close:hover{color:var(--primary)}.user-trigger{border-radius:18px;align-items:center;gap:8px;height:36px;padding:0 10px 0 6px;display:inline-flex}.user-trigger span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}.theme-dots{border-radius:999px;padding:2px}.theme-dot{cursor:pointer;border:2px solid #0000;border-radius:999px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff47}.theme-dot.active{outline:2px solid var(--primary);border-color:#fff}.ant-popover-inner{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--panel)!important;border-radius:999px!important}.ant-popover-inner-content{padding:8px 10px!important}.page-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;padding:18px}.table-toolbar{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.search-input{max-width:380px}.soft-table .ant-table{background:0 0;overflow:hidden;border-radius:18px!important}.soft-table .ant-table-thead>tr>th{font-weight:700}.soft-table .ant-pagination{margin-bottom:0!important}.dashboard-hero{border:1px solid var(--border);background:linear-gradient(135deg, rgba(var(--primary-rgb), .92), rgba(var(--primary-rgb), .64));color:#fff;box-shadow:var(--shadow);border-radius:26px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding:24px;display:flex}.dashboard-hero h2{color:#fff;margin:0 0 8px}.dashboard-hero p{color:#ffffffc7;max-width:680px;margin:0}.dashboard-search{background:#ffffff29;border-radius:14px;padding:10px}.dashboard-search .ant-form-item-label>label{color:#fff}.dashboard-grid{grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);gap:16px;margin-top:16px;display:grid}.section-title{color:var(--text);margin-bottom:12px;font-size:16px;font-weight:700}.stat-card{box-shadow:var(--shadow);border-color:var(--border)!important;border-radius:22px!important}.metric-card{--metric-rgb:var(--primary-rgb);position:relative;overflow:hidden;background:linear-gradient(135deg, rgba(var(--metric-rgb), .14), #ffffffd1 42%), repeating-linear-gradient(135deg, rgba(var(--metric-rgb), .08) 0 1px, transparent 1px 12px), var(--panel-solid)!important}.metric-card:before{content:"";background-image:linear-gradient(rgba(var(--metric-rgb), .08) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--metric-rgb), .08) 1px, transparent 1px);opacity:.45;pointer-events:none;background-size:24px 24px;position:absolute;inset:0}.metric-card .ant-card-body{z-index:1;position:relative;padding:18px!important}.metric-card-body{align-items:center;gap:14px;min-height:82px;display:flex}.metric-icon{width:48px;height:48px;color:rgb(var(--metric-rgb));background:rgba(var(--metric-rgb), .13);box-shadow:inset 0 0 0 1px rgba(var(--metric-rgb), .14);border-radius:16px;flex:0 0 48px;justify-content:center;align-items:center;font-size:23px;display:inline-flex}.metric-copy{min-width:0}.metric-copy .ant-statistic-title{color:var(--muted);margin-bottom:4px;font-weight:600}.metric-copy .ant-statistic-content{color:var(--text);font-weight:760}.metric-copy>span{color:var(--muted);margin-top:6px;font-size:12px;display:block}.metric-blue{--metric-rgb:37, 99, 235}.metric-cyan{--metric-rgb:8, 145, 178}.metric-violet{--metric-rgb:124, 58, 237}.metric-green{--metric-rgb:22, 163, 74}.metric-amber{--metric-rgb:217, 119, 6}.metric-teal{--metric-rgb:13, 148, 136}.metric-orange{--metric-rgb:234, 88, 12}.metric-slate{--metric-rgb:71, 85, 105}.mes-form-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:0 14px;display:grid}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.help-hero{border:1px solid var(--border);background:radial-gradient(circle at 82% 18%, #22c55e2e, transparent 24%), radial-gradient(circle at 20% 0%, rgba(var(--primary-rgb), .22), transparent 30%), linear-gradient(135deg, rgba(var(--primary-rgb), .92), #0f172ac7);color:#fff;box-shadow:var(--shadow);border-radius:26px;margin-bottom:18px;padding:28px;position:relative;overflow:hidden}.help-hero:after{content:"";opacity:.38;pointer-events:none;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.help-hero>*{z-index:1;position:relative}.help-hero h2{color:#fff;margin:0 0 8px;font-size:24px}.help-hero p{color:#ffffffc7;max-width:760px;margin:0}.help-map{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:18px;display:grid;position:relative}.help-node{border:1px solid var(--border);background:linear-gradient(135deg, rgba(var(--node-rgb), .13), #ffffffdb 46%), repeating-linear-gradient(135deg, rgba(var(--node-rgb), .07) 0 1px, transparent 1px 13px), var(--panel-solid);min-height:150px;box-shadow:var(--shadow);border-radius:20px;padding:18px;position:relative;overflow:hidden}.help-node:before{content:attr(data-step);color:rgba(var(--node-rgb), .16);font-size:42px;font-weight:800;line-height:1;position:absolute;top:10px;right:14px}.help-node-icon{width:44px;height:44px;color:rgb(var(--node-rgb));background:rgba(var(--node-rgb), .12);border-radius:15px;justify-content:center;align-items:center;margin-bottom:14px;font-size:22px;display:inline-flex}.help-node h3{color:var(--text);margin:0 0 8px;font-size:16px}.help-node p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.help-node-blue{--node-rgb:37, 99, 235}.help-node-cyan{--node-rgb:8, 145, 178}.help-node-violet{--node-rgb:124, 58, 237}.help-node-amber{--node-rgb:217, 119, 6}.help-node-green{--node-rgb:22, 163, 74}.help-node-orange{--node-rgb:234, 88, 12}.help-node-teal{--node-rgb:13, 148, 136}.help-node-slate{--node-rgb:71, 85, 105}.flow-board{border:1px solid var(--border);background:radial-gradient(circle at 86% 8%, #22c55e1f, transparent 24%), radial-gradient(circle at 18% 0%, rgba(var(--primary-rgb), .12), transparent 28%), var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;grid-template-columns:minmax(420px,1fr) minmax(280px,.48fr);gap:14px 18px;padding:18px;display:grid;position:relative}.flow-lane{color:var(--text);border:1px solid var(--border);background:#ffffff94;border-radius:14px;padding:10px 14px;font-weight:760}.flow-lane-main{grid-column:1}.flow-lane-side{grid-column:2}.flow-row{display:contents}.flow-step{border:1px solid rgba(var(--flow-rgb), .18);background:linear-gradient(135deg, rgba(var(--flow-rgb), .14), #ffffffe0 48%), repeating-linear-gradient(135deg, rgba(var(--flow-rgb), .06) 0 1px, transparent 1px 14px), var(--panel-solid);border-radius:20px;grid-column:1;padding:18px;position:relative;box-shadow:0 12px 28px #0f172a12}.flow-step:after{content:"";background:rgba(var(--flow-rgb), .36);width:2px;height:18px;position:absolute;bottom:-18px;left:34px}.flow-row:last-child .flow-step:after{display:none}.flow-step-head{align-items:flex-start;gap:14px;display:flex}.flow-no{color:#fff;background:rgb(var(--flow-rgb));border-radius:14px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:inline-flex}.flow-icon{width:42px;height:42px;color:rgb(var(--flow-rgb));background:rgba(var(--flow-rgb), .12);border-radius:14px;flex:0 0 42px;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.flow-step h3{color:var(--text);margin:0 0 7px;font-size:17px}.flow-step p{color:var(--muted);margin:0;font-size:15px;line-height:1.78}.flow-tags{flex-wrap:wrap;gap:8px;margin-top:14px;padding-left:98px;display:flex}.flow-tags span,.flow-tags a{color:rgb(var(--flow-rgb));background:rgba(var(--flow-rgb), .1);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:650;text-decoration:none}.flow-tags a{box-shadow:inset 0 0 0 1px rgba(var(--flow-rgb), .12);transition:background .18s,transform .18s}.flow-tags a:hover{background:rgba(var(--flow-rgb), .18);transform:translateY(-1px)}.flow-inline-link{color:rgb(var(--flow-rgb));background:rgba(var(--flow-rgb), .1);border-radius:6px;padding:1px 4px;font-weight:760;text-decoration:none;transition:background .18s,color .18s;display:inline}.flow-inline-link:hover{background:rgba(var(--flow-rgb), .18);color:rgb(var(--flow-rgb))}.flow-side-cell{grid-column:2;align-items:stretch;display:flex}.flow-side-card,.flow-side-empty{border:1px dashed rgba(var(--primary-rgb), .24);background:#ffffff94;border-radius:18px;align-items:center;gap:12px;width:100%;min-height:118px;padding:16px;display:flex}.flow-side-card{background:linear-gradient(135deg,#7c3aed1f,#ffffffc7);border-style:solid}.flow-side-icon{color:#7c3aed;background:#7c3aed1f;border-radius:14px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:inline-flex}.flow-side-card h4{color:var(--text);margin:0 0 6px;font-size:15px}.flow-side-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.72}.flow-side-empty{color:var(--muted);justify-content:center;font-size:13px}.flow-arrow{display:none}.flow-blue{--flow-rgb:37, 99, 235}.flow-cyan{--flow-rgb:8, 145, 178}.flow-violet{--flow-rgb:124, 58, 237}.flow-amber{--flow-rgb:217, 119, 6}.flow-green{--flow-rgb:22, 163, 74}.flow-orange{--flow-rgb:234, 88, 12}.flow-teal{--flow-rgb:13, 148, 136}.flow-slate{--flow-rgb:71, 85, 105}.flow-rose{--flow-rgb:225, 29, 72}.flow-indigo{--flow-rgb:79, 70, 229}.help-lanes{grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px;display:grid}.help-lane{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:20px;padding:18px}.sales-drawer-title{align-items:center;gap:18px;width:min(100%,1080px);min-width:0;display:flex}.sales-drawer-heading{color:var(--text);flex:none;font-size:17px;font-weight:760}.sales-drawer-summary{flex:1;grid-template-columns:repeat(4,minmax(116px,1fr));gap:8px;min-width:0;display:grid}.sales-summary-pill{border:1px solid rgba(var(--summary-rgb), .18);background:linear-gradient(135deg, rgba(var(--summary-rgb), .12), rgba(var(--summary-rgb), .04));border-radius:10px;flex-direction:column;justify-content:center;min-height:46px;padding:7px 10px;line-height:1.15;display:flex}.sales-summary-pill span{color:var(--muted);font-size:12px;font-weight:560}.sales-summary-pill strong{color:rgb(var(--summary-rgb));font-variant-numeric:tabular-nums;margin-top:3px;font-size:16px;font-weight:820}.sales-summary-blue{--summary-rgb:37, 99, 235}.sales-summary-amber{--summary-rgb:217, 119, 6}.sales-summary-green{--summary-rgb:22, 163, 74}.sales-summary-violet{--summary-rgb:124, 58, 237}.sales-summary-red{--summary-rgb:220, 38, 38}@media (max-width:900px){.sales-drawer-title{flex-direction:column;align-items:flex-start;gap:10px}.sales-drawer-summary{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}.help-lane h3{color:var(--text);margin:0 0 12px;font-size:16px}.help-lane ul{color:var(--muted);margin:0;padding-left:18px;line-height:1.9}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:400px;max-width:100%;box-shadow:var(--shadow);border-radius:24px!important}.login-brand{text-align:center;margin-bottom:20px}.login-brand .logo-mark{margin:0 auto 12px}@media (max-width:900px){.app-sider{display:none}.app-header{padding:0 16px}.app-content{padding:0 16px 16px}.dashboard-hero{flex-direction:column}.dashboard-search{width:100%}.dashboard-grid,.flow-board{grid-template-columns:1fr}.flow-lane-main,.flow-lane-side,.flow-step,.flow-side-cell{grid-column:1}.flow-side-empty{display:none}.flow-tags{padding-left:0}.flow-step-head{flex-wrap:wrap}.help-map,.help-lanes{grid-template-columns:1fr}.table-toolbar{flex-direction:column}.search-input{max-width:none}.mes-form-grid{grid-template-columns:1fr}}