@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--purple:#552b75;--deep:#35174d;--pink:#d5167b;--lavender:#f1eaf7;--ink:#252132;--muted:#797583;--line:#eae7ee;--bg:#f7f6f9;--radius:18px;--green:#267354}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:var(--purple)}button:focus-visible,a:focus-visible{outline:3px solid #b591d0;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #b591d0;border-color:var(--purple)}button svg{flex-shrink:0}svg{vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:30px;letter-spacing:-1.1px;font-weight:800;line-height:1.25}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:15px;font-weight:750}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:700;color:var(--muted)}.demo-banner{height:32px;background:#f0e9f6;color:#65457e;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;letter-spacing:.1px}.demo-banner strong{font-weight:700}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 32px)}.sidebar{background:white;border-right:1px solid var(--line);padding:28px 20px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 32px)}.brand{display:flex;align-items:center;gap:8px;color:var(--purple);font-size:31px;font-weight:800;letter-spacing:-1.5px;font-family:Manrope,sans-serif}.brand .logo-pin{color:var(--pink)}.brand-dot{color:var(--pink)}.brand-caption{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#93859d;margin:6px 0 34px 4px}.side-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#aaa3b0;padding:0 14px;margin-bottom:12px}.nav-list{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:none;padding:13px 14px;border-radius:10px;text-align:left;color:#716c7c;font-size:13px;font-weight:550;transition:.15s}.nav-item:hover{background:#f8f5fb;color:var(--purple)}.nav-item.active{background:var(--lavender);color:var(--purple);font-weight:700}.nav-count{margin-left:auto;background:#e4d5ee;padding:2px 7px;font-size:10px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding-top:20px}.unit-card{padding:16px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}.unit-card strong{display:block;font-size:12px;margin-bottom:5px}.unit-card p{color:var(--muted);font-size:11px;line-height:1.6}.profile{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;text-align:left;padding:0}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-weight:700;font-size:11px;color:var(--purple);background:#e9dcf2;flex-shrink:0}.profile strong{display:block;font-size:12px}.profile small{color:var(--muted);font-size:10px}.profile .chev{margin-left:auto;color:var(--muted)}.main-wrap{min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);background:#fff;gap:12px}.breadcrumb{font-size:11px;color:#95909e;display:flex;align-items:center;gap:9px}.breadcrumb strong{font-weight:550;color:#58515f}.top-actions{display:flex;align-items:center;gap:16px}.today{font-size:11px;color:var(--muted)}.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 15px;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:650;transition:background .15s,transform .15s;text-decoration:none;white-space:nowrap}.btn:hover{background:#f5f0f9;border-color:#d8c7e4}.btn.primary{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 3px 6px #552b7514}.btn.primary:hover{background:#43205e}.btn.pink{background:var(--pink);color:#fff;border-color:var(--pink)}.btn.ghost{background:transparent;border-color:transparent;color:var(--purple)}.btn.danger{color:#b84157}.btn.tiny{padding:7px 10px;font-size:11px}.content{max-width:1500px;margin:auto;padding:30px 36px 36px}.page-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.page-title p{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.6}.title-actions{display:flex;align-items:center;gap:10px}.period-control{display:flex;align-items:center;gap:6px;background:white;border:1px solid var(--line);padding:8px 11px;border-radius:8px;font-size:11px}.period-control select{border:0;background:transparent;color:#595163;outline:none;font-size:11px;width:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px;position:relative;overflow:hidden}.metric-label{font-size:11px;color:#797181;display:flex;justify-content:space-between;align-items:center;gap:10px}.metric-icon{width:29px;height:29px;border-radius:9px;background:#f4eff8;color:#76508d;display:flex;align-items:center;justify-content:center}.metric-value{font-family:Manrope,sans-serif;font-size:33px;letter-spacing:-1.5px;font-weight:800;margin:5px 0 6px}.metric-foot{font-size:10px;color:#9b94a2;display:flex;gap:5px;align-items:center}.metric.featured{background:var(--purple);color:#fff;border:0}.metric.featured .metric-label{color:#eee3f5}.metric.featured .metric-icon{background:#ffffff1a;color:#f5ddf3}.metric.featured .metric-foot{color:#d6c3e5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head p{font-size:11px;color:var(--muted);margin-top:5px}.panel-head .text-link{font-size:11px;color:var(--purple);text-decoration:none;border:0;background:none;font-weight:700;display:flex;align-items:center;gap:5px}.chart-panel{margin-bottom:22px}.chart-area{padding:6px 26px 18px;position:relative;height:186px}.chart-grid{display:flex;position:relative;align-items:flex-end;justify-content:space-around;height:137px;border-bottom:1px solid #ebe7f0;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#f2eff5 44px,#f2eff5 45px);gap:12px}.bar-col{height:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;position:relative;flex:1;max-width:65px}.bar-stack{width:32px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:5px 5px 0 0;overflow:hidden;min-height:2px;background:#f4f0f8}.bar-adh{background:#6a3e8c;min-height:0}.bar-alt{background:#d98bb5;min-height:0}.bar-value{font-size:10px;color:#796782;margin-bottom:6px}.bar-day{position:absolute;bottom:-21px;font-size:10px;color:#9b91a2}.legend{display:flex;gap:14px;font-size:10px;color:#8d8395}.legend i{display:inline-block;width:7px;height:7px;background:var(--purple);border-radius:2px;margin-right:5px}.legend i.pink{background:#d98bb5}.attention-item{display:block;width:100%;text-align:left;padding:17px 21px;background:none;border:0;border-top:1px solid #f2eff5}.attention-item:hover{background:#faf7fc}.attention-item strong{display:block;font-size:12px;margin:9px 0 5px}.attention-item p{font-size:11px;color:var(--muted);line-height:1.6}.help-panel{margin-top:20px;padding:22px;background:#efe7f5;border-radius:var(--radius);position:relative;overflow:hidden}.help-panel .help-icon{display:inline-flex;padding:9px;background:#fff8;border-radius:10px;color:var(--purple);margin-bottom:14px}.help-panel h3{font-size:14px;color:var(--deep);margin-bottom:7px}.help-panel p{font-size:11px;line-height:1.8;color:#8a7498}.help-panel .btn{margin-top:15px;background:white;border-color:#e7dbee;color:var(--purple);width:100%}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}thead{background:#fcfbfd}th{font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:#a299aa;font-weight:600;padding:13px 20px;border-top:1px solid #f3f0f6;border-bottom:1px solid #f3f0f6}td{padding:15px 20px;border-bottom:1px solid #f2eff5;font-size:11px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#fcf9fe}.person-cell{display:flex;align-items:center;gap:10px;min-width:155px}.person-cell .avatar{width:30px;height:30px;font-size:9px}.person-cell strong{display:block;font-weight:650;font-size:11px}.person-cell small{font-size:9px;color:#a097a9;display:block;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:5px;padding:5px 7px;white-space:nowrap;font-weight:650;background:#f1e8f8;color:#764d91}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.analysis{background:#edf0ff;color:#6273b0}.badge.pending{background:#fff3de;color:#ac7a2d}.badge.approved,.badge.complete{background:#eaf5ee;color:#428567}.badge.rejected{background:#fcebed;color:#ba5268}.badge.waiting{background:#f9eaf4;color:#ae558c}.type-tag{font-size:10px;color:#807486}.type-tag.alteration{color:#bb638f}.table-foot{padding:14px 21px;font-size:10px;color:#9d95a6;border-top:1px solid #f2eff5;display:flex;justify-content:space-between}.filters{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.search{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 12px;color:#a294ac;flex:1;min-width:200px}.search input{background:none;border:0;width:100%;padding:12px 0;outline:none;font-size:12px;color:var(--ink)}select,input,textarea{color:var(--ink);border:1px solid #e1dbe7;border-radius:8px;background:white;padding:11px 12px;width:100%;min-width:0}select{cursor:pointer}.filters>select{width:auto;min-width:145px;font-size:11px}.empty{padding:55px 25px;text-align:center;color:var(--muted)}.empty svg{margin-bottom:15px;color:#ae93bf}.empty h3{color:var(--ink);margin-bottom:8px}.empty p{font-size:12px;line-height:1.7}.empty .btn{margin-top:18px}.back{display:inline-flex;gap:7px;align-items:center;color:var(--muted);background:none;border:0;padding:0;font-size:12px;margin-bottom:20px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:0 24px;overflow:auto}.tab{border:0;background:none;padding:16px 0;font-size:12px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}.tab.active{border-bottom-color:var(--purple);color:var(--purple);font-weight:700}.panel-body{padding:24px}.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 25px}.datum label{font-size:10px;color:var(--muted);display:block;margin-bottom:6px}.datum p{font-size:12px;word-break:break-word;line-height:1.5}.section-sep{margin:27px 0 20px;border-top:1px solid var(--line);padding-top:22px}.vehicle{display:flex;gap:12px;align-items:center;background:#faf8fc;border:1px solid #eee7f4;border-radius:10px;padding:14px;margin-top:10px}.vehicle-icon{background:#eee4f5;color:var(--purple);padding:10px;border-radius:9px}.vehicle strong{font-size:12px}.vehicle p{font-size:11px;color:var(--muted);margin-top:4px}.vehicle .plate{font-family:monospace;letter-spacing:1px;background:white;border:1px solid #e2dce8;padding:4px 7px;border-radius:4px;font-size:11px;margin-left:auto}.stack{display:grid;gap:13px}.field{display:block;font-size:11px;color:#776b80}.field>span{display:block;margin-bottom:7px;font-weight:550}.field input,.field select,.field textarea{font-size:12px}.field small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.field textarea{resize:vertical;min-height:83px}.side-panel{padding:21px}.side-panel h3{margin-bottom:19px}.side-panel .btn{width:100%;margin-top:14px}.side-note{margin-top:14px;font-size:10px;color:var(--muted);line-height:1.8}.doc-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.doc-row:last-child{border:0}.file-icon{width:39px;height:44px;background:#f1e9f7;border-radius:8px;display:flex;justify-content:center;align-items:center;color:var(--purple);flex-shrink:0}.doc-row strong{font-size:12px;display:block}.doc-row p{font-size:10px;color:var(--muted);margin-top:5px}.doc-row .btn{margin-left:auto}.timeline{position:relative}.timeline-item{position:relative;padding:0 0 25px 26px;border-left:1px solid #e7dfed;margin-left:7px}.timeline-item:before{content:'';width:8px;height:8px;border:3px solid white;box-sizing:content-box;border-radius:50%;background:#9e7cb7;position:absolute;left:-7px;top:0}.timeline-item:last-child{border:0;padding-bottom:0}.timeline-item strong{font-size:12px;display:block}.timeline-item small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.timeline-item p{font-size:12px;margin-top:9px;line-height:1.7;color:#6d6276}.note{padding:13px 0;border-bottom:1px solid var(--line)}.note p{font-size:12px;line-height:1.7}.note small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.contract-intro{padding:18px;border-radius:10px;background:#f7f2fa;margin-bottom:24px;display:flex;gap:14px;color:var(--purple)}.contract-intro p{font-size:12px;line-height:1.8;color:#887295;margin-top:5px}.contract-intro strong{font-size:13px}.error{color:#af3654;font-size:12px;padding:12px 0;line-height:1.6}.success-text{color:var(--green)}.modal-overlay{position:fixed;inset:0;background:#23112d66;backdrop-filter:blur(4px);z-index:90;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:580px;max-width:100%;background:white;border-radius:18px;box-shadow:0 25px 80px #25113040;max-height:90vh;overflow:auto}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--muted);padding:6px;border-radius:6px}.icon-btn:hover{background:#f1eaf7}.modal-body{padding:25px}.modal-body .data-grid{gap:17px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);z-index:150;background:#302039;color:white;border-radius:12px;padding:13px 20px;font-size:12px;box-shadow:0 8px 30px #20112a22;opacity:0;transition:.2s;pointer-events:none;max-width:90vw;text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}.report-filter{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:13px;margin-bottom:22px}.report-filter .field input,.report-filter .field select{font-size:11px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{padding:23px;background:white;border:1px solid var(--line);border-radius:14px}.plan-card .eyebrow{font-size:9px}.plan-card h3{margin:11px 0 15px}.plan-card .price{font-size:26px;font-weight:750;color:var(--purple);letter-spacing:-1px}.plan-card p{font-size:11px;color:var(--muted);margin:10px 0;line-height:1.7}.mobile-menu{display:none}.client-header{background:#fff;border-bottom:1px solid var(--line);padding:20px 6%;display:flex;align-items:center;justify-content:space-between;gap:15px}.client-header .brand{font-size:28px}.client-header .brand-caption{margin:0;font-size:9px}.client-links{display:flex;align-items:center;gap:20px}.client-links button{font-size:12px}.client-wrap{max-width:1130px;margin:auto;padding:40px 25px 55px}.client-hero{display:grid;grid-template-columns:1fr 320px;gap:45px;align-items:center;margin-bottom:30px}.client-hero .eyebrow{color:#b06d9c;margin-bottom:12px}.client-hero h1{font-size:35px;line-height:1.3;letter-spacing:-1.2px;max-width:540px}.client-hero h1 em{font-style:normal;color:var(--pink)}.client-hero p{font-size:13px;line-height:1.9;color:var(--muted);max-width:490px;margin-top:14px}.client-guide{border-left:1px solid #ddd2e6;padding-left:27px;display:grid;gap:18px}.guide-line{display:flex;align-items:center;gap:13px;color:#7f658f;font-size:11px}.guide-line svg{color:var(--purple)}.type-switch{display:flex;background:#eee8f4;padding:5px;border-radius:12px;width:100%;gap:6px;margin-bottom:26px}.type-switch button{border:0;background:none;border-radius:8px;color:#8d789d;padding:13px;flex:1;display:flex;gap:8px;align-items:center;justify-content:center;font-size:12px;font-weight:650}.type-switch button.active{background:white;box-shadow:0 2px 7px #4c246315;color:var(--purple)}.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.wizard-card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.stepper{display:flex;padding:23px 26px;border-bottom:1px solid var(--line);justify-content:space-between;gap:8px}.step{display:flex;align-items:center;gap:7px;font-size:10px;color:#aaa0b2}.step span{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3eff7;color:#a898b5;font-size:10px}.step.active{color:var(--purple);font-weight:700}.step.active span{background:var(--purple);color:white}.step.done{color:#8e6ba4}.step.done span{background:#eee3f5;color:var(--purple)}.wizard-body{padding:27px}.wizard-body>h2{font-size:20px;margin-bottom:8px}.wizard-body>.muted{font-size:12px;line-height:1.7;margin-bottom:22px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{position:relative;padding:15px;text-align:left;background:white;border:1px solid #e6dfec;border-radius:10px;display:flex;align-items:center;gap:10px;color:#796b84;min-height:65px}.choice.selected{border-color:#8253a3;background:#f8f4fb;color:var(--purple);box-shadow:0 0 0 1px #8253a3}.choice strong{display:block;font-size:12px;font-weight:650}.choice small{display:block;font-size:9px;color:#9d8ca9;margin-top:5px}.choice .radio{width:15px;height:15px;border:1px solid #d5c7e0;border-radius:50%;margin-left:auto;flex-shrink:0}.choice.selected .radio{border:4px solid var(--purple);background:#fff}.wizard-footer{display:flex;justify-content:space-between;align-items:center;padding:19px 27px;border-top:1px solid var(--line);gap:10px;background:#fefcff}.wizard-summary{padding:23px;background:#efe7f5;border-radius:15px}.wizard-summary .eyebrow{color:#9b7dac}.wizard-summary h3{margin:12px 0 17px;font-size:15px;color:var(--purple)}.summary-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8b749c;margin-top:13px}.summary-row strong{color:#65437f;text-align:right;font-weight:600}.wizard-summary .summary-note{font-size:11px;line-height:1.8;color:#8b749c;border-top:1px solid #ded0e8;margin-top:19px;padding-top:17px}.client-assistance{padding:24px 5px;display:flex;gap:10px;color:#a190ac;font-size:11px;line-height:1.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .wide{grid-column:1/-1}.vehicle-form{padding:18px;border:1px solid var(--line);border-radius:12px;margin:14px 0;background:#fcfafd}.vehicle-form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.checkbox{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#7e6f88;line-height:1.7}.checkbox input{width:16px;height:16px;accent-color:var(--purple);flex-shrink:0}.upload{margin-top:13px;padding:18px;border:1px dashed #cdbada;border-radius:11px;background:#fdfbfe;display:flex;align-items:center;gap:13px}.upload .upload-info{flex:1;min-width:0}.upload strong{font-size:12px;display:block}.upload small{display:block;font-size:10px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.upload label.btn{position:relative;overflow:hidden;cursor:pointer}.upload input[type=file]{position:absolute;opacity:0;inset:0;cursor:pointer;width:100%;height:100%;padding:0}.upload.complete{border-style:solid;border-color:#c8dfd0;background:#fbfefb}.review-block{margin:19px 0;padding-bottom:19px;border-bottom:1px solid var(--line)}.review-block h3{margin-bottom:14px}.confirm-screen{text-align:center;padding:38px 30px}.confirm-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#e8f4ed;border-radius:50%;color:#4d936d;margin-bottom:24px}.confirm-screen p{font-size:13px;color:var(--muted);line-height:1.9;max-width:460px;margin:14px auto 22px}.protocol{background:#f4eef8;padding:15px;border-radius:11px;color:var(--purple);font-size:17px;letter-spacing:1px;font-weight:750;margin-bottom:26px}.client-footer{text-align:center;color:#a095a8;font-size:10px;margin:35px 0 0;line-height:1.9}.request-card{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.request-card h3{margin:9px 0;font-size:16px}.request-card p{font-size:11px;color:var(--muted);margin-top:7px}.resubmit{margin-top:20px;background:#fff8e9;border:1px solid #efdfba;border-radius:12px;padding:20px}.resubmit p{font-size:12px;line-height:1.8;margin:10px 0 16px}.notice{font-size:11px;line-height:1.8;color:#947d9f;background:#f6f1f9;padding:13px 16px;border-radius:9px;margin:15px 0}.help-list{display:grid;gap:20px}.help-list h3{margin-bottom:6px}.help-list p{font-size:12px;color:var(--muted);line-height:1.8}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.all-width{width:100%}.report-summary{margin-bottom:22px}.profile-option{display:flex;gap:13px;align-items:center;padding:13px;width:100%;background:white;border:1px solid var(--line);border-radius:9px;text-align:left;margin-top:9px}.profile-option:hover{background:#f5eff9}.profile-option strong{font-size:12px;display:block}.profile-option small{font-size:10px;color:var(--muted)}.greeting-mark{color:var(--pink)}
@media(min-width:1500px){.content{padding-top:38px}.metric{padding:22px}.chart-area{height:200px}.chart-grid{height:150px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}td{padding-top:18px;padding-bottom:18px}}
@media(max-width:1150px){.shell{grid-template-columns:205px 1fr}.sidebar{padding:25px 13px}.content{padding:26px 24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 250px}.metric{padding:16px}.metric-label{font-size:10px}.detail-grid{grid-template-columns:minmax(0,1fr) 250px}.plans-grid{grid-template-columns:repeat(2,1fr)}td,th{padding-left:15px;padding-right:15px}.today{display:none}.dashboard-grid .table-scroll th:nth-child(3),.dashboard-grid .table-scroll td:nth-child(3){display:none}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.help-panel{margin:0}.metrics{gap:10px}.metric-label{font-size:10px}.metric-icon{display:none}.detail-grid{grid-template-columns:1fr}.detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.detail-aside .panel{margin-top:0!important}.wizard-layout{grid-template-columns:1fr}.wizard-aside{display:none}.client-hero{grid-template-columns:1fr 240px;gap:20px}.client-hero h1{font-size:29px}.client-guide{padding-left:20px}.topbar{height:70px}.report-filter{grid-template-columns:1fr 1fr}.title-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:700px){.demo-banner{height:auto;min-height:33px;padding:7px 12px;font-size:9px;text-align:center}.demo-banner .extra{display:none}.shell{display:block}.sidebar{display:none;position:fixed;z-index:80;top:33px;bottom:0;width:240px;height:auto;box-shadow:20px 0 80px #251b3133}.shell.menu-open .sidebar{display:flex}.mobile-menu{display:inline-flex}.topbar{padding:0 18px;height:66px}.breadcrumb{font-size:9px;gap:6px}.breadcrumb .root-crumb{display:none}.top-actions{gap:7px}.top-actions .btn{font-size:10px;padding:8px 10px}.content{padding:24px 17px}.page-title{align-items:flex-start;gap:13px;margin-bottom:22px}.page-title h1{font-size:25px}.page-title p{font-size:11px}.page-title .title-actions{max-width:145px;gap:7px}.page-title .title-actions .btn{font-size:10px;padding:9px 11px}.metrics{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.metric{padding:15px 17px;border-radius:13px}.metric-value{font-size:30px}.metric-label{font-size:11px}.metric-foot{font-size:9px}.metric-icon{display:flex;width:24px;height:24px}.dashboard-aside{display:block}.dashboard-aside .help-panel{margin-top:17px}.panel-head{padding:19px}.panel-head h2{font-size:16px}.chart-area{padding:5px 18px 19px;height:172px}.chart-grid{height:127px;gap:5px}.bar-stack{width:25px}.legend{font-size:9px;gap:9px}.table-scroll table{min-width:550px}.dashboard-grid .table-scroll table{min-width:460px}.dashboard-grid .table-scroll th:nth-child(4),.dashboard-grid .table-scroll td:nth-child(4){display:none}.table-foot{font-size:9px}.filters{gap:8px}.filters .search{flex-basis:100%;min-width:0}.filters>select{flex:1;min-width:120px}.detail-aside{grid-template-columns:1fr}.panel-body{padding:20px}.data-grid{gap:19px 17px}.tabs{padding:0 18px;gap:22px}.client-header{padding:18px}.client-header .brand{font-size:25px}.client-header .brand-caption{display:none}.client-links{gap:4px}.client-links button{font-size:10px}.client-links .btn{padding:8px}.client-wrap{padding:27px 16px 35px}.client-hero{display:block;margin-bottom:24px}.client-hero h1{font-size:29px}.client-hero p{font-size:12px}.client-guide{display:none}.type-switch{margin-bottom:17px}.wizard-body{padding:22px 18px}.wizard-footer{padding:17px 18px}.stepper{padding:18px 16px;gap:5px}.step{font-size:9px;gap:4px}.step span{width:20px;height:20px;font-size:9px}.choice-grid{gap:9px}.choice{padding:12px;gap:7px;min-height:70px}.choice svg{display:none}.choice strong{font-size:11px}.choice .radio{width:13px;height:13px}.form-grid{gap:14px}.field input,.field select{padding:11px 10px}.upload{padding:14px 12px;gap:9px}.upload>.file-icon{display:none}.upload .btn{font-size:10px;padding:8px}.upload strong{font-size:11px}.upload small{font-size:9px}.vehicle-form{padding:14px}.plans-grid{grid-template-columns:1fr}.report-filter{gap:10px}.report-filter .field{font-size:10px}.title-actions .period-control{font-size:10px;padding:7px}.title-actions .period-control svg{display:none}.title-actions .period-control select{font-size:10px}.modal-overlay{padding:12px}.modal-head,.modal-body{padding:20px}.request-card{padding:18px}.request-card .btn{font-size:10px;padding:8px}.vehicle .plate{font-size:10px}.doc-row{gap:9px}.doc-row .file-icon{width:31px;height:36px}.doc-row strong{font-size:11px}.doc-row .btn{font-size:10px;padding:7px}.confirm-screen{padding:30px 21px}.client-detail .page-title{display:block}.client-detail .page-title .title-actions{margin-top:13px;max-width:none;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.type-switch .small{display:none}.choice strong{font-size:12px}.choice small{font-size:10px}}
.board-summary{display:flex;gap:30px;align-items:center;padding:20px 23px;background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:22px;flex-wrap:wrap}.board-summary>div{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--muted)}.board-summary .btn{margin-left:auto}.board-summary-number{font-family:Manrope,sans-serif;font-size:29px;font-weight:800;color:var(--purple)}.pink-text{color:var(--pink)}.kanban-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:12px}.kanban-board{display:grid;grid-template-columns:repeat(7,248px);gap:16px;align-items:start;min-height:500px}.kanban-column{background:#eeebf2;border-radius:14px;padding:12px;min-height:430px}.kanban-column>header{display:flex;gap:8px;align-items:center;min-height:34px;margin:0 2px 15px}.kanban-column>header h2{font-size:12px;letter-spacing:0;font-weight:700}.column-dot{width:7px;height:7px;border-radius:50%;background:#8b64ac;flex-shrink:0}.column-dot.c1{background:#7b88bc}.column-dot.c2{background:#cf9f50}.column-dot.c3,.column-dot.c5{background:#70a287}.column-dot.c4{background:#bf7187}.column-dot.c6{background:#c36c9f}.column-count{margin-left:auto;padding:4px 7px;background:#fff9;border-radius:5px;color:#8c7c98;font-size:10px}.kanban-cards{display:grid;gap:12px}.kanban-card{display:block;width:100%;text-align:left;background:white;border:1px solid #e4dce9;border-radius:11px;padding:16px;color:var(--ink);box-shadow:0 2px 4px #3c1d5205;transition:.15s}.kanban-card:hover{border-color:#ba9dcf;transform:translateY(-2px);box-shadow:0 7px 14px #3c1d520b}.kanban-card-top{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:9px;color:#a195aa;margin-bottom:15px}.kanban-card-top .type-tag{font-size:9px}.kanban-card h3{font-size:13px;margin-bottom:6px}.kanban-card>p{font-size:11px;color:var(--muted);line-height:1.6}.kanban-docs{display:flex;gap:7px;align-items:center;margin-top:18px;font-size:10px;color:#897293}.kanban-pending{background:#fff6e6;color:#ad7b32;border-radius:5px;padding:6px 8px;font-size:9px;margin-top:10px}.kanban-card-bottom{display:flex;align-items:center;gap:7px;border-top:1px solid #f1edf5;padding-top:13px;margin-top:15px;font-size:10px;color:#897c93}.kanban-card-bottom .avatar{width:25px;height:25px;font-size:9px}.card-age{margin-left:auto;display:flex;gap:4px;align-items:center;color:#9d90a7;font-size:9px}.card-age.overdue{background:#fdf0e4;color:#b77a35;padding:4px 6px;border-radius:5px}.kanban-empty{padding:30px 10px;text-align:center;color:#b1a4bc;font-size:11px;line-height:1.8}.board-foot{margin-top:13px;line-height:1.8}.review-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.review-heading p{font-size:11px;margin-top:7px;line-height:1.8}.review-document{border:1px solid var(--line);border-radius:11px;padding:0 17px 17px;margin-bottom:14px}.review-document .doc-row{border:0}.review-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.review-status{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;font-size:10px;background:#f3eef7;color:#90769e;border-radius:5px}.review-status.ok{background:#ebf5ee;color:#4f8c69}.review-status.issue{background:#fff3e3;color:#a97d3b}.review-reason{font-size:11px;color:#957b58;background:#fdf8ee;padding:10px 12px;border-radius:7px;margin-top:10px;line-height:1.8}.review-actions{margin-top:13px}.compare-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.comparison-modal{width:1100px}.compare-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:start}.compare-preview{height:59vh;background:#f6f4f8;border:1px solid var(--line);border-radius:10px;overflow:hidden}.compare-preview iframe{width:100%;height:100%;border:0}.compare-preview img{width:100%;height:100%;object-fit:contain}.compare-data{max-height:59vh;overflow:auto;padding-right:10px}.compare-data h3{margin-bottom:21px}.compare-data .stack{gap:17px}.change-list{display:grid;gap:8px;margin-top:14px}.change-entry{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#faf7fc;border:1px solid #efe7f4;border-radius:7px;font-size:11px}.change-entry>strong{font-size:10px;flex-basis:100%;color:#8b749a}.old-value{color:#a08b98;text-decoration:line-through;overflow-wrap:anywhere}.new-value{color:#5f7e68;font-weight:600;overflow-wrap:anywhere}.signature-version{border:1px solid var(--line);border-radius:11px;padding:18px;margin-bottom:15px}.version-heading{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:16px;flex-wrap:wrap}.version-heading h3{font-size:13px}.version-heading p{font-size:10px;margin-top:5px;color:var(--muted)}.signature-progress{height:5px;border-radius:5px;background:#eee8f4;overflow:hidden;margin-bottom:9px}.signature-progress i{display:block;height:100%;border-radius:5px;background:#82639a}.signature-people{display:grid;gap:10px}.signer{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.signer input{width:16px;height:16px;accent-color:var(--purple)}.signer strong{display:block;font-size:12px;font-weight:600}.signer small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.message-templates{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}#whatsapp-message{font-size:12px;line-height:1.8;resize:vertical}.performance-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-bottom:24px;align-items:start}.reason-row{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line)}.reason-row:first-child{padding-top:0}.reason-row:last-child{border:0;padding-bottom:0}.reason-row strong{color:var(--purple);background:#f1e9f7;padding:3px 8px;border-radius:5px}.period-presets{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
@media(max-width:900px){.performance-grid{grid-template-columns:1fr}.board-summary{gap:15px 25px}.review-heading{align-items:start}.compare-grid{grid-template-columns:1fr}.compare-preview{height:43vh}.compare-data{max-height:none}.comparison-modal{width:700px}}
@media(max-width:700px){.board-summary{padding:16px;gap:15px}.board-summary>div{font-size:10px}.board-summary-number{font-size:24px}.board-summary .btn{margin-left:0}.kanban-board{grid-template-columns:repeat(7,260px);gap:13px}.review-heading{display:block}.review-heading .btn{margin-top:12px}.review-document{padding:0 13px 14px}.signature-version{padding:15px}.version-heading .review-status{font-size:9px}.signer{gap:9px;padding:12px 9px}.signer .avatar{display:none}.signer strong{font-size:11px}.change-entry{font-size:10px}.comparison-modal .modal-body{padding:15px}.compare-preview{height:38vh}.compare-data{padding:0}.comparison-modal .modal-foot{flex-wrap:wrap}}
.pdf-canvas-viewer{height:55vh;overflow:auto;background:#e7e3eb;padding:12px;border-radius:8px;text-align:center}.compare-preview .pdf-canvas-viewer{height:100%;border-radius:0}.pdf-canvas-viewer canvas{width:100%;height:auto;display:block;margin:0 auto 12px;background:white;box-shadow:0 2px 6px #30203918}.pdf-loading{padding:30px 15px;color:var(--muted);font-size:12px;line-height:1.8}
/* Shared environment: authenticated entry and account administration. */
.auth-layout{min-height:calc(100vh - 34px);display:grid;grid-template-columns:1fr 1fr;background:#faf8fc}.auth-story{padding:clamp(36px,6vw,100px);background:linear-gradient(145deg,#341a50,#60327d);color:white;display:flex;flex-direction:column;justify-content:center}.auth-story .brand,.auth-story .brand-caption{color:white}.auth-story>.eyebrow{color:#e4c8ef;margin-top:72px}.auth-story h1{font-size:clamp(36px,4vw,60px);line-height:1.12;margin:20px 0}.auth-story>p{max-width:420px;color:#e6d8ed;font-size:17px;line-height:1.8}.auth-benefits{display:grid;gap:21px;margin:38px 0 52px;font-size:14px}.auth-benefits>div{display:flex;align-items:center;gap:13px}.auth-story>small{color:#d4bcdf}.auth-panel{display:flex;align-items:center;justify-content:center;padding:36px}.auth-card{width:100%;max-width:420px}.auth-card h2{font-size:30px;margin:16px 0 12px}.auth-card>.muted{line-height:1.7;margin-bottom:28px}.auth-card .stack{gap:19px}.auth-card .btn.primary{width:100%;justify-content:center;margin-top:8px}.auth-options{display:flex;justify-content:space-between;gap:8px;margin:15px 0 20px}.auth-foot{border-top:1px solid #e6e0ec;padding-top:20px;line-height:1.8}.is-saving{cursor:progress}.is-saving button{pointer-events:none;opacity:.65}.auth-card .form-error:empty{display:none}@media(max-width:760px){.auth-layout{display:flex;flex-direction:column}.auth-story{padding:28px}.auth-story>.eyebrow{margin-top:25px}.auth-story h1{font-size:34px}.auth-story>p,.auth-benefits,.auth-story>small{display:none}.auth-panel{padding:32px 24px 48px}}

.auth-demo-link{display:grid;gap:10px;margin:24px 0;text-align:center}.auth-demo-link .btn{justify-content:center}.auth-demo-link small{font-size:12px}
