:root{--ink:#222d3c;--muted:#8a929f;--blue:#4766e9;--line:#e9ecf2;--bg:#f6f7fb;--green:#399d80}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .16s,box-shadow .16s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,article:focus-visible{outline:3px solid #a5b6ff;outline-offset:3px}input,textarea,select{border:1px solid #dfe4ed;border-radius:8px;background:white;padding:10px 12px;color:var(--ink);width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4766e918}small{display:block;color:var(--muted);font-size:12px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-1px;line-height:1.25;margin-bottom:10px;font-weight:650}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:15px}p{color:#7c8695}aside{position:fixed;inset:0 auto 0 0;width:238px;background:white;border-right:1px solid var(--line);padding:30px 18px 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:25px;font-weight:750;letter-spacing:-1px;padding:0 10px}.brand-mark{display:grid;place-items:center;width:39px;height:42px;border-radius:12px;background:var(--blue);color:white;font-size:32px;font-weight:700;line-height:1}.brand-light{font-weight:400;color:#5d6d88}.brand small{font-size:8px;letter-spacing:1.6px;margin-top:1px}.workspace{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px 10px;margin:32px 0 27px;font-size:12px;font-weight:600}.workspace-avatar{display:grid;place-items:center;background:#eef0f8;color:#6c7b96;width:32px;height:32px;border-radius:8px;font-size:11px}.workspace small{font-size:10px;font-weight:400}.green-dot{height:6px;width:6px;background:#6ab397;border-radius:100%;margin-left:auto}.nav-label{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#a4adbb;padding:0 14px;margin-bottom:12px}.spaced{margin-top:32px}.nav-item{display:flex;align-items:center;gap:13px;border:0;background:transparent;width:100%;text-align:left;padding:12px 15px;border-radius:8px;color:#727e90;margin:4px 0;font-weight:500}.nav-item>span{font-size:19px;width:21px;text-align:center}.nav-item b{margin-left:auto;font-size:10px;background:#e9edf5;border-radius:5px;padding:1px 6px;font-weight:500}.nav-item.active{background:#edf1ff;color:var(--blue)}.nav-item:hover{background:#f1f4fa}.sidebar-bottom{margin-top:auto}.version{font-size:10px;color:#929bad;padding:15px 10px}.version span{float:right}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:19px 0;font-size:12px}.profile .icon-button{margin-left:auto}.avatar,.mini-avatar{display:grid;place-items:center;border-radius:50%;background:#ebe7dd;color:#8f795b;flex-shrink:0}.avatar{width:34px;height:34px}.mini-avatar{width:23px;height:23px;font-size:10px;background:#eef0fb;color:#7883b9}main{margin-left:238px}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:11px}.breadcrumb{color:#9aa3b2}.breadcrumb span{margin:0 13px;color:#cbd0da}.breadcrumb strong{color:#687487;font-weight:500}.header-date{color:#8a94a4}.page{padding:31px 34px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:18px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#9aa5b6;font-weight:600;margin-bottom:13px}.page-heading p{font-size:12px;margin:0}.primary,.secondary{border:0;border-radius:8px;padding:10px 16px;font-weight:500;white-space:nowrap;font-size:12px}.primary{background:var(--blue);color:white;box-shadow:0 4px 10px #4766e919}.primary:hover{background:#3556db}.secondary{background:#fff;border:1px solid #e1e5ed;color:#69778c}.secondary:hover,.secondary.is-on{background:#edf1ff;color:var(--blue)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:29px}.metrics>div{background:white;border:1px solid var(--line);border-radius:11px;padding:19px 20px;min-height:128px}.metrics>div>span{font-size:11px;color:#8390a3}.metrics strong{display:block;font-weight:600;font-size:25px;letter-spacing:-.7px;margin:6px 0}.metrics strong small{display:inline;font-size:12px;font-weight:400;margin-left:8px;letter-spacing:0}.metrics i{font-size:10px;font-style:normal;color:#9ca5b3}.metrics .metric-accent{background:#eef2ff;border-color:#e1e8ff}.metric-accent strong{color:var(--blue)}.three{grid-template-columns:repeat(3,1fr)}.toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px;align-items:center}.view-tabs{display:flex;gap:17px;align-items:center}.view-tabs button{border:0;background:white;border-radius:7px;padding:8px 14px;color:var(--blue);box-shadow:0 1px 3px #2434540d;font-size:12px}.view-tabs>span{font-size:11px;color:#939eae}.filters{display:flex;gap:10px}.filters input{width:205px;font-size:11px;padding:8px 12px}.board{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:16px;overflow-x:auto;min-height:380px;padding-bottom:18px}.lane{background:#eef0f5;border:1px solid #e7eaf0;border-radius:10px;padding:13px 11px;min-height:335px}.lane-header{display:flex;align-items:center;gap:8px;font-size:12px}.lane-header strong{font-weight:600}.stage-dot{width:7px;height:7px;border-radius:100%;background:#95a7df}.stage-dot.progress{background:#d4a96d}.stage-dot.proposal{background:#9e8aca}.stage-dot.approval{background:#7fb6ca}.stage-dot.won{background:#6bad93}.stage-dot.lost{background:#c58e97}.count{font-size:10px;color:#97a2b3;background:#e3e7ef;padding:0 5px;border-radius:4px}.lane-header .icon-button{margin-left:auto}.icon-button{background:none;border:0;color:#99a3b3;padding:2px 5px;font-size:20px;line-height:1.2}.lane-total{font-size:11px;color:#9aa3b2;margin:7px 0 16px 15px}.lane-cards{min-height:210px}.deal-card{background:white;border:1px solid #e6e9f0;box-shadow:0 2px 3px #28385803;border-radius:9px;padding:15px;margin-bottom:10px;cursor:grab}.deal-card:hover{border-color:#c1ccef;box-shadow:0 4px 12px #25385a0b}.card-company{display:flex;justify-content:space-between;font-size:9px;color:#9aa3b3;margin-bottom:8px}.card-company span{font-size:13px}.deal-card h3{font-size:12px;line-height:1.5;font-weight:600;margin-bottom:12px;overflow-wrap:anywhere}.card-amount{font-size:14px;font-weight:650;margin-bottom:12px}.card-task{font-size:9px;background:#f6f8fc;border-radius:5px;padding:6px 7px;color:#8c98aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overdue{color:#c16d64!important}.card-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #f0f2f6;margin-top:13px;padding-top:10px;font-size:9px;color:#97a0af}.task-count{margin-left:auto}.add-card{width:100%;border:0;background:transparent;color:#9da7b6;font-size:11px;text-align:left;padding:10px 6px}.add-card:hover{color:var(--blue)}.lane-empty{font-size:11px;color:#a8b1bf;text-align:center;padding:68px 0;border:1px dashed #dce2ec;border-radius:8px}.board-foot{display:flex;justify-content:space-between;color:#a7b0bd;font-size:10px;margin-top:7px}.board-foot span:first-child{color:#82a694}.panel{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:20px;overflow:hidden}.panel-title{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;font-weight:600;border-bottom:1px solid var(--line)}.panel-title>span{font-size:11px;font-weight:400;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;color:#95a0af;padding:13px 20px;background:#fbfcfe}td{padding:17px 20px;border-top:1px solid #f0f2f6}td strong{font-weight:600}td small{font-size:10px;margin-top:3px}.badge{font-size:10px;padding:5px 9px;border-radius:5px;background:#f0f3f9;color:#8693a7;display:inline-block}.success{background:#edf7f2;color:#4e9c7d}.danger{background:#fbf0ec;color:#bd8069}.positive{color:#439b7b}.empty{text-align:center;padding:54px 20px}.empty-icon{font-size:32px;color:#adbce8;margin-bottom:12px}.empty h3{font-size:16px;margin-bottom:9px}.empty p{font-size:12px;max-width:400px;margin:0 auto 20px}.task-row{display:flex;align-items:center;gap:13px;padding:17px 22px;border-bottom:1px solid var(--line)}.task-row>div{flex:1}.task-row>span{font-size:12px;color:#98a3b3}.task-row strong{font-size:13px;font-weight:500}.check{width:20px;height:20px;border:1px solid #cdd7e6;border-radius:5px;background:white;color:var(--blue)}.done strong{text-decoration:line-through;color:#a0aaba}.text-button{background:none;border:0;padding:0;text-align:left;color:#768ac4;font-size:12px;display:block}.task-row .text-button{font-size:11px;margin-top:4px}.footnote{font-size:11px;line-height:1.8;color:#99a4b4;margin:18px 0 0}.integration-hero{text-align:center;background:white;border:1px solid var(--line);border-radius:14px;padding:50px 25px;min-height:425px}.feature-icon{display:block;font-size:36px;color:var(--blue);margin-bottom:10px}.integration-hero h2{font-size:27px;margin:18px 0 12px}.integration-hero p{line-height:1.9;font-size:13px}.flow{display:flex;align-items:center;justify-content:center;gap:20px;margin:35px 0;font-size:12px;color:#7b89a0}.flow span{border:1px solid var(--line);border-radius:8px;padding:13px 18px}.flow b{font-weight:400;color:#b9c3d2}.notice{font-size:11px;color:#9da7b6}.person-row{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.person-row .badge{margin-left:auto}.person-row strong{font-size:13px;font-weight:500}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.integration{padding:25px}.integration-logo{background:#fff4d9;color:#bf9e45;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;font-size:21px;margin-bottom:18px}.mail-logo{background:#eef2ff;color:var(--blue)}.integration p{font-size:12px;line-height:1.8;max-width:430px}.audit-list{padding:8px 22px;max-height:320px;overflow:auto}.audit-list>div{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;color:#8f9aab}.audit-list strong{font-weight:500;color:#67768c}.muted{color:#a1aaba}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:110px;padding:40px;background:radial-gradient(ellipse at top left,#e5ebff,transparent 65%)}.auth-intro{max-width:420px}.auth-intro .brand-mark{margin-bottom:50px}.auth-intro h1{font-size:50px;font-weight:600;letter-spacing:-2px}.auth-intro p{font-size:18px;line-height:1.8;margin:25px 0 65px}.auth-caption{font-size:10px;letter-spacing:2px;color:#92a0ba}.auth-card{width:410px;background:white;border:1px solid #e6ebf4;border-radius:18px;padding:38px;box-shadow:0 20px 70px #283c6608}.auth-card h2{margin:10px 0}.auth-card>p{font-size:12px;margin-bottom:25px}label{display:block;font-size:11px;color:#7d8a9d;margin-bottom:16px}label input,label select,label textarea{display:block;margin-top:7px;font-size:13px}.wide{width:100%;margin-top:7px;padding:12px}.form-error{font-size:12px;color:#b96565;margin:14px 0 0}.form-error:empty{display:none}dialog{border:1px solid var(--line);border-radius:14px;padding:0;width:620px;max-width:calc(100vw - 32px);max-height:90vh;color:var(--ink);box-shadow:0 25px 90px #26345033}dialog::backdrop{background:#19294355;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;border-bottom:1px solid var(--line);gap:15px}.modal-head h2{font-size:19px;margin:0;overflow-wrap:anywhere}dialog form,.detail{padding:25px 26px}.form-grid,.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.detail-top strong{font-size:24px}.detail-grid>div{font-size:13px;margin-bottom:20px;overflow-wrap:anywhere}.detail-grid small{margin-bottom:5px}.detail-actions{display:flex;gap:8px;margin:20px 0 28px}.note{white-space:pre-wrap;background:#f7f8fc;padding:14px;border-radius:8px;font-size:12px}.detail .task-row{padding:12px 0}.detail h3{margin:24px 0 10px}.invoice-mini{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:#26364b;color:white;border-radius:9px;padding:13px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%)}.loading{padding:70px;text-align:center;color:#8b99b2}@media(min-width:1800px){.board{grid-template-columns:repeat(6,minmax(230px,1fr))}}@media(max-width:1100px){aside{width:205px}main{margin-left:205px}.page{padding:25px 22px}.metrics{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.metrics strong{font-size:22px}.page-heading h1{font-size:25px}.auth{gap:50px}.auth-intro h1{font-size:38px}}@media(max-width:760px){aside{position:static;width:auto;padding:15px;border-right:0}.brand{font-size:21px}.brand-mark{width:32px;height:34px}.workspace,.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px}.nav-item{width:auto;white-space:nowrap;padding:8px 12px;font-size:12px}.nav-item>span{font-size:15px;width:auto}.nav-item b{display:none}main{margin:0}header{height:48px;padding:0 20px}.header-date{display:none}.page{padding:22px 15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.page-heading .primary{padding:9px 10px;font-size:10px}.metrics{gap:9px}.metrics>div{padding:15px;min-height:110px}.metrics strong{font-size:22px}.metrics i{font-size:9px}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.filters{width:100%}.filters input{flex:1;width:auto}.board{grid-template-columns:repeat(6,245px)}.board-foot{gap:15px;font-size:9px}.three{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.flow{gap:10px;flex-direction:column}.flow b{transform:rotate(90deg)}.auth{padding:22px;gap:0}.auth-intro{display:none}.auth-card{max-width:410px;width:100%;padding:27px}.form-grid{grid-template-columns:1fr}.audit-list>div{flex-wrap:wrap;gap:6px 12px}.detail-actions{flex-wrap:wrap}}