:root{color:#182134;font-synthesis:none;--navy:#002b5b;--navy-2:#083d72;--yellow:#fc0;--ink:#182134;--muted:#6b7588;--line:#dfe4ec;--panel:#fff;--blue-bg:#eaf3ff;--green:#18764d;--green-bg:#e8f7ef;--red:#b83232;--red-bg:#fff0ef;--orange:#9a5b00;--yellow-bg:#fff8dc;--shadow:0 10px 30px #17264114;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f6fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}svg{stroke-width:1.8px;width:19px;height:19px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.05}h2{margin-bottom:4px;font-size:1.05rem}h3{margin-bottom:5px;font-size:1rem}p{color:var(--muted);line-height:1.55}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#fff;z-index:50;flex-direction:column;width:248px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;height:88px;padding:0 22px;display:flex}.sidebar-brand>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.sidebar-brand strong{font-size:18px}.sidebar-brand span,.sidebar-user span{color:#ffffff94;font-size:11px}.brand-mark{background:var(--yellow);width:56px;height:56px;color:var(--navy);border-radius:17px;place-items:center;display:grid;box-shadow:0 14px 28px #0000002e}.brand-mark svg{stroke-width:2.5px;width:31px;height:31px}.brand-mark.small{width:40px;height:40px;box-shadow:none;border-radius:12px}.brand-mark.small svg{width:22px;height:22px}.sidebar nav{flex-direction:column;flex:1;gap:5px;padding:22px 13px;display:flex}.sidebar nav button{color:#ffffffad;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;height:46px;padding:0 13px;font-size:14px;font-weight:600;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff1c}.sidebar nav button.active{box-shadow:inset 3px 0 var(--yellow)}.sidebar nav button b{background:var(--yellow);color:var(--navy);text-align:center;border-radius:20px;min-width:20px;margin-left:auto;padding:3px;font-size:10px}.sidebar-user{border-top:1px solid #ffffff1f;grid-template-columns:34px 1fr 34px;align-items:center;gap:9px;margin:13px;padding:13px 7px;display:grid}.sidebar-user>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.sidebar-user strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.avatar{width:34px;height:34px;color:var(--yellow);background:#ffcc002e;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.sidebar .icon-button{color:#fff}.workspace{min-height:100vh;margin-left:248px}.topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:30;background:#fffffff0;justify-content:space-between;align-items:center;height:64px;padding:0 30px;display:flex;position:sticky;top:0}.connection{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.connection svg{width:15px}.connection.online svg{color:#1f9b68}.connection.offline{color:var(--red)}.top-actions,.heading-actions,.card-actions{align-items:center;gap:8px;display:flex}.top-actions .icon-button{position:relative}.top-actions i{background:#e64343;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.content{max-width:1500px;margin:0 auto;padding:38px 38px 60px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:29px;display:flex}.page-heading p{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#57708e;margin-bottom:9px;font-size:10px;font-weight:800;display:block}.eyebrow.yellow{color:var(--yellow)}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--navy);color:#fff;box-shadow:0 7px 16px #002b5b2e}.button.secondary{color:var(--navy);border-color:var(--line);background:#fff}.button.ghost{color:var(--muted);background:0 0}.button.compact{min-height:36px;padding:0 12px}.button.full{width:100%}.icon-button{color:#637087;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;text-decoration:none;display:inline-grid}.icon-button:hover{color:var(--navy);background:#eef2f7}.icon-button svg{width:18px}.danger-text{color:var(--red)}.text-button{color:var(--navy);background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex}.text-button svg{width:14px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.metric{text-align:left;border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;min-height:145px;padding:19px 20px;display:grid;position:relative;box-shadow:0 4px 16px #1928410a}.metric>span{border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.metric>span svg{width:17px}.metric>svg{color:#a5adba;grid-area:1/2;width:17px}.metric strong{letter-spacing:-.04em;grid-column:1/3;align-self:end;font-size:34px}.metric p{grid-column:1/3;margin:1px 0 0;font-size:12px}.metric.danger>span{background:var(--red-bg);color:var(--red)}.metric.yellow>span{background:var(--yellow-bg);color:var(--orange)}.metric.blue>span{background:var(--blue-bg);color:#2269ad}.metric.green>span{background:var(--green-bg);color:var(--green)}.dashboard-grid,.settings-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 4px 20px #1726410a}.panel.span-2{grid-column:span 2}.panel.full-span{grid-column:1/-1}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-header p{margin:4px 0;font-size:12px}.rows{flex-direction:column;display:flex}.row{border-top:1px solid #edf0f5;align-items:center;gap:12px;min-height:59px;display:flex}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.row-main span{color:var(--muted);margin-top:3px;font-size:11px}.check-dot{background:#a8b0be;border-radius:50%;width:9px;height:9px}.check-dot.high{background:#d34949}.check-dot.medium{background:#e9992e}.check-dot.low{background:#8995a7}.row-icon{border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.row-icon svg{width:16px}.row-icon.blue{background:var(--blue-bg);color:#286dad}.row-icon.yellow{background:var(--yellow-bg);color:var(--orange)}.row-icon.green{background:var(--green-bg);color:var(--green)}.pill{color:#5c6678;white-space:nowrap;background:#eff2f6;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex}.pill svg{width:12px}.pill.red{background:var(--red-bg);color:var(--red)}.pill.yellow{background:var(--yellow-bg);color:var(--orange)}.pill.green{background:var(--green-bg);color:var(--green)}.pill.blue{background:var(--blue-bg);color:#2368a8}.toolbar{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.toolbar>span{color:var(--muted);font-size:12px}.search{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;min-width:300px;height:42px;padding:0 12px;display:flex}.search svg{color:#8b95a5;width:17px}.search input{background:0 0;border:0;outline:0;width:100%}.card-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.customer-card,.report-card,.timeline-card,.task-row{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 3px 14px #1726410a}.customer-card{padding:18px}.customer-card header{grid-template-columns:42px 1fr auto;align-items:center;gap:11px;display:grid}.customer-card h3,.customer-card p{margin:0}.customer-card p{font-size:11px}.customer-icon{background:var(--blue-bg);width:42px;height:42px;color:var(--navy);border-radius:12px;place-items:center;display:grid}.customer-stats{background:#f6f8fb;border-radius:10px;grid-template-columns:1fr 1fr;margin:18px 0;padding:12px;display:grid}.customer-stats span{color:var(--muted);flex-direction:column;font-size:10px;display:flex}.customer-stats span+span{border-left:1px solid var(--line);padding-left:12px}.customer-stats strong{color:var(--ink);font-size:20px}.customer-card footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;display:flex}.report-filters{gap:8px;margin-bottom:16px;display:flex}.report-list{flex-direction:column;gap:12px;display:flex}.report-card{grid-template-columns:72px 1fr auto;gap:17px;padding:18px;display:grid}.report-date{background:var(--navy);color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:67px;display:flex}.report-date strong{font-size:25px;line-height:1}.report-date span{text-transform:uppercase;color:var(--yellow);margin-top:6px;font-size:10px;font-weight:800}.report-main{min-width:0}.report-main header{justify-content:space-between;gap:12px;display:flex}.report-main h3,.report-main p{margin:0}.report-main p{font-size:11px}.report-summary{color:#525e71;white-space:nowrap;text-overflow:ellipsis;max-width:900px;margin:13px 0;font-size:12px;overflow:hidden}.report-main footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;display:flex}.vertical-actions{align-items:center;gap:5px;display:flex}.segmented{background:#e8ecf2;border-radius:11px;margin-bottom:20px;padding:4px;display:inline-flex}.segmented button{color:#667185;white-space:nowrap;background:0 0;border:0;border-radius:8px;height:34px;padding:0 13px;font-size:11px;font-weight:750}.segmented b{background:#dce3ed;border-radius:10px;margin-left:5px;padding:2px 6px}.timeline{flex-direction:column;gap:13px;display:flex;position:relative}.timeline:before{content:"";background:#ccd4df;width:1px;position:absolute;top:23px;bottom:23px;left:20px}.timeline-item{grid-template-columns:42px 1fr;gap:14px;display:grid;position:relative}.timeline-icon{z-index:1;border:5px solid #f4f6fa;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.timeline-icon.incoming{color:#2368a8;background:#dcedff}.timeline-icon.outgoing{color:#926000;background:#fff3c4}.timeline-icon svg{width:16px}.timeline-card{padding:16px 18px}.timeline-card header,.timeline-card footer{align-items:center;gap:10px;display:flex}.timeline-card header{justify-content:space-between}.timeline-card h3,.timeline-card p{margin:0}.timeline-card header p,.timeline-card header>span{color:var(--muted);font-size:11px}.call-notes{color:#4d596d!important;margin:12px 0!important;font-size:12px!important}.timeline-card footer>span:not(.pill){color:var(--muted);font-size:11px}.push-right{margin-left:auto;display:flex}.task-list{flex-direction:column;gap:9px;display:flex}.task-row{border-left:3px solid #a3acba;grid-template-columns:34px minmax(220px,1fr) auto 150px 85px;align-items:center;gap:13px;padding:13px 15px;display:grid}.task-row.priority-high{border-left-color:#d14747}.task-row.priority-medium{border-left-color:#e7a12e}.task-row h3,.task-row p{margin:0}.task-row h3{font-size:13px}.task-row p{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.task-row>span:not(.pill){color:var(--muted);font-size:11px}.task-check{color:#0000;background:#fff;border:1px solid #bec7d3;border-radius:8px;place-items:center;width:25px;height:25px;padding:0;display:grid}.task-check svg{width:14px}.task-check.done{background:var(--green);border-color:var(--green);color:#fff}.overdue-text{font-weight:750;color:var(--red)!important}.reminder-banner{background:var(--yellow-bg);color:#6c4b00;border:1px solid #eed889;border-radius:13px;grid-template-columns:36px 1fr;gap:12px;margin-bottom:18px;padding:14px;display:grid}.reminder-line{align-items:center;gap:8px;margin-top:7px;font-size:12px;display:flex}.reminder-line span{flex:1}.reminder-line button{color:#6c4b00;background:#fff;border:0;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700}.empty{text-align:center;color:#96a0af;padding:55px 20px}.empty svg{width:36px;height:36px}.empty h3{color:#465267;margin:12px 0 5px}.empty p{max-width:420px;margin:0 auto 18px;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#051223a3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;flex-direction:column;width:min(620px,100%);max-height:calc(100vh - 36px);display:flex;overflow:hidden;box-shadow:0 25px 80px #00142d4d}.modal-wide{width:min(980px,100%)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.modal-header h2{margin:0;font-size:20px}.modal-body{padding:22px 24px;overflow:auto}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid.thirds{grid-template-columns:repeat(3,1fr)}.field{color:#4f5b6e;flex-direction:column;gap:6px;font-size:11px;font-weight:750;display:flex}.field input,.field select,.field textarea,.prompt-editor{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd6e0;border-radius:9px;outline:none;padding:10px 11px}.field input,.field select{height:42px}.field textarea{resize:vertical;min-height:80px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus,.prompt-editor:focus{border-color:#3979b8;box-shadow:0 0 0 3px #3070b01f}.field small{color:var(--muted);font-weight:500}.form-grid .field:has(textarea){grid-column:1/-1}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;padding-top:17px;display:flex}.form-actions small{color:var(--muted);margin-right:auto}.form-section+.form-section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.form-section h3{text-transform:uppercase;letter-spacing:.09em;color:var(--navy);margin-bottom:13px;font-size:12px}.check-row{align-items:center;gap:22px;padding-top:24px;display:flex}.check-row label,.callback-box>label{align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.check-row input,.callback-box input{accent-color:var(--navy);width:17px;height:17px}.callback-box{border:1px solid var(--line);background:#f5f8fc;border-radius:12px;grid-template-columns:1fr 1fr;align-items:center;gap:15px;margin-top:18px;padding:15px;display:grid}.callback-box span{flex-direction:column;display:flex}.callback-box small{color:var(--muted);margin-top:3px;font-weight:500}.autosave{color:var(--muted);justify-content:flex-end;align-items:center;gap:6px;margin-bottom:10px;font-size:10px;display:flex}.pulse{background:#28a26a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #28a26a1f}.split-editor{grid-template-columns:2fr 1fr;gap:20px;display:grid}.report-editor{min-height:440px!important;line-height:1.7!important}.split-editor aside{border-left:1px solid var(--line);padding-left:18px}.version-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:9px;flex-direction:column;width:100%;margin-bottom:8px;padding:10px;display:flex}.version-card:hover{border-color:#8ba9c9}.version-card strong{font-size:11px}.version-card span{color:var(--muted);margin-top:3px;font-size:9px}.alert{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:12px}.alert.error{background:var(--red-bg);color:var(--red);border:1px solid #f0c3c0}.alert.success{background:var(--green-bg);color:var(--green);border:1px solid #bce4cf}.auth-page{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-brand{background:var(--navy);color:#fff;flex-direction:column;justify-content:center;padding:clamp(50px,8vw,120px);display:flex;position:relative;overflow:hidden}.auth-brand:after{content:"";border:90px solid #ffffff09;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-170px;right:-180px}.auth-brand .brand-mark{margin-bottom:45px}.auth-brand h1{max-width:700px;font-size:clamp(2.5rem,5vw,4.6rem)}.auth-brand p{color:#ffffffad;max-width:580px;font-size:16px}.auth-brand ul{color:#ffffffd1;flex-direction:column;gap:12px;margin:28px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.auth-brand li{align-items:center;gap:9px;display:flex}.auth-brand li svg{color:var(--yellow);width:17px}.auth-card{place-self:center;width:min(430px,100% - 40px)}.auth-card>svg{color:var(--navy);width:32px;height:32px;margin-bottom:24px}.auth-card h2{letter-spacing:-.03em;font-size:27px}.auth-card>p{margin-bottom:25px;font-size:13px}.auth-card .field{margin-bottom:14px}.auth-card .text-button{margin:15px auto;display:flex}.splash,.fatal{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.splash .brand-mark{margin-bottom:20px}.splash h1{margin-bottom:2px}.fatal>svg{width:45px;height:45px;color:var(--red)}.settings-title{align-items:flex-start;gap:11px;display:flex}.settings-title h2,.settings-title p{margin:0}.settings-title p{margin-top:4px;font-size:11px}.state-dot{white-space:nowrap;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:750}.state-dot.ok{background:var(--green-bg);color:var(--green)}.state-dot.warn{background:var(--yellow-bg);color:var(--orange)}.prompt-editor{resize:vertical;min-height:230px;line-height:1.6}.panel>small{color:var(--muted);margin-top:10px;font-size:10px;display:block}.feature-line{color:#556175;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.feature-line svg{width:16px;color:var(--green)}.file-drop{height:135px;color:var(--muted);background:#f8fafc;border:1.5px dashed #aeb9c8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.file-drop svg{color:var(--navy);margin-bottom:7px}.file-drop strong{color:var(--ink);font-size:12px}.file-drop span{margin-top:3px;font-size:10px}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-preview{background:#f4f7fb;border-radius:10px;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:12px;margin-top:13px;padding:12px;display:grid}.import-preview>div{flex-direction:column;display:flex}.import-preview strong{font-size:19px}.import-preview span{color:var(--muted);font-size:9px}.system-card{background:var(--navy);color:#fff;align-items:center;gap:15px;display:flex}.system-card>svg{width:35px;height:35px;color:var(--yellow)}.system-card h2,.system-card p{margin:0}.system-card p{color:#ffffffa6;margin-top:4px;font-size:11px}.quick-menu{border:1px solid var(--line);box-shadow:var(--shadow);z-index:60;background:#fff;border-radius:12px;width:190px;padding:6px;position:fixed;top:70px;right:35px}.quick-menu button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;height:39px;font-size:12px;font-weight:650;display:flex}.quick-menu button:hover{background:#f1f4f8}.quick-menu svg{width:16px}.mobile-only{display:none}@media (max-width:1150px){.metric-grid,.card-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr 1fr}.vertical-actions{flex-wrap:wrap;justify-content:flex-end}.task-row{grid-template-columns:34px minmax(180px,1fr) auto 130px 80px}}@media (max-width:820px){.mobile-only{display:grid}.sidebar{transition:transform .2s;transform:translate(-102%);box-shadow:20px 0 50px #00142d33}.sidebar.open{transform:translate(0)}.sidebar-shade{z-index:45;background:#00142d7a;position:fixed;inset:0}.workspace{margin-left:0}.topbar{padding:0 15px}.content{padding:25px 18px 90px}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.panel.span-2{grid-column:span 1}.card-grid{grid-template-columns:1fr}.report-card{grid-template-columns:60px 1fr}.vertical-actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-end;padding-top:11px}.task-row{grid-template-columns:34px 1fr auto}.task-row>span:not(.pill){grid-column:2}.task-row .card-actions{grid-area:1/3/3}.split-editor{grid-template-columns:1fr}.split-editor aside{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{padding:35px 0}.connection{font-size:0}.connection svg{width:18px}.form-grid.thirds{grid-template-columns:1fr 1fr}}@media (max-width:560px){.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.heading-actions .button{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{min-height:125px;padding:14px}.metric strong{font-size:29px}.metric p{font-size:10px}.panel{padding:16px}.content{padding-left:12px;padding-right:12px}.top-actions .button{width:38px;padding:0;font-size:0}.top-actions .button svg{margin:0}.form-grid,.form-grid.thirds{grid-template-columns:1fr}.form-grid .field:has(textarea){grid-column:auto}.check-row,.callback-box{flex-direction:column;grid-template-columns:1fr;align-items:flex-start;padding-top:0}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:18px 18px 0 0;max-height:94vh}.modal-header,.modal-body{padding-left:17px;padding-right:17px}.report-card{grid-template-columns:48px 1fr;gap:11px;padding:13px}.report-date{width:48px;height:56px}.report-main header{flex-direction:column}.report-main footer>span:last-child{display:none}.search{width:100%;min-width:0}.toolbar{gap:10px}.task-row{padding:12px 10px}.task-row .pill{display:none}.segmented.scrollable{max-width:100%;overflow-x:auto}.timeline-card header{flex-direction:column;align-items:flex-start}.timeline-card footer{flex-wrap:wrap}.import-preview{grid-template-columns:repeat(3,1fr)}.import-preview .button{grid-column:1/-1}.settings-title .row-icon{display:none}.system-card{align-items:flex-start}.quick-menu{top:62px;right:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{--navy:#1c1c1c;--navy-2:#323232;--yellow:#f4c544;--ink:#262626;--muted:#6b6b6b;--line:#e7e5e1;--panel:#fff;--green:#3f8f5f;--red:#c1503f;--blue-bg:#efedf5;color:var(--ink);background:#242424;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}.mobile-brand{display:none}.preview-note{color:#b0afac;margin-bottom:22px;font-size:11px}.commission-toolbar .segmented{margin-bottom:0}.settings-grid .system-card{color:#262626}.settings-grid .system-card p{color:#6b6b6b}.customer-stats,.callback-box,.file-drop,.import-preview{background:#f7f5f2}.report-date span{color:#897131}.timeline-icon{border-color:#282828}.empty>h3{color:#8b887f}@media (max-width:820px){.mobile-brand{width:93px;height:auto;margin-left:4px;margin-right:auto;display:block}.topbar{gap:12px}.connection{font-size:10px}}@media (max-width:560px){.topbar{gap:7px;padding:0 8px}.mobile-brand{width:75px}.top-actions{gap:2px}.connection{max-width:88px;font-size:9px;line-height:1.4}.topbar>.icon-button{flex-shrink:0;width:28px}}body{background-color:#0000;background-image:radial-gradient(at 100% 0,#f4c54412,#0000 45%),linear-gradient(135deg,#323232,#1c1c1c);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.sidebar{background:linear-gradient(170deg,#262626,#171717);border-right:1px solid #ffffff0d}.sidebar-brand{justify-content:space-between;height:105px;padding:22px 30px}.krannich-logo{width:144px;height:auto;display:block}.sidebar nav button.active{color:#f8d877;background:#f4c54418}.sidebar nav button:hover{background:#ffffff0c}.workspace{position:relative}.topbar{color:#d8d6d1;background:#222222ec;border-color:#ffffff0c}.connection{color:#c7c5bf}.topbar .icon-button{color:#b0afac}.topbar .icon-button:hover{color:#fff;background:#ffffff12}.content{max-width:1530px;padding-top:34px}.page-heading{margin-bottom:26px}.page-heading h1{color:#faf9f6;font-size:clamp(1.85rem,3vw,2.6rem);font-weight:650}.page-heading p{color:#b0afac;font-size:14px}.page-heading .eyebrow{color:#f4c544}.eyebrow{color:#77746d;letter-spacing:.13em;font-size:10px}.button{border-radius:11px}.button.primary{color:#28251b;background:linear-gradient(135deg,#f8d877,#f4c544);box-shadow:0 6px 18px #00000012}.button.primary:hover{background:#f8d877}.button.secondary{color:#323232;background:#f7f5f2;border-color:#e7e5e1}.button.ghost{color:#716c61}.panel,.metric,.customer-card,.report-card,.timeline-card{background:#fff;border-radius:16px;box-shadow:0 12px 30px #0000000d}.panel-header .eyebrow{color:#8e7740}.metric{border-color:#efede8}.metric.blue>span,.row-icon.blue{color:#5b4a94;background:#eeebf5}.metric strong{color:#262626}.segmented{background:#f0eeea;border-color:#e7e5e1}.segmented button.active{color:#262626;background:#fff;box-shadow:0 2px 7px #0000000e}.toolbar{color:#c7c5bf}.toolbar input,.search{color:#262626}.modal{background:#fcfbf9;border:1px solid #e7e5e1;box-shadow:0 30px 100px #0007}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141414b8}.modal-header{background:#f7f5f2}.field input,.field select,.field textarea{color:#262626;background:#fff;border-color:#dedbd5;border-radius:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#c49c31;box-shadow:0 0 0 3px #f4c54425}.row{border-color:#eeece8}.report-date{color:#675020;background:#f7f2e6}.auth-brand{background:linear-gradient(135deg,#323232,#1c1c1c)}.auth-page,.splash,.fatal,.settings-grid .system-card{background:#f7f5f2}.quick-menu{background:#fff}.commission-page{max-width:1230px;margin:auto}.commission-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.commission-toolbar .segmented{background:#ffffff0b;border:1px solid #ffffff12;border-radius:12px;padding:5px}.commission-toolbar .segmented button{color:#b0afac;min-height:34px;padding:0 17px}.commission-toolbar .segmented button.active{color:#262626;background:#f7f5f2;border-radius:8px}.commission-save{color:#b0afac;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.commission-save svg{color:#f4c544;width:14px;height:14px}.commission-tools{border-left:1px solid #ffffff20;padding-left:8px;display:flex}.commission-tools .icon-button{color:#ccc9c1}.commission-tools .icon-button:hover{color:#f4c544;background:#ffffff0c}.commission-card{background:#fff;border:1px solid #ffffff10;border-radius:18px;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);display:grid;overflow:hidden;box-shadow:0 22px 70px #0002}.commission-inputs{padding:30px}.commission-card-title{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.commission-card-title .eyebrow{margin:0}.quarter-chip{background:#f7f5f2;border:1px solid #e7e5e1;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:700}.commission-field-row{grid-template-columns:1.1fr 1fr;gap:16px;display:grid}.commission-field{min-width:0;display:block}.commission-field>span{color:#6b6b6b;font-size:12px;font-weight:600}.commission-field>div{background:#f7f5f2;border:1px solid #e7e5e1;border-radius:12px;align-items:center;gap:5px;margin-top:9px;padding:14px;display:flex}.commission-field input{color:#262626;letter-spacing:-.04em;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0;font-size:clamp(21px,2.2vw,32px);font-weight:650}.commission-field>div:focus-within{border-color:#c49c31;box-shadow:0 0 0 3px #f4c54422}.commission-field>div>span{color:#9a958b;font-size:20px}.commission-progress{margin-top:25px}.commission-progress>div{color:#6b6b6b;justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.commission-progress strong{color:#262626}.commission-progress progress{appearance:none;background:#eeece7;border:0;border-radius:10px;width:100%;height:8px;display:block;overflow:hidden}.commission-progress progress::-webkit-progress-bar{background:#eeece7;border-radius:10px}.commission-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#f8d877,#f4c544);border-radius:10px}.commission-progress progress::-moz-progress-bar{background:#f4c544}.daily-target{background:#faf7ed;border:1px solid #efe6cd;border-radius:12px;align-items:center;gap:15px;margin-top:26px;padding:19px;display:flex}.daily-icon{color:#9a7620;background:#f4c54430;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.daily-target .eyebrow{color:#8b7540;margin-bottom:6px;font-size:9px;line-height:1.5}.daily-target strong{letter-spacing:-.04em;font-size:27px}.daily-target p{margin:5px 0 0;font-size:11px}.daily-target.achieved{background:#eff6f0;border-color:#d9eadd}.commission-result{color:#fff;background:radial-gradient(at 100% 0,#61512a55,#0000 65%),linear-gradient(150deg,#353535,#202020);flex-direction:column;justify-content:space-between;padding:34px;display:flex;position:relative;overflow:hidden}.commission-result:before{content:"";pointer-events:none;border:1px solid #f4c54430;border-radius:50%;width:240px;height:240px;position:absolute;top:-150px;right:-140px;box-shadow:0 0 0 28px #f4c54408,0 0 0 55px #f4c54405}.commission-result .eyebrow{color:#b0afac;margin-bottom:15px}.commission-result output{letter-spacing:-.055em;color:#f8d877;white-space:nowrap;font-size:clamp(35px,4vw,52px);font-weight:650;display:block}.commission-result p{color:#b0afac;margin:13px 0;font-size:12px;line-height:1.8}.commission-formula{margin-top:35px}.commission-formula>span{text-transform:uppercase;letter-spacing:.14em;color:#aaa69d;font-size:9px}.commission-formula p{margin:5px 0 20px;font-size:11px}.close-quarter{color:#e6e2d8;background:#ffffff09;border:1px solid #ffffff23;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:12px;display:flex}.close-quarter:hover{color:#f8d877;background:#ffffff16}.commission-performance{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.commission-performance article{background:#fff;border:1px solid #e7e5e1;border-radius:15px;padding:23px}.commission-performance .eyebrow{font-size:9px;line-height:1.5}.commission-performance strong{letter-spacing:-.035em;font-size:28px;font-weight:650;display:block}.commission-performance strong small{color:#8d8981;letter-spacing:0;font-size:11px;font-weight:400}.commission-performance p{margin:9px 0 0;font-size:11px;line-height:1.8}.commission-performance .projection{background:#faf6e9;border-color:#e9dfc2}.projection .eyebrow{color:#927633}.pace-badge{color:#6b6b6b;background:#f2f0eb;border-radius:7px;margin-top:12px;padding:6px 9px;font-size:10px;font-weight:600;display:inline-block}.pace-badge.over{color:#3f8f5f;background:#eaf4ed}.pace-badge.under{color:#c1503f;background:#faeeeb}.commission-footnote{color:#9e9a91;margin:18px 2px;font-size:10px;line-height:1.8}.commission-empty{text-align:center;padding:55px}.commission-empty>svg{color:#b08b26;width:36px;height:36px;margin-bottom:14px}.commission-archive{padding:26px}.archive-year{color:#6b6b6b;align-items:center;gap:10px;font-size:12px;display:flex}.archive-year select{background:#f7f5f2;border:1px solid #e7e5e1;border-radius:8px;padding:7px}.archive-summary{margin:20px 0}.archive-summary article{background:#f7f5f2}.archive-summary .projection{background:#faf6e9}.archive-actions{color:#6b6b6b;justify-content:space-between;align-items:center;margin:24px 0 15px;font-size:12px;display:flex}.commission-table-scroll{overflow-x:auto}.commission-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:11px}.commission-table th{color:#817a6d;text-transform:uppercase;letter-spacing:.05em;background:#f7f5f2;padding:12px 10px;font-size:9px}.commission-table td{border-bottom:1px solid #eeece8;padding:15px 10px}.role-chip{background:#efede7;border-radius:6px;padding:5px 7px;font-size:9px}.role-chip.manual{color:#5b4a94;background:#efebf6}.commission-data{color:#b0afac;border-top:1px solid #ffffff12;margin-top:26px;padding-top:16px;font-size:11px}.commission-data summary{cursor:pointer;width:-moz-fit-content;width:fit-content}.commission-data p{color:#b0afac;margin:14px 0}.commission-data .text-button{color:#f8d877}:focus-visible{outline-offset:3px;outline:3px solid #d1aa41}@media (max-width:1150px){.commission-card{grid-template-columns:minmax(0,1.3fr) minmax(265px,1fr)}.commission-inputs,.commission-result{padding:24px}.commission-performance article{padding:18px}.commission-performance strong{font-size:24px}.commission-field-row{gap:10px}.commission-field>div{padding:12px}}@media (max-width:950px){.commission-card{grid-template-columns:1fr}.commission-result{flex-direction:row;align-items:center;gap:24px}.commission-formula{min-width:200px;margin-top:0}.commission-save{margin-left:0}.commission-tools{margin-left:auto}.commission-performance strong{font-size:22px}}@media (max-width:760px){.connection{font-size:10px}.topbar{padding:0 14px}.sidebar-brand{padding-left:24px}.commission-page .page-heading{gap:16px}.commission-performance{gap:10px}.commission-performance article{padding:16px}.commission-performance strong{font-size:22px}.commission-field input{font-size:29px}}@media (max-width:560px){.content{padding-top:24px}.commission-toolbar{gap:10px}.commission-toolbar .segmented{width:100%;display:flex}.commission-toolbar .segmented button{flex:1;padding:0 9px;font-size:11px}.commission-inputs{padding:20px}.commission-result{padding:25px;display:block}.commission-result output{font-size:45px}.commission-formula{margin-top:24px}.commission-performance{grid-template-columns:1fr}.commission-performance article{padding:20px}.commission-performance strong{font-size:28px}.commission-field-row{grid-template-columns:1fr 1fr}.commission-field input{font-size:23px}.commission-field>span{font-size:10px}.daily-target{padding:15px}.daily-target strong{font-size:25px}.daily-target p{font-size:10px}.commission-archive{padding:17px}.archive-summary{grid-template-columns:1fr}.archive-actions{align-items:flex-start;gap:10px}.archive-actions .button{padding:0 10px;font-size:11px}.page-heading .heading-actions{flex-wrap:wrap}.connection svg{display:none}}.excel-import .file-drop{margin:20px 0}.import-review{border:1px solid #c4a54a;border-radius:12px;margin-top:20px;padding:18px}.excel-import details{margin-top:22px}.tour-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;margin-top:24px;display:grid}.tour-customer{border-bottom:1px solid #e4e1d7;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.tour-customer h3{margin:0}.tour-customer p{overflow-wrap:anywhere;margin:6px 0}.tour-stop{border-bottom:1px solid #e4e1d7;padding:14px 0}.tour-stop button{background:0 0;border:1px solid #d4d0c5;border-radius:6px;min-height:36px;margin-right:8px}.tour-plan>.field{margin-bottom:12px}.tour-plan .full{margin-top:16px}.revenue-stand{margin:5px 12px 5px 0;display:inline-block}.dictation{background:#f4f2eb;border-radius:10px;margin:10px 0;padding:12px}.dictation audio{max-width:100%;margin:12px 0;display:block}.muted{color:#666;font-size:13px}.toolbar select{max-width:240px}.customer-card>p{color:#666;overflow-wrap:anywhere;margin:8px 18px}@media (max-width:900px){.tour-layout{grid-template-columns:1fr}.tour-plan{order:-1}.tour-customer{flex-direction:column;align-items:flex-start}.toolbar{flex-wrap:wrap}}@media print{.sidebar,.topbar,.page-heading,.tour-layout>section,.content>section,.tour-plan button,.tour-plan small{display:none!important}.tour-layout{display:block}.workspace{margin:0!important}.tour-plan{box-shadow:none;border:0}.tour-stop{break-inside:avoid}}