@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18181b;background:#f3f3f5;font-synthesis:none;text-rendering:optimizeLegibility;--red: #d90000;--red-dark: #a80000;--black: #0b0b0d;--panel: #ffffff;--muted: #71717a;--line: #e7e7eb;--soft: #f7f7f8;--green: #15945b;--green-soft: #eaf8f1;--danger: #cf2e2e;--danger-soft: #fff0f0;--shadow: 0 18px 50px rgba(17, 17, 20, .08)}*{box-sizing:border-box}html{min-height:100%;background:#f3f3f5}body{margin:0;min-width:320px;min-height:100vh;background:#f3f3f5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.full-page-loader,.content-loader{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-weight:600}.content-loader{min-height:55vh}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-brand-panel{position:relative;overflow:hidden;min-height:100vh;padding:48px 56px;background:var(--black);color:#fff;display:flex;flex-direction:column}.login-logo{width:245px;height:auto;background:#fff;border-radius:12px;padding:12px 16px;position:relative;z-index:2}.login-brand-content{margin:auto 0;max-width:700px;position:relative;z-index:2}.login-brand-content h1{font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-.06em;margin:18px 0 26px}.login-brand-content p{color:#c9c9ce;font-size:18px;max-width:620px;line-height:1.7}.login-feature-row{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:38px}.login-feature-row span{display:flex;align-items:center;gap:8px;color:#ededf0;font-size:13px}.login-feature-row svg{color:#f33}.login-grid-decoration{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 75% 58%,black,transparent 70%);mask-image:radial-gradient(circle at 75% 58%,black,transparent 70%)}.login-brand-panel:after{content:"";width:420px;height:420px;border-radius:50%;position:absolute;right:-160px;bottom:-100px;background:radial-gradient(circle,rgba(217,0,0,.45),transparent 68%)}.login-form-panel{display:grid;place-items:center;padding:40px;background:#fafafa}.login-card{width:min(100%,460px);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:38px}.login-card-heading{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#19a966;box-shadow:0 0 0 5px #19a9661a}.login-card h2{font-size:31px;letter-spacing:-.04em;margin:24px 0 8px}.login-card>p{margin:0 0 26px;color:var(--muted)}.login-card small{display:block;color:#8c8c96;line-height:1.6;margin-top:22px;text-align:center}.login-separator{display:flex;align-items:center;gap:12px;margin:20px 0;color:#a1a1aa;font-size:12px}.login-separator:before,.login-separator:after{content:"";height:1px;flex:1;background:var(--line)}.form-error{background:var(--danger-soft);color:var(--danger);border:1px solid #ffd5d5;padding:11px 13px;border-radius:10px;font-size:13px;margin-bottom:14px}.app-shell{min-height:100vh;background:#f3f3f5}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;background:var(--black);color:#fff;z-index:30;display:flex;flex-direction:column;padding:24px 18px 18px}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;min-height:74px;border-bottom:1px solid rgba(255,255,255,.08);padding:0 10px 20px}.sidebar-brand img{height:28px;width:auto}.sidebar-nav{display:flex;flex-direction:column;gap:6px;padding:28px 0}.nav-label{color:#67676e;font-size:10px;letter-spacing:.18em;font-weight:800;padding:0 13px 10px}.nav-item{position:relative;display:flex;align-items:center;gap:13px;min-height:48px;border:0;border-radius:12px;background:transparent;color:#a7a7ae;padding:0 14px;text-align:left;font-weight:600}.nav-item:hover{color:#fff;background:#ffffff0e}.nav-item.active{color:#fff;background:linear-gradient(90deg,#d9000038,#d900000f)}.nav-item.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:#ff2020;border-radius:0 5px 5px 0}.nav-item.active svg:first-child{color:#ff2828}.nav-arrow{margin-left:auto}.sidebar-agent-card{display:flex;align-items:center;gap:11px;margin-top:auto;padding:14px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);border-radius:14px}.sidebar-agent-card .agent-icon{width:38px;height:38px;border-radius:11px;background:#d900002e;color:#f33;display:grid;place-items:center}.sidebar-agent-card div:nth-child(2){min-width:0}.sidebar-agent-card strong,.sidebar-agent-card span{display:block}.sidebar-agent-card strong{font-size:13px}.sidebar-agent-card div:nth-child(2) span{color:#8f8f98;font-size:11px;margin-top:3px}.sidebar-profile{margin-top:12px;padding:15px 10px 0;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:38px 1fr 34px;gap:10px;align-items:center}.avatar{width:38px;height:38px;background:#26262b;color:#fff;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:800}.sidebar-profile strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile span{color:#777780;font-size:10px;text-transform:capitalize}.main-content{margin-left:270px;min-height:100vh}.topbar{height:104px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffdb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(224,224,229,.9);position:sticky;top:0;z-index:20}.topbar-title{display:flex;align-items:center;gap:12px}.topbar h1{margin:0;font-size:24px;letter-spacing:-.035em}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.topbar-actions{display:flex;align-items:center;gap:10px}.demo-badge{display:flex;align-items:center;gap:7px;border:1px solid #ead3a3;color:#8a620d;background:#fff8e7;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.page-content{padding:28px 34px 42px}.button{min-height:42px;border-radius:11px;padding:0 16px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg,#ef1515,#b00);box-shadow:0 8px 18px #c1000033}.button.secondary{color:#29292e;background:#fff;border-color:#dddde2}.button.secondary:hover{border-color:#b9b9c1}.button.full{width:100%}.button.compact{min-height:34px;padding:0 11px;font-size:11px}.button.ghost{background:transparent;box-shadow:none}.button.danger{color:var(--danger);border-color:#ffd3d3}.icon-button{width:38px;height:38px;padding:0;border-radius:10px;border:1px solid transparent;color:#707079;background:transparent;display:inline-grid;place-items:center}.icon-button:hover{background:#f0f0f2;color:#222}.icon-button.small{width:31px;height:31px;border-radius:8px}.sidebar .icon-button:hover{background:#ffffff14;color:#fff}.text-button{border:0;background:transparent;display:inline-flex;align-items:center;gap:4px;color:var(--red);font-weight:700;font-size:12px}.mobile-only,.mobile-menu{display:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px #15151909}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel-heading h2{margin:4px 0 0;font-size:18px;letter-spacing:-.025em}.eyebrow{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.15em}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:20px}.metric-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{position:relative;min-height:170px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-30px;bottom:-60px;width:130px;height:130px;border-radius:50%;background:#f4f4f6}.metric-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:#f3f3f5;color:#404047;margin-bottom:18px}.metric-card>span{display:block;color:var(--muted);font-size:12px;font-weight:600}.metric-card>strong{display:block;font-size:38px;letter-spacing:-.06em;line-height:1;margin:10px 0 8px}.metric-card>small{color:#91919a}.metric-card.success .metric-icon{background:var(--green-soft);color:var(--green)}.metric-card.danger .metric-icon{background:var(--danger-soft);color:var(--danger)}.funnel-overview-panel{padding:24px;grid-row:span 2}.stage-bars{margin-top:25px;display:grid;gap:15px}.stage-bar-row{display:grid;grid-template-columns:140px minmax(70px,1fr) 24px;align-items:center;gap:12px;font-size:11px}.stage-bar-row>span{color:#5f5f68;white-space:nowrap}.stage-track{height:8px;background:#f0f0f2;border-radius:999px;overflow:hidden}.stage-fill{height:100%;background:#2b2b31;border-radius:inherit;min-width:0;transition:width .4s ease}.stage-fill.won{background:var(--green)}.stage-fill.lost{background:var(--danger)}.stage-bar-row strong{text-align:right;font-size:12px}.conversion-panel{padding:24px}.conversion-ring{--progress: 0deg;width:168px;height:168px;margin:24px auto;border-radius:50%;background:conic-gradient(var(--green) var(--progress),#eeeeF0 0);display:grid;place-items:center;position:relative}.conversion-ring:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:#fff;border-radius:50%}.conversion-ring>div{position:relative;z-index:1;text-align:center}.conversion-ring strong{display:block;font-size:33px;letter-spacing:-.05em}.conversion-ring span{color:var(--muted);font-size:11px}.conversion-legend{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:16px;gap:10px}.conversion-legend span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.conversion-legend strong{margin-left:auto;color:#222}.legend-dot{width:8px;height:8px;border-radius:50%;background:#bbb}.legend-dot.won{background:var(--green)}.legend-dot.lost{background:var(--danger)}.recent-panel{padding:24px}.recent-list{margin-top:14px}.recent-item{width:100%;border:0;background:transparent;display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);text-align:left}.recent-item:last-child{border-bottom:0}.recent-main{min-width:0}.recent-main strong,.recent-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-main strong{font-size:12px}.recent-main small{color:var(--muted);margin-top:5px;font-size:10px}.company-avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#efeff1;color:#3c3c42;font-size:11px;font-weight:800}.company-avatar.small{width:34px;height:34px;border-radius:9px}.stage-badge{display:inline-flex;align-items:center;min-height:25px;border-radius:999px;padding:0 9px;color:#484850;background:#f0f0f2;font-size:9px;font-weight:700;white-space:nowrap}.stage-badge.won{color:#117647;background:var(--green-soft)}.stage-badge.lost{color:#ad2222;background:var(--danger-soft)}.kanban-wrap{overflow:hidden;margin:-4px -34px -20px}.kanban-board{display:flex;gap:13px;overflow-x:auto;padding:4px 34px 28px;min-height:calc(100vh - 160px);scroll-snap-type:x proximity}.kanban-column{flex:0 0 286px;background:#eaeaed;border:1px solid #dfdfe3;border-radius:16px;padding:10px;scroll-snap-align:start}.kanban-column.won{background:#e8f4ee;border-color:#d1e9dc}.kanban-column.lost{background:#f7e9e9;border-color:#efd5d5}.kanban-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 7px}.kanban-header>div{display:flex;align-items:center;gap:8px;min-width:0}.kanban-header strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-header small{min-width:21px;height:21px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#0001;color:#66666e;font-size:9px}.column-dot{width:7px;height:7px;border-radius:50%;background:#6e6e75}.kanban-column.won .column-dot{background:var(--green)}.kanban-column.lost .column-dot{background:var(--danger)}.kanban-cards{display:grid;gap:9px}.kanban-card{background:#fff;border:1px solid #e2e2e6;border-radius:13px;padding:14px;box-shadow:0 4px 11px #14141709;cursor:grab;transition:.18s ease}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #14141714;border-color:#d1d1d7}.kanban-card:active{cursor:grabbing}.kanban-card-top{display:flex;align-items:center;justify-content:space-between;color:#9898a0}.origin-label{font-size:9px;padding:4px 7px;border-radius:999px;background:#f4f4f6;color:#6b6b73}.kanban-card h3{font-size:13px;line-height:1.35;margin:13px 0 5px}.kanban-card p{margin:0;color:var(--muted);font-size:10px}.kanban-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.kanban-meta span{display:inline-flex;align-items:center;gap:4px;color:#797982;font-size:9px}.kanban-card footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ededf0;padding-top:11px}.kanban-card footer small{color:#9a9aa2;font-size:9px}.mini-avatar{width:25px;height:25px;border-radius:8px;display:inline-grid;place-items:center;background:#27272c;color:#fff;font-size:8px;font-weight:800}.add-card-button{min-height:42px;border:1px dashed #c9c9cf;border-radius:11px;background:#ffffff59;color:#777780;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:700}.add-card-button:hover{background:#fff;color:#333}.contacts-panel{overflow:hidden}.contacts-toolbar{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.search-box{height:42px;min-width:300px;max-width:520px;flex:1;display:flex;align-items:center;gap:10px;padding:0 13px;background:#f5f5f6;border:1px solid transparent;border-radius:11px;color:#898991}.search-box:focus-within{border-color:#c9c9cf;background:#fff}.search-box input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:12px}.toolbar-right{display:flex;align-items:center;gap:10px}.select-with-icon{height:42px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #ddddE2;border-radius:11px;color:#777;background:#fff}.select-with-icon select{border:0;outline:0;background:transparent;font-size:11px;max-width:180px}.table-meta{display:flex;justify-content:space-between;padding:12px 18px;color:var(--muted);font-size:10px;background:#fafafa;border-bottom:1px solid var(--line)}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:1020px}.data-table th{color:#8b8b94;font-size:9px;letter-spacing:.06em;text-transform:uppercase;text-align:left;background:#fff;padding:13px 16px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 16px;border-bottom:1px solid #efeff1;color:#54545c;font-size:11px}.data-table tbody tr{cursor:pointer;transition:.15s ease}.data-table tbody tr:hover{background:#fafafa}.table-company{display:flex;align-items:center;gap:10px}.table-company span:last-child{min-width:0}.table-company strong,.table-company small{display:block;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-company strong{color:#222228;font-size:11px}.table-company small{color:#8b8b94;font-size:9px;margin-top:4px}.origin-chip{background:#f4f4f5;border-radius:999px;padding:5px 8px;font-size:9px}.owner-cell{display:flex;align-items:center;gap:7px}.empty-state{padding:70px 20px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#8b8b94}.empty-state strong{color:#333}.empty-state span{font-size:11px}.field{display:grid;gap:7px;color:#55555d;font-size:11px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #ddddE2;background:#fff;border-radius:10px;outline:0;padding:0 12px;color:#26262b;font-size:12px}.field input,.field select{height:43px}.field textarea{padding-top:11px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9999a2;box-shadow:0 0 0 3px #00000009}.input-with-icon{display:flex;align-items:center;border:1px solid #ddddE2;border-radius:10px;padding:0 11px;color:#9999a1;background:#fff}.input-with-icon:focus-within{border-color:#9999a2;box-shadow:0 0 0 3px #00000009}.input-with-icon input{border:0;padding:0 8px;box-shadow:none!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0a0c9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.modal-card{width:min(100%,820px);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 28px 90px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 26px;border-bottom:1px solid var(--line)}.modal-header h2{margin:5px 0 0;font-size:22px;letter-spacing:-.04em}.contact-form{padding:24px 26px;display:grid;gap:20px}.form-grid{display:grid;gap:16px}.form-grid.two-columns{grid-template-columns:1fr 1fr}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:18px}.modal-actions{display:flex;gap:9px}.modal-actions.end{justify-content:flex-end;margin-top:8px}.users-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 320px;gap:20px}.users-panel{padding:24px}.permission-notice{margin:16px 0 0;display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:10px;background:#fff8e6;color:#8b6513;font-size:11px}.user-list{margin-top:18px}.user-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto auto;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.user-row:last-child{border-bottom:0}.user-avatar-large{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#ededf0;font-size:11px;font-weight:800}.user-info strong,.user-info span,.user-info small{display:block}.user-info strong{font-size:12px}.user-info span{font-size:10px;color:var(--muted);margin-top:3px}.user-info small{font-size:9px;color:#9a9aa2;margin-top:3px}.role-badge{border-radius:999px;padding:6px 9px;background:#f0f0f2;color:#55555e;font-size:9px;font-weight:800;text-transform:capitalize}.role-badge.admin{background:#feeaea;color:#b11717}.role-badge.gestor{background:#edf2ff;color:#365daf}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.status-pill.online{color:#13784a;background:#eaf8f1}.status-pill.offline{color:#777780;background:#eeeef0}.access-panel{padding:24px;align-self:start}.access-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--black)}.access-panel h3{margin:17px 0 20px}.access-level{padding:14px 0;border-top:1px solid var(--line)}.access-level strong,.access-level span{display:block}.access-level strong{font-size:11px}.access-level span{color:var(--muted);font-size:10px;line-height:1.5;margin-top:5px}.user-modal{width:min(100%,520px)}.user-form{display:grid;gap:15px;padding:24px 26px}.openclaw-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.openclaw-hero{grid-column:1 / -1;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:20px;padding:25px;background:linear-gradient(135deg,#111114,#25252a);color:#fff;border:0}.openclaw-symbol{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#d9000033;color:#ff3b3b}.openclaw-hero h2{margin:5px 0 8px;font-size:22px}.openclaw-hero p{color:#b9b9c0;line-height:1.6;font-size:11px;max-width:790px;margin:0}.api-panel,.keys-panel{padding:24px}.keys-panel{grid-column:1}.code-field{min-height:48px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px 7px 13px;border:1px solid var(--line);border-radius:11px;background:#f7f7f8}.code-field code{overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#3b3b42}.api-methods{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.api-methods span{background:#f3f3f5;border-radius:8px;padding:7px 9px;color:#5c5c65;font-size:9px}.api-methods b{color:var(--red);margin-right:4px}.secret-box{margin-top:18px;padding:15px;border:1px solid #f1c4c4;background:#fff5f5;border-radius:13px}.secret-box strong,.secret-box span{display:block}.secret-box strong{font-size:11px;color:#9b1717}.secret-box span{color:#a06565;font-size:9px;margin-top:4px}.danger-code{background:#fff;border-color:#f2cccc}.key-list{margin-top:16px}.key-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.key-row:last-child{border-bottom:0}.key-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f0f0f2;color:#555}.key-row strong,.key-row small{display:block}.key-row strong{font-size:11px}.key-row small{margin-top:4px;color:var(--muted);font-size:9px}.api-note{padding:24px;align-self:start}.api-note svg{color:var(--red)}.api-note h3{margin:14px 0 8px;font-size:15px}.api-note p{color:var(--muted);line-height:1.65;font-size:10px;margin:0}.toast{position:fixed;right:24px;bottom:24px;z-index:150;min-height:46px;display:flex;align-items:center;gap:9px;padding:0 15px;background:#151519;color:#fff;border-radius:12px;box-shadow:0 16px 40px #00000038;font-size:12px;font-weight:700;animation:toastIn .25s ease}.toast svg{color:#42d28b}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.sidebar-overlay{display:none}@media (max-width: 1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}.users-layout,.openclaw-layout{grid-template-columns:1fr}.access-panel,.api-note{grid-column:1}.install-button{display:none}}@media (max-width: 900px){.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:auto;padding:34px 26px 48px}.login-brand-content{margin:70px 0 0}.login-brand-content h1{font-size:48px}.login-form-panel{padding:24px}.sidebar{transform:translate(-100%);transition:transform .25s ease;box-shadow:20px 0 50px #00000040}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#00000075}.main-content{margin-left:0}.mobile-only,.mobile-menu{display:inline-grid}.topbar{height:auto;min-height:92px;padding:16px 20px}.topbar-actions .demo-badge{display:none}.page-content{padding:22px 20px 36px}.kanban-wrap{margin-left:-20px;margin-right:-20px}.kanban-board{padding-left:20px;padding-right:20px}.dashboard-grid{grid-template-columns:1fr}.funnel-overview-panel,.conversion-panel,.recent-panel{grid-column:1;grid-row:auto}.contacts-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none;min-width:0}.toolbar-right{justify-content:space-between}}@media (max-width: 640px){.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:18px}.login-card{padding:28px 22px;box-shadow:none}.topbar{align-items:flex-start}.topbar h1{font-size:19px}.topbar p{display:none}.topbar-actions .button.primary{width:42px;min-width:42px;padding:0;font-size:0}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:144px;padding:15px}.metric-card>strong{font-size:31px}.metric-card:after{width:100px;height:100px}.dashboard-grid{gap:13px}.funnel-overview-panel,.conversion-panel,.recent-panel{padding:18px}.stage-bar-row{grid-template-columns:110px 1fr 20px;gap:8px}.stage-bar-row>span{font-size:9px}.recent-item{grid-template-columns:38px minmax(0,1fr) 17px}.recent-item .stage-badge{display:none}.company-avatar{width:38px;height:38px}.toolbar-right{flex-direction:column;align-items:stretch}.select-with-icon{justify-content:flex-start}.table-meta span:last-child{display:none}.form-grid.two-columns{grid-template-columns:1fr}.modal-backdrop{padding:0;align-items:end}.modal-card{border-radius:20px 20px 0 0;max-height:92vh}.modal-footer{align-items:stretch;flex-direction:column-reverse}.modal-actions{width:100%}.modal-actions .button{flex:1}.user-row{grid-template-columns:42px minmax(0,1fr) auto}.user-row .role-badge,.user-row .button{display:none}.openclaw-hero{grid-template-columns:52px 1fr}.openclaw-hero .status-pill{display:none}.openclaw-symbol{width:52px;height:52px}.openclaw-hero h2{font-size:17px}.key-row{grid-template-columns:36px minmax(0,1fr) auto}.key-row .button{grid-column:2 / -1;justify-self:start}.toast{left:16px;right:16px;bottom:16px}}:root{--brand-red: #ff2323;--brand-gray: #c9c9ce}.brand-lockup{display:inline-flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{color:#d8d8dd;flex-shrink:0}.brand-word{color:#f4f4f6;font-size:15px;font-weight:800;letter-spacing:-.02em;line-height:1.05}.loader-mark{color:#b4b4bd}.login-logo-lockup{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.login-wordmark{color:#fff;font-size:21px;font-weight:800;letter-spacing:-.02em}.forecast-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.forecast-card{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow)}.forecast-card.success{border-color:#cdeedd;background:linear-gradient(180deg,#fff,#f6fdf9)}.forecast-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f1f1f4;color:#3a3a42;flex-shrink:0}.forecast-card.success .forecast-icon{background:var(--green-soft);color:var(--green)}.forecast-body{display:flex;flex-direction:column;min-width:0}.forecast-body span{color:var(--muted);font-size:11px;font-weight:600}.forecast-body strong{font-size:24px;letter-spacing:-.04em;margin:2px 0}.forecast-body small{color:#9a9aa2;font-size:10px}.dash-main,.dash-side{display:flex;flex-direction:column;gap:20px;min-width:0}.mini-table{width:100%;border-collapse:collapse;margin-top:6px}.mini-table th{text-align:left;color:#8b8b94;font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:8px;border-bottom:1px solid var(--line)}.mini-table td{padding:10px 8px;border-bottom:1px solid #f0f0f2;font-size:12px;color:#45454d}.mini-table tbody tr:last-child td,.mini-table tr:last-child td{border-bottom:none}.mini-table th:not(:first-child),.mini-table td:not(:first-child){text-align:center;width:68px}.conv-chip{display:inline-block;min-width:40px;padding:3px 8px;border-radius:999px;background:#f1f1f4;color:#45454d;font-size:11px;font-weight:700}.panel-empty{color:var(--muted);font-size:12px;margin:14px 0 4px;line-height:1.6}.overdue-count{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:var(--danger-soft);color:var(--danger);font-size:10px;font-weight:800}.followup-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.followup-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#fbfbfc;border:1px solid #eeeef1;border-radius:12px;padding:9px 11px;transition:.15s ease}.followup-item:hover{background:#fff;border-color:#dedee3;transform:translateY(-1px)}.followup-item.overdue{background:#fff7f7;border-color:#ffdede}.followup-main{display:flex;flex-direction:column;flex:1;min-width:0}.followup-main strong{font-size:12px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.followup-main small{color:var(--muted);font-size:10px}.followup-when{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#6b6b73;white-space:nowrap}.followup-when.overdue{color:var(--danger)}.modal-timeline{margin-top:8px;padding-top:18px;border-top:1px solid var(--line)}.timeline{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.timeline-item{display:flex;gap:12px;padding:0 0 14px;position:relative}.timeline-item:before{content:"";position:absolute;left:4px;top:14px;bottom:-2px;width:2px;background:var(--line)}.timeline-item:last-child{padding-bottom:0}.timeline-item:last-child:before{display:none}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--red);margin-top:3px;flex-shrink:0;box-shadow:0 0 0 3px #fdeaea;z-index:1}.timeline-body{display:flex;flex-direction:column}.timeline-body strong{font-size:12px;font-weight:700;color:#35353c}.timeline-body small{color:var(--muted);font-size:10px;margin-top:1px}.timeline-empty{color:var(--muted);font-size:12px;margin:12px 0 0}.quick-actions{display:flex;gap:9px;padding:0 26px 4px;margin-top:-6px}.button.secondary.compact{text-decoration:none}.stage-move{position:relative;display:inline-flex}.stage-move-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.stage-move-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:41;width:210px;max-height:280px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #14141729;padding:6px}.stage-move-title{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#9a9aa2;font-weight:700;padding:6px 8px 4px}.stage-move-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:none;border-radius:8px;padding:8px;font-size:12px;font-weight:600;color:#45454d}.stage-move-item:hover{background:#f5f5f7}.stage-move-dot{width:8px;height:8px;border-radius:50%;background:#c3c3ca;flex-shrink:0}.stage-move-item.won .stage-move-dot{background:var(--green)}.stage-move-item.lost .stage-move-dot{background:var(--danger)}.kanban-column-value{font-size:11px;font-weight:700;color:#6b6b73;margin:-4px 0 8px;padding:0 2px}.kanban-value{display:inline-block;margin:8px 0 2px;padding:3px 9px;border-radius:999px;background:#f1f1f4;color:#35353c;font-size:11px;font-weight:800}.kanban-card.is-overdue{border-color:#ffd0d0;box-shadow:0 4px 11px #cf2e2e14}.meta-overdue{color:var(--danger);font-weight:700}.kanban-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:9px 0 11px;color:#8a8a92;font-size:9px}.kanban-meta span{display:inline-flex;align-items:center;gap:4px}.next-action{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#55555d;white-space:nowrap}.next-action.overdue{color:var(--danger);font-weight:700}.cell-muted{color:#b0b0b8;font-size:10px}.row-chevron{color:#c2c2ca}.data-table tbody tr:focus-visible{outline:2px solid var(--red);outline-offset:-2px}.status-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 16px;font-size:12px;font-weight:700}.status-bar.offline{background:#2a2a30;color:#fff}.status-bar.offline svg{color:#ffb4b4}.status-bar.update{background:#101014;color:#fff}.status-bar.update svg{color:#ff5a5a}.button.primary.compact{min-height:32px;padding:0 12px;font-size:12px}.app-error{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f3f5}.app-error-card{max-width:460px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.app-error-card h1{font-size:24px;letter-spacing:-.03em;margin:0 0 10px}.app-error-card p{color:var(--muted);line-height:1.6;margin:0 0 16px}.app-error-card code{display:block;background:#f6f6f8;border-radius:10px;padding:12px;font-size:11px;color:#a02525;margin-bottom:18px;word-break:break-word}.app-error-card .button{margin:0 auto}.kanban-card:focus-visible,.followup-item:focus-visible,.recent-item:focus-visible,.nav-item:focus-visible,.button:focus-visible,.icon-button:focus-visible{outline:2px solid var(--red);outline-offset:2px}@media (max-width: 1024px){.forecast-grid{grid-template-columns:1fr}}@media (max-width: 680px){.quick-actions{padding:0 18px 4px}.status-bar{font-size:11px;padding:8px 12px}.stage-move-menu{width:190px}.forecast-body strong{font-size:21px}}.brand-logo-img{height:26px;width:auto;display:block}.login-logo-img{height:40px;width:auto;display:block}.loader-mark-img{height:26px;width:auto;display:inline-block;vertical-align:middle}