*{box-sizing:border-box}body,html{margin:0;background:#f5f7fb;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}code{font-family:SFMono-Regular,Consolas,monospace}.auth-shell,.center-screen{min-height:100vh;display:grid;place-items:center}.auth-shell{padding:32px;background:radial-gradient(circle at 70% 20%,#1b4bb025,transparent 32%),#07101f;color:#fff}.auth-brand{position:absolute;top:32px;left:40px;display:flex;align-items:center;gap:12px}.auth-brand div:last-child,.logo-row>div:nth-child(2){display:flex;flex-direction:column}.auth-brand span,.logo-row span{font-size:10px;letter-spacing:.19em;color:#8fa3bf}.brand-mark{width:42px;height:42px;border-radius:13px;background:#1b4bb0;display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:0 10px 30px #1b4bb055}.brand-mark.small{width:38px;height:38px;border-radius:11px;flex:0 0 auto}.auth-card{width:min(100%,470px);background:#fff;color:#101827;padding:34px;border-radius:24px;box-shadow:0 24px 80px #0007}.auth-card h1{margin:0 0 8px;font-size:30px}.auth-card>p{margin:0 0 28px;color:#667085}.auth-note{position:absolute;bottom:26px;color:#72839c;font-size:13px}.form-stack{display:flex;flex-direction:column;gap:15px}.field-row label,.form-stack label,.inline-field,.order-line label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#344054}.form-stack label small{font-weight:500;color:#98a2b3}.field-row input,.field-row select,.form-stack input,.form-stack select,.form-stack textarea,.inline-field input,.order-line input,.order-line select,.toolbar input,.toolbar select{border:1px solid #d8dee9;background:#fff;border-radius:10px;padding:10px 12px;outline:none;color:#111827;min-width:0}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:#1b4bb0;box-shadow:0 0 0 3px #1b4bb019}.two{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px}.three,.two{display:grid;gap:12px}.three{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px}.btn{border:0;border-radius:10px;padding:10px 15px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;white-space:nowrap}.btn.primary{background:#1b4bb0;color:#fff;box-shadow:0 8px 20px #1b4bb02b}.btn.secondary{background:#fff;color:#344054;border:1px solid #d8dee9}.btn.danger-btn,.danger-btn{background:#fff1f2;color:#b42318;border:1px solid #fecdd3}.btn:disabled,.mini-btn:disabled{opacity:.45;cursor:not-allowed}.error{background:#fff1f2;color:#b42318;border:1px solid #fecdd3;border-radius:10px;padding:10px 12px;font-size:13px;margin:4px 0}.success-box{background:#ecfdf3;color:#087a4c;border:1px solid #abefc6;border-radius:10px;padding:12px 14px;font-size:13px}.warning{background:#fffaeb;color:#7a2e0e;border:1px solid #fedf89;border-radius:10px;padding:12px;display:flex;gap:10px;align-items:flex-start}.warning div{display:flex;flex-direction:column;gap:2px}.warning span{font-size:12px}.switch{text-align:center!important;margin:20px 0 0!important;font-size:13px}.switch a{color:#1b4bb0;font-weight:800}.check-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;font-weight:650!important}.check-label input{width:16px;height:16px;padding:0!important}.check-label.compact{align-self:end;margin-bottom:10px}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:#08111f;color:#dbe5f3;padding:22px 14px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.logo-row{display:flex;align-items:center;gap:10px;padding:0 8px 22px;border-bottom:1px solid #ffffff12;margin-bottom:16px}.logo-row strong{font-size:12px}.mobile-close{display:none;margin-left:auto;background:transparent;border:0;color:#fff}.sidebar nav,.sidebar-bottom{display:flex;flex-direction:column;gap:4px}.sidebar nav a,.sidebar-bottom>a,.sidebar-bottom>button{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;color:#9fb0c7;font-size:13px;background:transparent;border:0;text-align:left}.sidebar nav a.active,.sidebar nav a:hover,.sidebar-bottom>a.active,.sidebar-bottom>a:hover,.sidebar-bottom>button:hover{background:#132441;color:#fff}.sidebar nav a.active,.sidebar-bottom>a.active{box-shadow:inset 3px 0 #3f78ff}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff12;padding-top:14px}.signed-user{margin-top:10px;background:#0d1a2c;border:1px solid #ffffff0d;border-radius:11px;padding:10px;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;border-radius:50%;background:#e8efff;color:#1b4bb0;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.signed-user div:last-child,.user-cell>div:last-child{display:flex;flex-direction:column;min-width:0}.signed-user b{font-size:11px;overflow:hidden;text-overflow:ellipsis}.signed-user span{font-size:10px;color:#8093ad;text-transform:capitalize}.app-shell main{min-width:0}.topbar{min-height:88px;background:#fff;border-bottom:1px solid #e7ebf2;justify-content:space-between;padding:16px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.top-title,.topbar{display:flex;align-items:center}.top-title{gap:10px}.topbar h1{font-size:22px;margin:3px 0 0}.eyebrow{font-size:10px;letter-spacing:.14em;color:#8b95a5;font-weight:800;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:9px}.search-wrap{position:relative}.search{width:250px;border:1px solid #e1e6ee;border-radius:10px;padding:9px 11px;display:flex;align-items:center;gap:8px;color:#98a2b3;background:#fff}.search input{border:0;outline:none;width:100%;background:transparent;font-size:13px}.search-results{position:absolute;right:0;top:46px;width:320px;background:#fff;border:1px solid #e5e9f0;border-radius:12px;box-shadow:0 18px 50px #0b1c3925;overflow:hidden;z-index:40}.search-results a{display:grid;grid-template-columns:70px 1fr;grid-gap:8px;gap:8px;padding:10px 12px;border-bottom:1px solid #f0f2f6}.search-results a:hover{background:#f7f9fc}.search-results span{font-size:10px;color:#8a94a4;text-transform:uppercase}.search-results b{font-size:12px}.mobile-menu{display:none;border:1px solid #e1e6ee;background:#fff;width:38px;height:38px;border-radius:9px}.content{padding:24px 28px 50px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.metric-grid.second .metric-card{background:#fbfcfe}.metric-card,.panel{background:#fff;border:1px solid #e5e9f0;border-radius:14px;box-shadow:0 2px 10px #0b1c390d}.metric-card{padding:18px;display:grid;grid-template-columns:auto 1fr;grid-column-gap:11px;column-gap:11px}.metric-icon{grid-row:1/3;width:36px;height:36px;border-radius:10px;background:#edf3ff;color:#1b4bb0;display:grid;place-items:center}.metric-card span{font-size:11px;color:#697386}.metric-card strong{font-size:22px;margin-top:3px;line-height:1.2}.dash-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.panel{padding:18px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h2,.section-title h2{font-size:15px;margin:0 0 3px}.muted,.panel-head p,.section-title p{margin:0;color:#8a94a4;font-size:11px}.link-btn,.panel-head a{font-size:11px;color:#1b4bb0;font-weight:750;background:none;border:0}.count-badge{padding:5px 9px;border-radius:99px;background:#f2f4f7;color:#667085;font-size:11px}.report-bars,.stage-bars{display:flex;flex-direction:column;gap:14px}.stage-row{display:grid;grid-template-columns:140px minmax(80px,1fr) 40px 95px;align-items:center;grid-gap:9px;gap:9px;font-size:11px}.stage-row>div:first-child{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}.bar{height:7px;background:#eef1f5;overflow:hidden}.bar,.bar i{border-radius:99px}.bar i{display:block;height:100%;background:#1b4bb0}.stage-row em{text-align:right;font-style:normal;color:#667085}.big-number{font-size:52px;font-weight:800;line-height:1;margin-top:28px}.ok-box,.risk-box{margin-top:22px;border-radius:10px;padding:13px;font-size:12px}.risk-box{background:#fff1f1;color:#b42318}.ok-box{background:#effaf4;color:#087a4c}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#8a94a4;font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;padding:10px 9px;border-bottom:1px solid #eef1f5;white-space:nowrap}td{padding:11px 9px;border-bottom:1px solid #f0f2f5;vertical-align:middle}td small,td>b{display:block}td small{color:#8a94a4;margin-top:3px;line-height:1.35}.pill,.priority,.stage-pill,.status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:99px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:750;text-transform:capitalize;white-space:nowrap}.stage-pill i{width:7px;height:7px;border-radius:50%}.status.completed,.status.customer,.status.sent,.stock-ok{background:#ecfdf3;color:#087a4c}.status.confirmed,.status.in_progress,.status.pending,.status.processing,.status.prospect{background:#eff4ff;color:#3538cd}.status.cancelled,.status.failed,.status.inactive,.stock-low{background:#fff1f2;color:#b42318}.status.draft,.status.open,.status.waiting{background:#fffaeb;color:#b54708}.priority.low,.status.closed,.status.resolved{background:#f2f4f7;color:#475467}.priority.medium{background:#eff4ff;color:#3538cd}.priority.high{background:#fff6ed;color:#c4320a}.priority.urgent{background:#fff1f2;color:#b42318}.simple-list{display:flex;flex-direction:column}.simple-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2f5}.simple-list>div>div{display:flex;flex-direction:column;gap:3px}.simple-list span{font-size:10px;color:#8a94a4}.simple-list strong{font-size:12px}.toolbar{display:flex;align-items:end;gap:9px;margin-bottom:14px;flex-wrap:wrap}.toolbar .filter-input{width:280px}.toolbar select{min-width:150px}.inline-field{gap:4px}.inline-field input{padding:8px 10px}.spacer{flex:1 1}.inline-actions,.row-actions{display:flex;align-items:center;gap:5px}.mini-btn{width:30px;height:30px;border:1px solid #e1e6ee;background:#fff;color:#667085;border-radius:8px;display:grid;place-items:center}.mini-btn:hover{background:#f7f9fc}.mini-btn.danger{color:#b42318}.empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#98a2b3;gap:4px}.empty strong{color:#475467}.empty span{font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#08111f99;display:grid;place-items:center;padding:20px;z-index:100;overflow-y:auto}.modal{width:min(100%,620px);max-height:92vh;background:#fff;border-radius:16px;box-shadow:0 30px 90px #0005;display:flex;flex-direction:column}.modal.wide{width:min(100%,1050px)}.modal-head{padding:16px 18px;border-bottom:1px solid #eef1f5;display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:16px}.modal-head button{border:0;background:#f2f4f7;border-radius:8px;width:30px;height:30px;display:grid;place-items:center;color:#475467}.modal-body{padding:18px;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:3px}.pipeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:start}.lane{background:#eef2f7;border:1px solid #e1e7ef;border-radius:13px;padding:11px;min-height:500px}.lane-head{justify-content:space-between;font-size:12px}.lane-head,.lane-head>div{display:flex;align-items:center}.lane-head>div{gap:7px}.lane-head>span{background:#fff;border-radius:99px;padding:3px 7px;color:#667085}.lane-value{font-size:11px;color:#667085;margin:7px 0 11px}.cards{display:flex;flex-direction:column;gap:8px}.lead-card{background:#fff;border:1px solid #e1e6ee;border-radius:11px;padding:11px;box-shadow:0 1px 4px #0b1c390b;cursor:-webkit-grab;cursor:grab}.lead-card:hover{border-color:#c8d3e3}.lead-card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.lead-card-top b{font-size:12px}.lead-card-top>div{display:flex;align-items:center;color:#98a2b3}.lead-card-top button{border:0;background:transparent;color:#667085;padding:1px}.lead-card p{gap:6px;margin:7px 0 0;color:#667085;font-size:10px;overflow:hidden}.lead-card p,.lead-card-foot{display:flex;align-items:center}.lead-card-foot{justify-content:space-between;margin-top:10px}.lead-card-foot strong{font-size:12px}.lead-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.lead-tags span{font-size:9px;background:#eef4ff;color:#1b4bb0;border-radius:99px;padding:3px 6px}.assignee{display:block;margin-top:8px;color:#8a94a4}.modal-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);grid-gap:18px;gap:18px}.activity-panel{border-left:1px solid #eef1f5;padding-left:18px}.activity-list{max-height:430px;overflow:auto;display:flex;flex-direction:column;gap:13px}.activity-list>div{display:flex;gap:9px}.activity-icon{width:27px;height:27px;border-radius:50%;background:#edf3ff;color:#1b4bb0;display:grid;place-items:center;flex:0 0 auto}.activity-list b{font-size:10px;text-transform:capitalize}.activity-list p{font-size:11px;margin:2px 0;color:#475467}.activity-list small{font-size:9px;color:#98a2b3}.activity-add{display:flex;flex-direction:column;gap:7px;margin-top:15px;padding-top:15px;border-top:1px solid #eef1f5}.activity-add select,.activity-add textarea{border:1px solid #d8dee9;border-radius:9px;padding:9px}.task-list{display:flex;flex-direction:column;gap:8px}.task-item{background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;grid-gap:11px;gap:11px}.task-item.done{opacity:.68}.task-item.done .task-main>b{text-decoration:line-through}.check{width:24px;height:24px;border-radius:7px;border:1px solid #cfd6e1;background:#fff;display:grid;place-items:center;color:#fff}.task-item.done .check{background:#16a34a;border-color:#16a34a}.task-main{cursor:pointer}.task-main>b{font-size:12px}.task-main p{display:flex;align-items:center;gap:5px;margin:4px 0 0;font-size:10px;color:#8a94a4}.task-main small{display:block;color:#667085;margin-top:5px}.comment-count{border:0;background:#f2f4f7;color:#667085;border-radius:8px;padding:5px 7px;display:flex;align-items:center;gap:4px;font-size:10px}.comments-block{margin-top:18px;padding-top:16px;border-top:1px solid #eef1f5}.comments-block h3{font-size:13px;margin:0 0 10px}.comments-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto}.comments-list>div{background:#f8fafc;border-radius:9px;padding:9px}.comments-list b{font-size:10px}.comments-list p{font-size:11px;margin:3px 0}.comments-list small{font-size:9px;color:#98a2b3}.comment-form{display:flex;gap:7px;margin-top:10px}.comment-form input{flex:1 1;border:1px solid #d8dee9;border-radius:9px;padding:9px}.readonly-box{background:#f8fafc;border:1px solid #e8edf3;border-radius:10px;padding:12px}.readonly-box b{font-size:12px}.readonly-box p{font-size:11px;color:#667085;margin:4px 0}.readonly-box small{font-size:9px;color:#98a2b3}.section-title{display:flex;justify-content:space-between;align-items:center;margin:5px 0 10px}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.mini-card{background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:13px;display:flex;justify-content:space-between;gap:10px}.mini-card>div{display:flex;flex-direction:column;gap:4px}.mini-card>div:last-child{align-items:flex-end}.mini-card b{font-size:12px}.mini-card small,.mini-card span{font-size:10px;color:#8a94a4}.top-gap{margin-top:16px}.top-gap-small{margin-bottom:12px}.user-cell{display:flex;align-items:center;gap:8px}.split-layout{display:grid;grid-template-columns:290px minmax(0,1fr);grid-gap:16px;gap:16px}.side-list{align-self:start}.select-card{width:100%;border:1px solid #e8edf3;background:#fff;border-radius:10px;padding:11px;display:flex;justify-content:space-between;align-items:center;text-align:left;margin-bottom:7px}.select-card.selected{border-color:#9bb7ff;background:#f5f8ff;box-shadow:inset 3px 0 #1b4bb0}.select-card>div:first-child{display:flex;flex-direction:column;gap:3px}.select-card b{font-size:11px}.select-card span{font-size:9px;color:#8a94a4}.stage-editor{display:flex;flex-direction:column;gap:8px}.stage-edit-card{border:1px solid #e5e9f0;border-radius:10px;display:grid;grid-template-columns:6px minmax(0,1fr) auto;overflow:hidden;align-items:center}.stage-color{align-self:stretch}.stage-edit-main{padding:11px;display:flex;flex-direction:column;gap:3px}.stage-edit-main b{font-size:11px}.stage-edit-main span{font-size:9px;color:#8a94a4}.stage-edit-actions{display:flex;align-items:center;gap:4px;padding:7px}.stage-edit-actions>button{width:29px;height:29px;border:1px solid #e1e6ee;background:#fff;border-radius:7px;display:grid;place-items:center}.add-row{margin-top:9px;width:100%;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:10px;padding:10px;color:#475467;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}.color-input{height:40px;padding:3px!important}.form-builder,.order-lines{border:1px solid #e5e9f0;border-radius:11px;padding:12px;background:#fbfcfe}.order-line-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.order-line-head>div{display:flex;flex-direction:column}.order-line-head b{font-size:12px}.order-line-head small{font-size:9px;color:#8a94a4}.order-line{display:grid;grid-template-columns:1.2fr 1.3fr 70px 100px 80px 95px 32px;grid-gap:7px;gap:7px;align-items:end;padding:9px 0;border-top:1px solid #eef1f5}.line-total{height:38px;display:flex;flex-direction:column;justify-content:center}.line-total span{font-size:8px;color:#98a2b3}.line-total b{font-size:10px}.order-summary{margin-left:auto;width:270px;display:flex;flex-direction:column;gap:7px;background:#f8fafc;border-radius:10px;padding:11px}.order-summary>div{display:flex;justify-content:space-between;font-size:11px}.order-summary .grand{font-size:13px;border-top:1px solid #e5e9f0;padding-top:7px}.field-row{display:grid;grid-template-columns:1.1fr .9fr 110px 1.1fr 1.1fr auto 32px;grid-gap:7px;gap:7px;align-items:end;padding:9px 0;border-top:1px solid #eef1f5}.submission-data{display:flex;flex-direction:column;gap:2px}.submission-data span{font-size:10px}.submission-data b{text-transform:capitalize}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.integration-card{background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px}.integration-card>div{display:flex;flex-direction:column}.integration-card b{font-size:11px}.integration-card span{font-size:10px;color:#8a94a4}.integration-card.ready{border-color:#abefc6}.integration-card.ready svg{color:#087a4c}.integration-card.not-ready{border-color:#fedf89}.integration-card.not-ready svg{color:#b54708}.messages-grid{grid-template-columns:1.3fr .7fr}.template-list{display:flex;flex-direction:column;gap:7px}.template-list>div{border:1px solid #e8edf3;border-radius:9px;padding:9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.template-list>div>div:first-child{display:grid;grid-template-columns:auto 1fr;grid-gap:5px 8px;gap:5px 8px;align-items:center}.template-list b{font-size:11px}.template-list small{grid-column:1/3;color:#8a94a4;font-size:9px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.report-bars>div>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.report-bars b{font-size:10px;text-transform:capitalize}.report-bars span{font-size:9px;color:#8a94a4}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.api-box{background:#f8fafc;border:1px solid #e5e9f0;border-radius:11px;padding:12px;margin-top:16px}.api-box>label{font-size:10px;color:#667085;font-weight:800}.api-box>div:not(.inline-actions){display:flex;align-items:center;margin-top:6px;background:#fff;border:1px solid #e1e6ee;border-radius:9px;overflow:hidden}.api-box code{padding:10px;flex:1 1;overflow:auto;font-size:9px;white-space:nowrap}.api-box>div>button{height:36px;width:38px;border:0;border-left:1px solid #e1e6ee;background:#fff}.api-box p{font-size:9px;color:#8a94a4;line-height:1.5}.callout{background:#f8fafc;border-radius:10px;padding:14px}.callout b{font-size:12px}.callout p{font-size:10px;line-height:1.5;color:#667085}.public-form-shell{min-height:100vh;background:#f3f6fb;padding:70px 20px;display:flex;flex-direction:column;align-items:center}.public-form-brand{width:min(100%,620px);display:flex;align-items:center;gap:10px;margin-bottom:14px}.public-form-brand>div:last-child{display:flex;flex-direction:column}.public-form-brand b{font-size:11px}.public-form-brand span{font-size:9px;color:#8a94a4}.public-form-card{width:min(100%,620px);background:#fff;border:1px solid #e4e9f1;border-radius:18px;padding:28px;box-shadow:0 18px 50px #0b1c3910}.public-form-card h1{font-size:25px;margin:0 0 8px}.public-form-card>p{font-size:12px;color:#667085;margin:0 0 22px;line-height:1.6}.skeleton-page{padding:70px;text-align:center;color:#8a94a4}.capitalize{text-transform:capitalize}.mobile-overlay{display:none}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dash-grid,.report-grid,.settings-grid{grid-template-columns:1fr}.mini-grid{grid-template-columns:repeat(2,1fr)}.order-line{grid-template-columns:1fr 1fr 70px 90px}.order-line .line-total{grid-column:1/3}.field-row{grid-template-columns:1fr 1fr 120px}.field-row .check-label{align-self:center}.modal-split{grid-template-columns:1fr}.activity-panel{border-left:0;border-top:1px solid #eef1f5;padding:15px 0 0}.messages-grid{grid-template-columns:1fr}}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;width:245px;transition:left .2s}.sidebar.open{left:0}.mobile-overlay{display:block;position:fixed;inset:0;background:#0007;z-index:25}.mobile-close,.mobile-menu{display:grid;place-items:center}.topbar{padding:14px 16px}.content{padding:18px 15px 40px}.search{width:180px}.top-actions .btn{font-size:0;width:40px;padding:10px}.top-actions .btn svg{margin:0}.split-layout{grid-template-columns:1fr}.side-list{max-height:300px;overflow:auto}.mini-grid{grid-template-columns:1fr}.task-item{grid-template-columns:auto 1fr auto}.task-item>.comment-count,.task-item>.pill,.task-item>.priority,.task-item>.row-actions{grid-column:auto}.pipeline{grid-auto-columns:260px}.integration-grid{grid-template-columns:1fr}}@media(max-width:620px){.auth-brand{left:20px;top:20px}.auth-card{padding:24px}.auth-note{display:none}.metric-grid,.three,.two{grid-template-columns:1fr}.topbar{align-items:flex-start}.top-actions{align-items:flex-end}.search-wrap{display:none}.toolbar{align-items:stretch}.toolbar .filter-input,.toolbar select{width:100%}.stage-row{grid-template-columns:115px 1fr 30px}.stage-row em{display:none}.modal-backdrop{padding:8px}.modal{max-height:96vh;border-radius:12px}.modal-body{padding:14px}.task-item{grid-template-columns:auto minmax(0,1fr) auto}.task-item>.comment-count,.task-item>.pill,.task-item>.priority,.task-item>.row-actions{grid-row:2}.field-row,.order-line{grid-template-columns:1fr}.order-line .line-total{grid-column:auto}.order-summary{width:100%}.public-form-shell{padding:30px 12px}.public-form-card{padding:20px}.section-title{align-items:flex-start;gap:10px}.section-title .btn{padding:8px}.report-grid{grid-template-columns:1fr}}.info-box{background:#eff4ff;color:#3538cd;border:1px solid #c7d7fe;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.5}.field-row{grid-template-columns:1.1fr .9fr 110px 1.1fr 1.1fr auto 104px}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px;max-height:55vh;overflow:auto;padding:4px}.permission-group{border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:14px;background:var(--card,#fff)}.permission-group h3{text-transform:capitalize;margin:0 0 10px}.permission-group .check{display:flex;gap:8px;align-items:center;font-size:12px;margin:6px 0}.quote-lines{display:flex;flex-direction:column;gap:8px}.quote-line{display:grid;grid-template-columns:1.1fr 1.6fr .55fr .7fr .65fr .55fr 36px;grid-gap:7px;gap:7px;align-items:center}.invoice-line{grid-template-columns:1.1fr 1.6fr .55fr .7fr .55fr 36px}.calendar-list{display:grid;grid-gap:14px;gap:14px}.unread{background:rgba(37,99,235,.05)}.platform-shell{min-height:100vh;background:#f5f7fb}.platform-shell>header{height:72px;padding:0 28px;background:#0b1220;color:#fff;display:flex;align-items:center;justify-content:space-between}.platform-shell>header div{display:flex;flex-direction:column}.platform-shell>header span{font-size:12px;opacity:.65}.platform-shell>main{padding:28px;max-width:1500px;margin:auto}.top-gap{margin-top:18px}.top-gap-small{margin-top:8px}@media(max-width:900px){.invoice-line,.quote-line{grid-template-columns:1fr 1fr}.permission-grid{grid-template-columns:1fr}.platform-shell>main{padding:16px}}.saved-views{display:flex;gap:8px;align-items:center}.saved-views select{min-width:150px}.error-text{color:#dc2626}