:root{--nav:#101d35;--nav2:#162747;--blue:#2463eb;--ink:#17243b;--muted:#718096;--line:#e3e9f2;--bg:#f4f7fb;--green:#0d9471}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d6dfed;border-radius:9px;padding:10px 16px;background:white;color:var(--ink);cursor:pointer;font-weight:600;white-space:nowrap}button:hover,.button:hover{border-color:#86a8ef;background:#f5f8ff}button:disabled{opacity:.5;cursor:wait}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);border:1px solid var(--blue);color:white;padding:11px 18px;border-radius:9px;font-weight:600;cursor:pointer}.primary:hover{background:#1749bf;color:white}.large{padding:14px 24px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin-bottom:9px}h2{font-size:19px;letter-spacing:-.3px;margin-bottom:12px}h3{font-size:15px}p{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--blue);margin-bottom:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--nav);color:white;display:flex;flex-direction:column;z-index:30;padding:28px 16px 18px;overflow:auto}.brand{display:flex;align-items:center;gap:12px;color:white;font-weight:800;font-size:22px;padding:0 12px 28px;letter-spacing:.8px}.brand small{display:block;font-size:8px;letter-spacing:1.4px;color:#97aac9;margin-top:2px}.logo{font-weight:900;font-size:33px;line-height:1;width:42px;height:42px;position:relative;color:white}.logo span{color:#4484ff;font-size:15px;position:absolute;right:3px;bottom:1px}.sidebar nav{flex:1;display:flex;flex-direction:column;gap:3px}.sidebar nav a{padding:9px 13px;display:flex;align-items:center;gap:13px;border-radius:8px;color:#b7c4dc;font-size:12px;font-weight:500}.sidebar nav a span{font-size:18px;line-height:1;width:19px;text-align:center;color:#94a8ca}.sidebar nav a:hover{background:#1b2d4d;color:white}.sidebar nav a.active{background:var(--blue);color:white;box-shadow:0 5px 16px #07162e40}.sidebar nav a.active span{color:white}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #293851;padding:18px 8px 4px;margin-top:20px}.profile strong{font-size:11px}.profile small{display:block;color:#8fa3c3;font-size:10px}.avatar{border-radius:12px;background:#293d61;padding:9px 12px;font-size:16px}.logout{background:transparent;border:0;color:#a4b7d4;font-size:11px;margin-left:46px;padding:4px}.main{margin-left:250px;min-height:100vh;display:flex;flex-direction:column}.content{max-width:1540px;width:100%;margin:auto;padding:38px 40px;flex:1}.topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.topline p:last-child{margin-bottom:0;font-size:13px}.inline,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:24px;margin-bottom:24px;box-shadow:0 3px 10px #18335b03}.banner{background:#eaf1ff;border:1px solid #d8e5ff;border-radius:13px;padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.banner strong{font-size:16px}.banner p{color:#5a75a2;font-size:12px;margin:5px 0 0}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.kpi{background:white;border:1px solid var(--line);border-radius:13px;padding:21px 20px;border-top:3px solid var(--blue)}.kpi:nth-child(2n){border-top-color:#13a582}.kpi:nth-child(3n){border-top-color:#ee9950}.kpi>span{font-size:11px;color:#63718a;font-weight:600}.kpi strong{display:block;font-size:27px;letter-spacing:-.9px;margin:13px 0 9px}.kpi strong small{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:0}.kpi p{font-size:10px;margin:0}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:25px}.flow a{border:1px solid var(--line);border-radius:10px;padding:15px 12px;font-size:12px;color:var(--ink)}.flow span{display:block;color:var(--blue);font-size:11px;margin-bottom:13px}.flow strong{display:inline-block;margin-right:6px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#7c899e;text-transform:uppercase;font-size:9px;letter-spacing:.8px;font-weight:700;background:#f8fafd;padding:14px 12px;border-bottom:1px solid var(--line)}td{border-bottom:1px solid #edf1f7;padding:15px 12px;vertical-align:top}tr:last-child td{border-bottom:0}td .button{font-size:10px;padding:6px 10px}.empty{text-align:center;color:var(--muted);padding:50px 20px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:22px}.toolbar input{max-width:380px}.toolbar select{width:auto;min-width:180px}input,select,textarea{display:block;width:100%;border:1px solid #d8e1ef;border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;min-height:42px}input:focus,select:focus,textarea:focus{outline:2px solid #b9ceff;outline-offset:1px;border-color:#4e82ed}input[readonly]{background:#f4f7fb;color:#76849b}textarea{min-height:95px;resize:vertical}input[type=checkbox]{width:17px;height:17px;min-height:0;display:inline-block}label{display:block;font-size:11px;font-weight:600;color:#62718c;margin-bottom:16px}label input,label select,label textarea{margin-top:7px;font-size:12px;font-weight:400}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.form-actions{grid-column:1/-1;display:flex;gap:10px;margin-top:20px}form .primary{margin-top:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-col>.panel{margin-bottom:0}.two-col{margin-bottom:24px}.badge{display:inline-block;font-size:10px;color:#2463c3;background:#eaf1ff;padding:5px 9px;border-radius:6px}.badge.warn{background:#fff2dd;color:#aa711b}.notice{background:#eaf1ff;color:#3e5e9b;border:1px solid #cfddf9;border-radius:10px;padding:16px 20px;font-size:12px;margin-bottom:24px}.notice.success{background:#e8f8f1;border-color:#c7ebdc;color:#267558}.notice.error{background:#fff0ed;border-color:#f6d0c9;color:#a2483a}.notice ul{margin-bottom:0}.pagination{display:flex;justify-content:space-between;padding-top:20px;font-size:11px}.pagination span{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{color:var(--ink)}.card h2{margin-top:14px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.chips>span{background:#f4f7fc;padding:10px 14px;border-radius:8px;font-size:12px}.chips small{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.task{border:1px solid var(--line);border-radius:10px;padding:17px}.task small{display:block;font-size:9px;margin-bottom:10px;color:var(--muted)}details{margin:15px 0}summary{cursor:pointer;font-size:12px;color:var(--blue);font-weight:600;padding:8px 0}.compact{min-width:240px;padding:10px;background:#f9fbff}.compact label{margin-bottom:8px}.doc-header{display:flex;justify-content:space-between;border-bottom:3px solid var(--blue);padding-bottom:20px}.doc-header h2{color:#173765;font-size:23px}.doc-customer{padding:24px 0}.doc-customer small{font-size:9px;color:var(--muted);letter-spacing:1px}.doc-customer h3{margin:8px 0}.spec{font-size:10px;margin:5px 0}.totals{max-width:330px;margin:25px 0 25px auto}.totals p{display:flex;justify-content:space-between;gap:18px;font-size:12px}.totals strong{color:var(--ink)}.totals .grand{background:#eaf1ff;padding:14px;border-radius:8px;color:var(--blue);font-size:15px}.signature{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}.prewrap{white-space:pre-wrap}.muted{font-size:11px;color:var(--muted)}.small{font-size:9px}.check{display:flex;align-items:center;gap:10px}.app-footer{display:flex;justify-content:space-between;padding:16px 40px;border-top:1px solid var(--line);font-size:9px;color:#91a0b7}.mobile{display:none}.quote-line{border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:20px;background:#fbfcff}.quote-line-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.quote-line-header button{font-size:10px;padding:5px 10px}.price-block{border-top:1px solid var(--line);margin-top:10px;padding-top:16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.surface{background:#edf3ff;padding:12px;border-radius:8px}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.login-intro{background:var(--nav);padding:70px;color:white;display:flex;flex-direction:column;justify-content:center}.login-intro .brand{padding:0;margin-bottom:90px}.login-intro .eyebrow{color:#76a3ff;margin-top:20px}.login-intro h1{font-size:56px;letter-spacing:-2px}.login-intro p{color:#9bacc7}.login-form{padding:70px;max-width:560px;align-self:center;width:100%;justify-self:center}.login-form h2{font-size:28px}.login-form>p{margin-bottom:35px}.login-form .primary{width:100%;margin-top:12px}.login-form>small{display:block;margin-top:30px;color:#93a0b5;font-size:10px}@media(max-width:1200px){.sidebar{width:220px}.main{margin-left:220px}.content{padding:30px 24px}.kpis{grid-template-columns:repeat(3,1fr)}.flow{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #0b183c80}.main{margin-left:0}.mobile{display:flex;align-items:center;gap:18px;padding:14px 20px;border-bottom:1px solid var(--line);background:white}.mobile button{border:0;padding:4px}.two-col{grid-template-columns:1fr}.task-grid{grid-template-columns:1fr}.login-intro{padding:35px}.login-intro h1{font-size:38px}.login-form{padding:35px}}@media(max-width:600px){.content{padding:25px 15px}.topline{align-items:flex-start;flex-direction:column}h1{font-size:27px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:15px}.kpi strong{font-size:22px}.panel{padding:17px}.form-grid,.price-block{grid-template-columns:1fr}.banner{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}table{display:block;overflow:auto}.login-page{display:block}.login-intro{display:none}.login-form{padding:65px 25px}.app-footer span{display:none}.flow{grid-template-columns:repeat(2,1fr)}}@media print{.sidebar,.mobile,.topline,.app-footer,.no-print,.notice.success{display:none!important}.main{margin:0}.content{padding:0}.panel{border:0;box-shadow:none}.document-paper{padding:0}body{background:white}}