:root{--bg:#06418e;--bg2:#0860b8;--panel:#fff;--ink:#13233b;--muted:#71819b;--blue:#1672ec;--line:#e2e9f1;--cyan:#62ceff;--turq:#26e4e0;--yellow:#ffd969;--green:#8be3a4;--red:#e44853;--shadow:0 12px 28px rgba(2,30,77,.12)}*{box-sizing:border-box}body{margin:0;font-family:'Inter','Inter Display','Arial',sans-serif;color:white;background:linear-gradient(130deg,#052f6b 0%,#0750a5 50%,#03428b 100%);font-size:14px;overflow:hidden}.app{width:1600px;height:900px;position:relative;background:radial-gradient(700px 700px at 92% 20%,rgba(28,117,216,.45),transparent 66%),radial-gradient(700px 700px at 10% 98%,rgba(37,137,233,.3),transparent 67%)}.app:after{content:'';position:absolute;inset:180px -130px -400px 350px;border:1px solid rgba(255,255,255,.03);border-radius:80% 20%;transform:rotate(-9deg);pointer-events:none}.top{height:70px;display:flex;align-items:center;gap:34px;padding:0 28px;position:relative;z-index:5}.logo{display:flex;align-items:center;gap:10px;width:226px;flex-shrink:0;font-size:20px;font-weight:750;letter-spacing:-.6px}.radar{width:42px;height:42px}.top-search{height:42px;width:490px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.16);border-radius:21px;display:flex;gap:12px;align-items:center;color:#c2dcff;padding:0 17px;font-size:14px}.top-right{margin-left:auto;display:flex;gap:21px;align-items:center}.top-right .notice{position:relative}.notice>b{position:absolute;right:-8px;top:-7px;background:#ee4343;color:#fff;font-size:10px;border-radius:50%;height:18px;min-width:18px;text-align:center;line-height:18px}.avatar{width:36px;height:36px;border-radius:50%;background:#e4f0ff;display:flex;align-items:center;justify-content:center;color:#1b69b7;font-weight:700}.profile{display:flex;align-items:center;gap:10px;border-left:1px solid rgba(255,255,255,.2);padding-left:22px;font-weight:650}.sidebar{position:absolute;top:74px;left:0;bottom:0;width:242px;padding:22px 14px;background:linear-gradient(180deg,rgba(4,41,91,.48),rgba(3,41,86,.21));border-right:1px solid rgba(255,255,255,.06);z-index:2}.nav-item{height:50px;padding:0 16px;display:flex;align-items:center;gap:14px;border-radius:12px;margin:0 0 5px;font-size:16px;color:#d8e8fa}.nav-item.sel{background:rgba(194,219,249,.27);color:white;font-weight:650}.nav-item .ico{width:20px;height:20px}.nav-item .pill{margin-left:auto;background:rgba(255,255,255,.24);color:#fff;padding:3px 8px;border-radius:16px;font-size:12px}.side-foot{position:absolute;left:15px;bottom:22px;right:15px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(0,42,94,.22);font-size:12px;color:#9ebfe8}.side-foot strong{display:block;color:white;font-size:14px;margin-bottom:6px}.main{position:absolute;top:75px;left:248px;right:18px;bottom:18px;z-index:2}.page-title{font-size:28px;letter-spacing:-.7px;font-weight:760;margin:8px 0 18px;line-height:1.13}.page-title small{font-weight:450;font-size:13px;color:#d2e4ff;margin-left:15px;vertical-align:middle}.heading-line{display:flex;align-items:center;justify-content:space-between}.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.kpi.four{grid-template-columns:repeat(4,1fr)}.stat{height:77px;border-radius:13px;background:#fff;color:var(--ink);padding:13px 18px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow)}.stat .icobg{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--blue);border-radius:14px;background:#f1f6ff;flex:none}.stat .icobg .ico{width:28px;height:28px}.stat .value{font-size:23px;font-weight:760;color:#0b1b33;margin-top:4px;white-space:nowrap;letter-spacing:-.5px}.stat .label{font-size:13px;color:#4b5974;white-space:nowrap}.stat .growth{color:#159e58;background:#e0f8e5;font-weight:750;padding:3px 9px;border-radius:12px;font-size:12px;margin-left:auto}.controls{display:flex;align-items:center;gap:11px;margin-bottom:16px}.ctl{display:flex;align-items:center;gap:9px;height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.15);border-radius:11px;color:#e7f2ff;background:rgba(255,255,255,.14);font-weight:550;white-space:nowrap}.ctl .ico{width:16px;height:16px}.ctl.dark{background:rgba(255,255,255,.18)}.ctl.spacer{margin-left:auto}.ctl.green-btn{background:#b8f638;color:#173313;border:0;font-weight:800}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;height:calc(100% - 235px)}.more-note{color:#c5e1ff;text-align:center;font-size:12px;padding:18px 4px}.stage{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:0;overflow:hidden}.stage-head{height:42px;display:flex;align-items:center;justify-content:space-between;color:#111a28;font-weight:740;padding:0 15px;border-radius:10px}.stage-head.c1{background:var(--cyan)}.stage-head.c2{background:var(--turq)}.stage-head.c3{background:var(--yellow)}.stage-head.c4{background:var(--green)}.stage-head .count{font-size:12px;font-weight:630;background:rgba(255,255,255,.32);border-radius:10px;padding:2px 7px}.stage-sum{font-size:20px;font-weight:720;text-align:center;padding:9px 0 10px;color:#fff}.quick{background:rgba(255,255,255,.18);border-radius:10px;margin:0 7px 9px;text-align:center;height:33px;line-height:33px;color:#d6edff}.order{margin:0 6px 8px;background:#fff;color:var(--ink);border-radius:11px;padding:9px 11px 8px;min-height:122px;box-shadow:0 3px 9px rgba(4,36,79,.14);border:1px solid #edf2f8;position:relative}.order.flagged{border:2px solid #fa9998;padding:8px 10px 7px}.order-top{display:flex;align-items:center;gap:8px;font-size:12px;color:#35425a}.order-top .id{margin-left:auto;font-size:10px;color:#8290a5}.brand{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;width:27px;height:26px;background:#eaebef;color:#233f68;font-weight:800;font-size:11px}.brand.fl{background:#06ad41;color:white}.brand.kwork{background:#e9f1f9;color:#24425b}.brand.fr{background:#6b3dcc;color:white}.brand.wz{background:#01a6c7;color:white}.brand.y{background:#ed4151;color:white}.brand.ws{background:#273d89;color:white}.order-title{font-size:13px;line-height:1.25;font-weight:690;margin:6px 0 4px;min-height:32px}.order-price{font-weight:760;font-size:16px}.order-tagrow{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0}.tag{background:#f0f2f6;color:#5e687b;font-size:10px;padding:3px 6px;border-radius:20px;white-space:nowrap}.order-bottom{display:flex;justify-content:space-between;align-items:center;color:#69778d;font-size:11px}.status{display:inline-flex;padding:4px 8px;border-radius:14px;font-size:10px;font-weight:680}.status.yellow{background:#fff0bf;color:#986412}.status.green{background:#dcf9e6;color:#178047}.status.blue{background:#ddecff;color:#1761ad}.status.red{background:#ffe4e4;color:#d52e40}.order-top .status{margin-left:4px}.mini-av{height:24px;width:24px;border-radius:50%;background:#d4e1f0;color:#36648c;display:flex;align-items:center;justify-content:center;font-weight:750;font-size:11px}.barline{height:6px;background:#ebeff4;overflow:hidden;border-radius:8px;margin:9px 0 7px}.barline>div{height:100%;background:#1682eb;border-radius:8px}.white-card{background:white;color:var(--ink);border-radius:13px;box-shadow:var(--shadow);padding:18px;border:1px solid #e4edf7}.section-title{font-size:18px;font-weight:750;letter-spacing:-.3px;margin:0 0 14px}.row{display:flex;align-items:center;gap:12px}.tabs{display:flex;align-items:center;gap:7px}.tab{padding:10px 14px;border-radius:9px;background:#f3f6fa;color:#56637b;font-weight:610}.tab.active{background:#e1f0ff;color:#146ad2}.separator{height:1px;background:var(--line);margin:10px 0}.small{font-size:12px;color:#66748b}.muted{color:#66748b}.pilltext{padding:5px 10px;background:#f1f5f9;border-radius:18px;color:#4b5a74;font-size:12px}.field{height:36px;background:white;border:1px solid #d6e3ef;border-radius:9px;padding:0 11px;color:#17243a;display:flex;align-items:center}.primary{background:#106ee7;color:white;padding:10px 16px;border-radius:10px;font-weight:730;display:inline-flex;align-items:center;gap:8px;border:0}.secondary{background:#f3f7fd;color:#28517e;padding:10px 16px;border-radius:10px;font-weight:660;border:1px solid #d7e4ef}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.outline{border:1px solid var(--line);border-radius:10px;padding:13px}.metric{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.metric b{font-size:15px}.chart-area{height:238px;position:relative;margin-top:6px}.chart-area svg{width:100%;height:100%}.chart-area text{font-size:12px;fill:#8290a6;font-family:Inter,Arial}.dash-a{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-bottom:14px}.dash-a>.white-card{height:302px}.dash-b{display:grid;grid-template-columns:.91fr 1.09fr;gap:14px}.dash-b>.white-card{height:270px}.tag-btn{background:#edf5ff;color:#1768c3;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:630}.full-under{margin-top:13px;border-top:1px solid #e6ecf4;padding-top:13px}.funnel{display:flex;flex-direction:column;align-items:center;gap:5px;justify-content:center}.funnel-piece{height:57px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#07305c;font-size:12px;font-weight:600;clip-path:polygon(0 0,100% 0,93% 100%,7% 100%);border-radius:7px}.funnel-piece strong{font-size:22px;line-height:25px}.table{width:100%;border-collapse:collapse;font-size:12px;color:#24354d}.table th{background:#eff4fa;color:#64748b;text-align:left;padding:11px 12px;font-weight:690}.table td{padding:13px 12px;border-bottom:1px solid #edf1f6}.table tr:last-child td{border-bottom:0}.table .money{font-weight:750;white-space:nowrap}.table .profit{color:#12854e;font-weight:790}.settings-side{width:238px;flex:none}.settings-nav{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.settings-nav>div{padding:13px;border-radius:9px;margin-bottom:3px;color:#51627a;font-weight:550}.settings-nav>div.active{background:#e1f0ff;color:#086ada;font-weight:730}.settings-content{flex:1}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}.choice{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d9e3ef;border-radius:8px;font-size:12px;color:#28415d}.check{height:16px;width:16px;border-radius:4px;border:1px solid #9cafc4;display:inline-flex;align-items:center;justify-content:center}.check.on{background:#1976ed;border-color:#1976ed;color:#fff;font-size:12px}.overlay{position:absolute;inset:0;z-index:10;background:rgba(0,14,44,.46);display:flex;align-items:center;justify-content:center}.modal{width:1290px;height:790px;border-radius:20px;box-shadow:0 25px 60px rgba(0,19,54,.26);background:white;color:var(--ink);overflow:hidden;display:flex;flex-direction:column;border:1px solid #e6edf5}.modalhead{padding:21px 30px 0;border-bottom:1px solid #e5ebf2}.modal-title-line{display:flex;justify-content:space-between;align-items:center}.modal h1{font-size:24px;letter-spacing:-.6px;margin:0}.modal-sub{display:flex;align-items:center;gap:12px;margin:13px 0}.stage-steps{display:flex;align-items:center;gap:7px;margin:13px 0 16px}.step{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:11px;background:#eef3f8;color:#62728a;gap:8px;font-weight:700;font-size:13px;position:relative;white-space:nowrap}.step.done{background:#dcecff;color:#2067b9}.step.current{background:#ffe0a0;color:#604719;border:1px solid #f5c856}.step.green{background:#dcf9e6;color:#197e47}.step.current-new{background:#d7efff;color:#155c8b;border:1px solid #74caf9}.step i{width:21px;height:21px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px;font-style:normal}.modal-tabs{display:flex;gap:8px;border-top:1px solid #e9eef5;padding-top:11px}.modal-tab{padding:12px 13px;color:#62748d;font-size:13px;font-weight:670;border-radius:9px 9px 0 0;display:flex;align-items:center;gap:7px}.modal-tab.active{color:#106edf;background:#e8f3ff;border-bottom:3px solid #1276ed}.modal-content{padding:22px 30px 26px;flex:1;overflow:hidden;background:#fbfcff}.modal-content .white-card{box-shadow:none;border:1px solid #e1eaf4}.modal-content .white-card h3{margin:0 0 12px;font-size:17px}.modal-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #e0eaf5;background:white;padding:11px 30px}.modal-bottom .sp{margin-left:auto}.progress{height:8px;background:#e9f0f7;border-radius:8px;overflow:hidden}.progress>div{height:100%;background:#1d78ec}.note{background:white;border:1px solid #e0e9f3;padding:14px 16px;border-radius:11px;margin-bottom:10px}.note .date{color:#74839b;font-size:11px;margin-left:10px}.folder{color:#efbb3d}.docic{border-radius:4px;padding:5px 7px;font-size:10px;font-weight:800;color:#fff}.docic.pdf{background:#e4474f}.docic.xlsx{background:#18a35b}.docic.zip{background:#7464dc}.docic.png{background:#2589ea}.timeline{position:relative;margin-left:25px;padding-left:25px;border-left:2px solid #b9dafa}.event{position:relative;border-bottom:1px solid var(--line);padding:13px 7px;color:#344258}.event:before{content:'';position:absolute;left:-32px;top:20px;width:12px;height:12px;border-radius:50%;background:#1876e8;border:3px solid #fff;box-shadow:0 0 0 1px #b5d5fa}.event .evt-time{font-size:11px;color:#72829a;min-width:120px}.special{background:#eaf5ff;padding:14px 16px;border-radius:10px;color:#1b5a9b}.popup{position:absolute;z-index:7;right:0;top:184px;width:290px;border-radius:14px;background:#fff;color:#172a45;border:1px solid #dfebf7;box-shadow:0 16px 35px rgba(0,28,76,.25);padding:15px}.popup h3{margin:0 0 12px;font-size:15px}.popup .metric{font-size:13px}.family-popup{top:54px;right:0;width:280px}
/* Responsive application layer; original reference geometry above retained. */
html{min-height:100%;color-scheme:light}body{overflow:auto;min-width:320px;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 90% 20%,#1160b7 0,transparent 50%),linear-gradient(130deg,#052f6b,#0750a5 60%,#03428b);background-attachment:fixed;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#096bd7;text-decoration:none}a:hover{text-decoration:underline}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #59c5ff;outline-offset:2px}h2,h3,p{margin-top:0}h3{font-size:17px;line-height:1.4}p{line-height:1.6}.app{width:auto;height:auto;min-height:100dvh;background:none}.app:after{display:none}.top.app-header{height:74px;position:fixed;background:linear-gradient(90deg,#0b326b,#0c58ac);padding:0 28px;gap:28px;z-index:40}.logo{width:232px;letter-spacing:-.5px;color:white;font-size:20px}.top-search{max-width:490px;width:42vw;min-width:120px}.top-search input{border:0;background:none;color:white;outline:none;width:100%;font-size:14px;min-height:32px}.top-search input::placeholder{color:#c2dcff}.top-right{gap:16px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;min-width:36px;min-height:36px;padding:6px;border-radius:9px}.icon-btn:hover{background:#ffffff1f}.profile{border:0;background:none;color:white;padding-left:16px;font-size:13px}.sidebar.app-sidebar{position:fixed;top:74px;bottom:0;width:241px;padding:22px 14px;background:linear-gradient(180deg,#07336edb,#0b488c7a)}.nav-item{border:0;background:none;width:100%;text-align:left}.side-foot{line-height:1.45}.main.app-main{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-left:241px;padding:84px 18px 24px 7px;min-height:100dvh}.page-title{font-size:28px;margin:0 0 18px}.heading-line{gap:12px;align-items:center;min-height:48px}.heading-line .page-title{margin:0 0 16px}.heading-line>div{margin-bottom:12px}.controls{flex-wrap:wrap;gap:10px}.ctl{min-height:40px;height:auto;display:inline-flex;line-height:1.3}.ctl select,.ctl input{background:none;border:0;color:inherit;min-width:0;outline:none;max-width:100%}.ctl select option{color:#13233b;background:white}.ctl input[type=month]{max-width:155px;color-scheme:dark}.ctl input[type=search]{width:175px}.ctl.green-btn{min-height:40px}.kpi{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.stat{height:78px;min-width:0;text-align:left;border:0}.stat .label{white-space:normal;font-size:13px}.stat .value{font-size:24px;white-space:normal;overflow-wrap:anywhere}.stat.clickable{cursor:pointer}.stat.clickable:hover{box-shadow:0 0 0 3px #65baff}.kanban.kanban-board{display:flex;gap:12px;min-height:calc(100dvh - 330px);height:auto;overflow-x:auto;align-items:stretch;padding-bottom:10px}.stage.kanban-column{flex:1 0 0;min-width:200px;padding-bottom:10px}.kanban.has-extra .stage{flex-basis:260px}.stage-head{font-size:14px;min-height:42px;height:auto;padding:12px 15px;gap:8px;line-height:1.2}.stage[data-stage=completed] .stage-head{background:#b9d7ff}.stage[data-stage=closed] .stage-head{background:#d5deea}.quick{width:calc(100% - 14px);border:0;display:block;line-height:1.2}.order{cursor:pointer;margin:0 6px 8px;min-height:145px;display:block;width:calc(100% - 12px);text-align:left;padding:10px 11px;color:#13233b;overflow-wrap:anywhere}.order:hover{box-shadow:0 4px 13px #002c5d55;transform:translateY(-1px)}.order-title{min-height:32px;line-height:1.4;font-size:13px}.order-top{font-size:12px}.order-top .id{max-width:80px;overflow:hidden;text-overflow:ellipsis}.order-price{margin-top:8px}.order-bottom{gap:7px;margin-top:6px}.mini-av{flex:none}.stage.drop-target{box-shadow:inset 0 0 0 3px #a2e7ff}.empty-column{color:#d0e7ff;font-size:12px;text-align:center;padding:25px 13px;line-height:1.65}.empty-column .ico{opacity:.65;width:30px;height:30px;margin-bottom:8px}.empty-state{padding:32px 20px;text-align:center;color:#71819b;line-height:1.6}.empty-state h3{color:#1a3557}.hint{font-size:12px;color:#617797;line-height:1.5;margin:10px 0}.on-blue{color:#c8defb}.surface,.white-card{min-width:0}.white-card{box-shadow:none}.dash-a,.dash-b{grid-template-columns:1.2fr 1fr}.dash-a>.white-card,.dash-b>.white-card{height:auto;min-height:270px}.metric{gap:14px}.metric span{min-width:0}.metric b{text-align:right;overflow-wrap:anywhere}.special{padding:16px;background:#e8f4ff;border-radius:12px;color:#165ca5}.special strong{font-size:27px;display:block;margin:5px 0}.form-field{display:block;font-size:12px;color:#647b9c;margin-bottom:12px}.form-field>span{display:block;margin-bottom:5px}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;color:#172a46;background:#fff;border:1px solid #d6e3ef;border-radius:9px;padding:9px 11px;min-height:39px;resize:vertical}.form-field textarea{line-height:1.55;min-height:96px}.form-field input[type=checkbox]{display:inline-block;width:16px;min-height:16px;margin:0 8px 0 0;vertical-align:middle}.form-field .checkbox{display:flex;align-items:center;font-size:13px;line-height:1.5;color:#314e71}.form-field input[type=file]{padding:9px}.form-field input[type=number]{min-width:0}.form-grid .form-field{margin-bottom:0}.form-grid{margin-bottom:13px}.form-field.wide{grid-column:1/-1}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.sp{flex:1}.gap-top{margin-top:16px}.danger{color:#c52d42;background:#fff0f2;border-color:#ffd8de}.success{color:#159857}.error-text{color:#c62e43;font-size:13px;line-height:1.5}.error-panel{background:#fff1f2;border:1px solid #ffcdd5;border-radius:10px;padding:12px;margin-bottom:14px;color:#a42538}.btn-row{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.settings-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:16px}.settings-nav{background:white;border-radius:13px;padding:13px}.settings-nav button{display:block;border:0;background:none;width:100%;text-align:left;color:#506684;border-radius:9px;padding:15px 13px;margin:2px 0;font-size:14px}.settings-nav button.active{background:#e2f1ff;color:#006ce9;font-weight:700}.settings-content{width:auto;min-width:0}.settings-content>.white-card{margin-bottom:14px}.settings-side{width:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:13px 12px;line-height:1.4;vertical-align:middle}.table th{text-align:left;background:#eef4fa;color:#657c99}.table td{border-bottom:1px solid #e5edf7}.table tr:last-child td{border-bottom:0}.table .money,.table .profit{white-space:nowrap}.table input[type=checkbox]{width:17px;height:17px;accent-color:#187cf1}.table-wrap{max-width:100%;overflow-x:auto}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.source-card{border:1px solid #e0eaf5;border-radius:12px;padding:15px;min-width:0}.source-card strong{display:block;margin:8px 0}.source-card p{font-size:12px;color:#6b819e;margin:4px 0}.choice{display:inline-flex;align-items:center;gap:6px;border:1px solid #dbe6f4;border-radius:8px;padding:8px;font-size:12px;white-space:nowrap}.choice input{accent-color:#1478ed}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.order-dialog{max-width:none;max-height:none;width:min(1290px,calc(100vw - 50px));height:min(790px,calc(100dvh - 50px));border-radius:20px;box-shadow:0 15px 70px #001e4a4d}.order-dialog__header{padding:24px 30px 0}.order-dialog__body{padding:22px 30px;background:#fafcff}.order-dialog__footer{padding:12px 30px;min-height:61px;align-items:center}.modal-title-line{gap:16px}.modal-title-line h1{font-size:24px;line-height:1.3;margin:0;overflow-wrap:anywhere}.modal-title-line .row{flex-shrink:0}.modal-sub{flex-wrap:wrap;margin:14px 0}.stage-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:13px 0 16px}.step{border:1px solid transparent;padding:11px 6px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;background:#edf3f8;border-radius:11px;color:#5a7191;font-size:12px;font-weight:700}.step i{font-style:normal;flex:none;border:1.7px solid currentColor;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px}.step.done{color:#096bd1;background:#dcebff}.step.active{background:#d5f0ff;border-color:#64c9f4;color:#195b80}.step.active[data-target=in_progress]{background:#ffe3a3;border-color:#ffca4c;color:#694c1f}.step.active[data-target=submitted]{background:#c9f2d6;border-color:#87dfa6;color:#206c3d}.order-tabs{gap:0;border-top:1px solid #e4edf6}.order-tabs button{border:0;border-radius:10px 10px 0 0;margin-top:10px;background:transparent;padding:11px 14px;color:#637b9d;font-size:13px;font-weight:700;display:flex;gap:8px;align-items:center;border-bottom:3px solid transparent}.order-tabs button.active{background:#e8f4ff;color:#0677ff;border-bottom-color:#1679ff}.order-dialog .white-card{padding:18px;border-color:#dce8f7}.order-dialog__body .grid2{grid-template-columns:1.3fr .8fr}.order-dialog__body .grid2.equal{grid-template-columns:1fr 1fr}.note{margin-top:12px;padding:15px;border:1px solid #dce7f4;border-radius:11px}.note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.note .date{font-size:11px;color:#7188a7}.history-list{padding-left:20px;border-left:2px solid #b7d8ff}.history-item{position:relative;padding:13px 0;border-bottom:1px solid #e1eaf5;display:grid;grid-template-columns:145px 110px 1fr;gap:12px;line-height:1.5}.history-item:before{content:'';position:absolute;width:10px;height:10px;left:-27px;top:19px;background:#217bf2;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #a5cbfd}.history-item pre{white-space:pre-wrap;font-size:11px;overflow-wrap:anywhere;max-width:100%;color:#617794}.action-dialog{padding:0;border:0;border-radius:18px;width:min(620px,calc(100vw - 30px));max-height:calc(100dvh - 30px);color:#172a46;box-shadow:0 20px 80px #001a5044}.action-dialog::backdrop{background:#00193685}.action-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e1eaf5}.action-header h2{font-size:21px;margin:0}.action-body{padding:20px 24px}.action-dialog.wide{width:min(1000px,calc(100vw - 30px))}.action-dialog input[type=checkbox]{accent-color:#1676ed}.funnel{min-height:330px}.funnel-piece{display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);height:57px;border-radius:5px;font-size:12px;color:#173d61}.funnel-piece strong{font-size:23px}.chart-bars{height:220px;display:flex;align-items:flex-end;gap:16px;padding:25px 5px 25px;border-bottom:1px solid #d8e7f8}.chart-bar{flex:1;position:relative;background:#a2ccff;border-radius:7px 7px 0 0;min-height:3px}.chart-bar:last-child{background:#1679f2}.chart-bar b{position:absolute;top:-21px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#375d86}.chart-bar span{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:11px;color:#7187a4}.chart-svg{height:235px;width:100%;overflow:visible}.chart-svg text{fill:#7990ae;font-size:11px}.auth-wrap{min-height:100dvh;display:grid;place-items:center;padding:30px 15px}.auth-card{width:min(470px,100%);padding:32px;border-radius:18px;background:white;color:#152b47;box-shadow:0 20px 70px #00265b55}.auth-logo{display:flex;align-items:center;gap:10px;color:#163d6b;font-size:23px;font-weight:750;margin-bottom:28px}.auth-card h1{font-size:25px;margin:0 0 8px}.auth-card p{color:#70829b;font-size:13px}.auth-card .primary{width:100%;justify-content:center;min-height:44px}.auth-switch{display:flex;gap:10px;margin:20px 0}.auth-switch button{flex:1}.boot{display:grid;place-content:center;justify-items:center;min-height:100dvh;color:white}.boot h1{font-size:24px}.boot p{color:#bfd8fb}.toast{background:white;color:#17375c;border:1px solid #b6d6fb;padding:13px 18px;border-radius:12px;box-shadow:0 7px 25px #00295e4d;margin-top:10px;max-width:440px;line-height:1.5}.toast.error{color:#a41f36;background:#fff5f6;border-color:#f6b4c0}#toasts{position:fixed;right:20px;bottom:20px;z-index:1000;pointer-events:none;max-width:calc(100vw - 30px)}.offline-banner{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#b83145;color:white;text-align:center;padding:8px;font-size:13px}.mobile-stage-picker{background:#fff;border-radius:10px;border:0;color:#1b436c;padding:10px 14px}.menu-scrim{display:none}.save-status{font-size:12px;color:#6b819e}.save-status.error{color:#c22e43}.source-badge{display:inline-flex;align-items:center;gap:8px}.data-note{padding:0 2px;margin:10px 0;font-size:12px;color:#bad7fb}.notification-item{padding:12px 0;border-bottom:1px solid #e3ebf7;line-height:1.5}.code-value{font-family:monospace;overflow-wrap:anywhere;padding:10px;background:#edf4fb;border-radius:8px;color:#385d85;font-size:12px}.button-link{padding:0;background:none;border:0;color:#0875e9}.app-error{margin:20px;color:white}.app-error button{margin-top:12px}.inbox-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5;max-height:350px;overflow:auto;background:#f7faff;padding:12px;border-radius:8px}
@media(max-width:1250px){.top-search{width:34vw}.logo{width:190px;font-size:18px}.sidebar.app-sidebar{width:210px}.main.app-main{margin-left:210px}.nav-item{font-size:15px}.stat .value{font-size:22px}.stat{padding:12px}.stat .icobg{width:38px;height:42px}.stage.kanban-column{min-width:215px}.settings-layout{grid-template-columns:200px 1fr}.source-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.kpi.four{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-a,.dash-b{grid-template-columns:1fr}.top{gap:16px}.top-right{gap:8px}.profile-name{display:none}.logo{width:175px;font-size:16px}.settings-layout{grid-template-columns:170px 1fr}.order-dialog__header{padding:19px 22px 0}.order-dialog__body{padding:18px 22px}.modal-title-line h1{font-size:21px}.stage-steps{overflow-x:auto;grid-template-columns:repeat(5,minmax(145px,1fr))}.history-item{grid-template-columns:125px 90px 1fr}.main.app-main{padding-right:12px}}
@media(max-width:760px){body{min-width:320px}.top.app-header{height:60px;padding:0 12px;gap:7px}.top .logo{width:auto;font-size:17px;gap:6px;flex:1}.top .radar{width:34px;height:34px}.top-right{margin-left:0;gap:3px}.top-right .profile{padding:0}.top-right .profile .avatar{width:30px;height:30px}.top-right .help-top{display:none}.mobile-menu-button{display:flex;color:white;flex:none}.sidebar.app-sidebar{top:60px;z-index:55;width:250px;background:#07366f;box-shadow:10px 0 50px #001d4a55}.main.app-main{margin-left:0;padding:73px 12px 20px;overflow:clip}.menu-open .menu-scrim{display:block;position:fixed;inset:60px 0 0;background:#00163075;z-index:50;border:0}.page-title{font-size:24px}.heading-line{align-items:flex-start;flex-wrap:wrap;gap:0}.heading-line .page-title{margin-bottom:13px}.heading-line>div{margin-left:auto}.kpi{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.kpi:not(.four) .stat:last-child{grid-column:1/-1;min-height:60px;height:60px}.stat{padding:12px;gap:10px;height:86px}.stat .label{font-size:11px}.stat .value{font-size:21px;line-height:1.2}.stat .icobg{width:32px;height:36px;border-radius:10px}.stat .icobg .ico{width:23px;height:23px}.controls{gap:8px}.controls .ctl{font-size:12px;flex:1 0 auto;justify-content:center;padding:10px;min-height:42px}.controls .ctl input[type=month]{width:135px}.controls .board-search{width:100%}.controls .board-search input{width:100%}.kanban.kanban-board{display:block;overflow:visible;min-height:360px}.stage.kanban-column{width:100%;min-width:0;min-height:360px}.stage-head{font-size:14px}.order{min-height:143px;padding:11px 12px}.order-title{font-size:14px;min-height:auto}.order-top .id{max-width:120px}.stage-sum{font-size:21px}.order-price{font-size:18px}.order-bottom{font-size:12px}.order-tagrow .tag{font-size:11px}.order-top{font-size:13px}.quick{height:38px;margin-bottom:10px}.empty-column{padding:30px 20px}.settings-layout{display:block}.settings-nav{display:flex;overflow-x:auto;padding:7px;margin-bottom:12px;gap:3px;border-radius:12px}.settings-nav button{white-space:nowrap;padding:11px 13px;width:auto;min-height:44px;font-size:13px}.settings-content .white-card{padding:16px}.source-grid{grid-template-columns:1fr}.form-grid,.grid2,.grid3,.grid4{grid-template-columns:minmax(0,1fr)}.form-field input,.form-field select,.form-field textarea{font-size:16px;min-height:42px}.form-field{font-size:12px}.order-dialog{margin:0;inset:0;width:100vw;height:100dvh;border-radius:0;max-height:100dvh}.order-dialog__header{padding:14px 14px 0}.modal-title-line{align-items:flex-start;gap:8px}.modal-title-line h1{font-size:19px;line-height:1.35}.modal-title-line .row{gap:2px}.modal-title-line .external-button{display:none}.modal-sub{gap:6px;margin:10px 0;font-size:11px}.modal-sub .pilltext{font-size:11px;padding:5px 7px}.modal-sub .brand{width:24px;height:24px}.stage-steps{margin:10px 0;grid-template-columns:repeat(5,minmax(130px,1fr));gap:5px}.step{min-height:42px;font-size:11px;padding:8px 4px}.order-tabs button{font-size:12px;padding:9px 11px;gap:6px;margin-top:4px;min-height:43px}.order-dialog__body{padding:14px}.order-dialog__body .grid2,.order-dialog__body .grid2.equal{grid-template-columns:1fr}.order-dialog__body .white-card{padding:14px}.order-dialog__footer{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));gap:8px;min-height:65px}.order-dialog__footer>.small{display:none}.order-dialog__footer button,.order-dialog__footer a{min-height:42px;flex:1 1 100px;justify-content:center;padding:9px 11px;font-size:12px;text-align:center}.order-dialog__footer .sp{display:none}.action-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.action-header{padding:16px}.action-header h2{font-size:19px}.action-body{padding:16px}.action-body .grid2{grid-template-columns:1fr}.action-dialog.wide{width:calc(100vw - 20px)}.auth-card{padding:25px 22px}.auth-card h1{font-size:23px}.history-item{display:block;padding:13px 0}.history-item>span{display:block;margin-bottom:5px}.table{font-size:12px}.table th,.table td{padding:11px 9px}.table-wrap .table{min-width:550px}.note{padding:12px}.note .row{gap:7px;flex-wrap:wrap}.note p{font-size:13px}.chart-bars{gap:13px}.chart-bar b{font-size:10px}.source-card{padding:13px}.primary,.secondary{min-height:40px;justify-content:center}.btn-row{gap:8px}.btn-row>*{flex:1;justify-content:center}.funnel{min-height:280px}.white-card h3{font-size:17px}.data-note{font-size:11px}#toasts{bottom:15px;right:15px}.toast{font-size:13px}.top-right .icon-btn{min-width:32px;min-height:36px}.profile .ico{display:none}}
@media(max-width:370px){.top .logo{font-size:15px}.top .radar{width:30px}.top-right{gap:0}.top-right .notice{display:none}.stat .icobg{display:none}.stat .value{font-size:21px}.controls .ctl{padding:9px 7px}.modal-title-line h1{font-size:18px}.order-dialog__header{padding:12px 12px 0}.main.app-main{padding-left:10px;padding-right:10px}}
.mobile-menu-button.icon-btn{display:none}.finance-grid{grid-template-columns:minmax(0,1.7fr) minmax(270px,.9fr)}
@media(max-width:760px){.mobile-menu-button.icon-btn{display:flex}.finance-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.top .desktop-search{display:none}}
/* Keep every stage label within its own button. */
.step{white-space:normal;min-width:0}.step span{min-width:0;line-height:1.25;overflow-wrap:anywhere}.step i{flex:0 0 20px}
@media(max-height:500px) and (max-width:1000px){
 .order-dialog{inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}
 .order-dialog__layout{height:100%;min-height:0;overflow:hidden}
 .order-dialog__header{padding:7px 14px 0;flex:0 0 auto;max-height:175px;overflow:hidden}
 .modal-title-line{align-items:center;gap:8px}.modal-title-line h1{font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .modal-title-line .secondary{min-height:30px;padding:5px 8px;font-size:11px}.modal-title-line .external-button{display:none}
 .modal-sub{margin:5px 0;gap:6px;flex-wrap:nowrap;max-height:26px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.modal-sub>*{flex:0 0 auto}.modal-sub .brand{height:23px;width:23px}.modal-sub .pilltext{font-size:10px;padding:4px 7px}
 .stage-steps{display:flex;overflow-x:auto;gap:5px;margin:5px 0;max-height:40px;scrollbar-width:thin;align-items:stretch}
 .stage-steps .step{flex:0 0 auto;min-width:140px;max-width:270px;min-height:33px;padding:6px 9px;font-size:11px;white-space:nowrap;gap:6px}
 .stage-steps .step span{white-space:nowrap;overflow-wrap:normal}.stage-steps .step i{height:18px;width:18px;flex-basis:18px;font-size:10px}
 .order-tabs{min-height:34px;max-height:37px}.order-tabs button{min-height:32px;margin-top:2px;padding:6px 12px;font-size:11px;gap:6px}
 .order-dialog__body{flex:1 1 0;min-height:0;overflow-y:auto;padding:10px 14px;overscroll-behavior:contain}
 .order-dialog__body .white-card{padding:12px}.order-dialog__body h3{font-size:15px;margin-bottom:10px}
 .order-dialog__footer{flex:0 0 auto;min-height:46px;max-height:64px;padding:6px 14px calc(6px + env(safe-area-inset-bottom,0px));gap:7px;flex-wrap:nowrap}
 .order-dialog__footer .small,.order-dialog__footer .save-status{font-size:10px;max-width:220px}.order-dialog__footer button,.order-dialog__footer a{flex:0 0 auto;min-height:32px;padding:7px 10px;font-size:11px}.order-dialog__footer .sp{display:block}
 .action-dialog{max-height:calc(100dvh - 12px)}.action-header{padding:10px 16px}.action-header h2{font-size:17px}.action-body{padding:12px 16px}
}
@media(max-height:500px) and (max-width:600px){.order-dialog__footer .save-status{display:none}.order-dialog__header{padding-right:10px;padding-left:10px}.order-dialog__body{padding-right:10px;padding-left:10px}}
.history-text{font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:#526b8c}.history-item details summary{cursor:pointer}