:root{--navy:#061e39;--navy2:#103b66;--cyan:#08a6e4;--cyan2:#0075bb;--ink:#102b45;--muted:#71869b;--line:#e1eaf1;--bg:#f1f6fa;--white:#fff;--shadow:0 13px 45px rgba(16,55,89,.075);--radius:19px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.6}a{color:var(--cyan2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(23px,2.7vw,34px);letter-spacing:-.045em;line-height:1.25}h2{font-size:19px;letter-spacing:-.02em}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.overline{letter-spacing:2px;font-weight:800;font-size:11px}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(158deg,#061c36 0%,#0b3259 58%,#061d35 100%);color:#c5ddec;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{text-align:center;padding:0 14px 24px;border-bottom:1px solid #ffffff1c;margin-bottom:25px}.sidebar-brand .logo{width:125px;height:95px;object-fit:contain;background:#fff;border-radius:13px}.sidebar-brand>span{display:block;font-size:17px;color:#fff;letter-spacing:3px;font-weight:900}.sidebar-brand>span b{color:#29bdec}.site-label{color:#799ab4;font-size:10px;letter-spacing:1.6px;font-weight:900;margin:0 10px 9px}.site-indicator{background:#ffffff10;border:1px solid #ffffff20;border-radius:15px;padding:13px;display:flex;gap:11px;align-items:center;margin-bottom:21px}.site-indicator strong{display:block;color:#fff;font-size:13px;line-height:1.3}.site-indicator small{display:block;color:#86b5cc;font-size:11px}.site-dot{height:12px;width:12px;border-radius:50%;background:#2bd5a5;box-shadow:0 0 0 5px #2bd5a517;flex-shrink:0}.navigation{display:grid;gap:5px}.navigation a{padding:12px 15px;border-radius:12px;color:#bed2e4;display:flex;align-items:center;gap:12px;font-weight:600;transition:background .2s}.navigation a span{font-size:19px;width:23px;text-align:center}.navigation a.active,.navigation a:hover{background:linear-gradient(95deg,#098bd4,#1468a1);color:#fff;text-decoration:none}.sidebar-bottom{margin-top:auto}.sidebar-promo{padding:20px 15px;border:1px solid #ffffff21;background:linear-gradient(145deg,#1d6e9d,#153357);border-radius:16px;margin:16px 0}.sidebar-promo strong{color:#fff}.sidebar-promo p{font-size:12px;color:#add2ec;margin:5px 0 0}.logout{border:0;background:none;color:#c7dcf0;padding:13px;cursor:pointer;font:inherit;text-align:left;width:100%}.logout:hover{color:#fff}.main-panel{min-width:0;display:flex;flex-direction:column}.topbar{height:75px;background:#ffffffdd;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.crumb{color:var(--muted);font-size:12px;letter-spacing:.035em}.crumb strong{color:var(--navy2)}.userchip{display:flex;align-items:center;gap:9px;font-weight:700}.avatar{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(140deg,#0a9ad5,#0b3867);border-radius:11px;color:white}.content{padding:32px max(24px,3vw);max-width:1650px;width:100%;margin:0 auto;flex:1}.app-footer{padding:25px;text-align:center;color:#97a8b6;font-size:12px}.pagehead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.pagehead h1{margin-bottom:6px}.pagehead p{color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:25px 0}.metric{padding:22px;background:linear-gradient(142deg,#fff 67%,#eaf7ff);border:1px solid #dfebf5;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.metric-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e9f6fd;color:#087dbb;font-size:24px;margin-bottom:16px}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{display:block;color:var(--navy);font-size:clamp(21px,2.4vw,30px);font-weight:800;letter-spacing:-.05em;margin:1px 0}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:23px;margin-bottom:20px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:19px}.panel-title h2{margin:0}.simple-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #eef3f7;padding:13px 0}.simple-row:last-child{border:0}.simple-row b{display:block}.simple-row small{display:block;color:var(--muted);font-size:12px}.pill{font-size:11px;font-weight:800;padding:6px 10px;border-radius:100px;display:inline-block;white-space:nowrap}.pill.blue{color:#0866aa;background:#e6f5ff}.pill.green{color:#087d59;background:#dff8ed}.pill.red{color:#b72e3f;background:#ffe8e9}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-grid a{border:1px solid #e7eef3;background:linear-gradient(135deg,#f8fbfe,#eff7fc);padding:17px;border-radius:14px;text-decoration:none;color:var(--navy)}.quick-grid span{display:block;color:var(--cyan2);font-size:24px}.quick-grid b,.quick-grid small{display:block}.quick-grid small{font-size:12px;color:var(--muted)}label{display:block;font-size:12px;color:#445d72;font-weight:700;margin-bottom:14px}input,select,textarea{display:block;width:100%;padding:12px 13px;border:1px solid #cfdee9;border-radius:10px;background:#f9fcff;color:var(--navy);font:inherit;font-size:14px;outline:none;margin-top:6px;min-width:0}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #09a7e41d;background:#fff}textarea{resize:vertical;min-height:80px}.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750;font-family:inherit;font-size:13px;color:var(--navy2);padding:11px 16px;border-radius:10px;background:#fff;border:1px solid #c7dfec;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 5px 15px #07518d20}.btn.primary{color:#fff;border-color:#008bcb;background:linear-gradient(115deg,#08a6e4,#0067b1);box-shadow:0 5px 13px #0685c92a}.btn.tiny{font-size:12px;padding:7px 10px}.btn.full{width:100%}.inline{display:inline}.alert{padding:14px 18px;border-radius:12px;margin-bottom:19px;font-size:13px;font-weight:650}.alert.bad{color:#9c2b3b;background:#fff0f1;border:1px solid #ffced4}.alert.ok,.alert.credentials{color:#0b6b51;background:#e8faf2;border:1px solid #bcebd8}.credentials code{font-size:16px;background:#fff;border-radius:5px;padding:4px}.empty{padding:45px 12px;text-align:center;color:var(--muted)}.action-strip,.print-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.scroll-table{overflow:auto}.scroll-table table{width:100%;border-collapse:collapse;min-width:670px}.scroll-table th{text-align:left;color:#899db0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#f5f9fc;padding:12px}.scroll-table td{padding:14px 12px;border-bottom:1px solid #eaf0f5;vertical-align:middle}.scroll-table tr:hover td{background:#fbfdff}.scroll-table td small{display:block;font-size:11px;color:var(--muted)}.order-card{padding:18px 0;border-bottom:1px solid #e7eff5}.order-card:last-child{border:0}.order-head{display:flex;justify-content:space-between;gap:16px}.order-head h3{margin:3px 0 6px}.order-card p{max-width:780px}.order-controls{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-top:14px;background:#f6fafc;padding:12px;border-radius:13px}.order-controls label{margin:0;flex:1;min-width:150px}.order-controls button{height:41px}.staffnote{background:#f4f9fd;padding:12px;border-left:3px solid var(--cyan)}.invoice-editor h2{padding:9px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.position-head,.position-row{display:grid;grid-template-columns:minmax(160px,4fr) minmax(70px,.8fr) minmax(72px,.8fr) minmax(90px,1fr) 32px;gap:8px;align-items:center}.position-head{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;margin-bottom:3px}.position-row{margin-bottom:9px}.position-row input{margin:0}.remove-row{border:0;border-radius:9px;color:#9b4b57;background:#fff0f2;padding:10px 0;cursor:pointer;font-size:18px}.wide{margin-top:18px}.editor-footer{margin-top:23px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:19px}.editor-footer p{margin:0;max-width:450px;color:var(--muted);font-size:12px}.align-bottom{align-self:end;margin-bottom:14px}.payment-form{margin-top:15px}.below-invoice{margin-top:25px}.narrow{max-width:580px}.switch-row{display:flex;gap:15px;align-items:center}.switch-row select{max-width:350px;margin:0}.notice{background:#eef9ff}.login-bg{min-height:100vh;background:radial-gradient(ellipse at 15% 10%,#1475b2 0,transparent 44%),linear-gradient(135deg,#05172e,#08365c 55%,#09679a);display:grid;place-items:center;padding:28px}.login-wrap{max-width:1090px;width:100%;display:grid;grid-template-columns:1fr 435px;gap:55px;align-items:center}.login-hero{color:#fff}.login-hero .overline{color:#8bdcf7}.login-hero .logo{display:block;width:min(270px,90%);height:195px;object-fit:contain;background:#fff;border-radius:19px;margin:19px 0 22px}.login-hero h1{color:white;font-size:clamp(34px,4.5vw,62px);line-height:1.12}.login-hero h1 em{font-style:normal;color:#69d4fb}.login-hero p{max-width:430px;color:#b3d3e7;font-size:16px}.login-points{color:#99cee6;font-size:12px;font-weight:700;margin-top:30px}.login-card{background:#fff;padding:33px;border:1px solid #ffffff40;border-radius:24px;box-shadow:0 30px 95px #03122565}.login-card h2{font-size:27px;line-height:1.25;margin:0 0 6px}.login-card p,.login-card small{color:#7a8d9f}.login-card .btn{margin:10px 0 23px}.login-card small{display:block;text-align:center;font-size:11px}.setup{background:linear-gradient(135deg,#061e39,#14619b);padding:40px 15px}.setup-card{max-width:800px;margin:0 auto;background:#fff;border-radius:24px;padding:35px;box-shadow:0 25px 60px #061d3b55}.setup-card .logo{display:block;width:240px;height:155px;object-fit:contain;margin:auto}.setup-card h1{text-align:center}.setup-card h3{margin-top:25px;color:var(--navy2);border-top:1px solid var(--line);padding-top:20px}.setup-card>.btn{display:block;margin:20px auto}.invoice-paper{--paper:#08294a;width:100%;max-width:890px;margin:0 auto 30px;background:#fff;color:#1b3650;box-shadow:0 15px 65px #061e3922;position:relative;overflow:hidden;border-radius:6px;font-size:13px}.invoice-topline{height:12px;background:linear-gradient(90deg,#042847,#0562a6,#17b7ef,#bdcdd7)}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px 47px 27px}.invoice-brand img{display:block;width:230px;height:160px;object-fit:contain;object-position:left}.invoice-tag{letter-spacing:1.2px;font-size:9px;font-weight:800;color:#8ea1b2;margin-top:-8px}.sender{text-align:right;font-size:11px;line-height:1.7;color:#49667e}.sender strong{font-size:13px;color:#082f50}.invoice-lead{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:32px 47px 26px;min-height:210px}.eyebrow{font-size:10px;color:#007fbb;font-weight:800;letter-spacing:1.6px;margin-bottom:9px}.buyer{line-height:1.8;font-size:13px;color:#263e53}.buyer strong{font-size:15px;color:#092745}.invoice-number-card{background:linear-gradient(120deg,#eef8fc,#f6fafc);border:1px solid #dfecf4;border-radius:13px;padding:19px 22px;min-width:0}.invoice-number-card>strong{font-size:20px;letter-spacing:-.025em;color:#092b4b;overflow-wrap:anywhere}.invoice-number-card dl{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;font-size:11px;margin:13px 0 0}.invoice-number-card dt{color:#658398}.invoice-number-card dd{margin:0;text-align:right;font-weight:750;color:#123b5c}.invoice-intro{padding:0 47px 22px;font-size:12px;color:#46627a}.invoice-table{border-collapse:collapse;width:calc(100% - 94px);margin:0 47px 28px}.invoice-table th{padding:12px 9px;background:#092f51;color:#fff;font-weight:750;font-size:11px;text-align:left;white-space:nowrap}.invoice-table th:first-child{border-radius:6px 0 0 6px}.invoice-table th:last-child{border-radius:0 6px 6px 0}.invoice-table td{padding:12px 9px;border-bottom:1px solid #dfeaf1;font-size:11px;vertical-align:top}.invoice-table th:nth-child(n+3),.invoice-table td:nth-child(n+3){text-align:right;white-space:nowrap}.invoice-totals{display:flex;justify-content:flex-end;padding:0 47px}.totals-inner{width:315px;max-width:100%;font-size:12px}.totals-inner>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 13px}.totals-inner .grand{margin-top:9px;color:#fff;background:linear-gradient(90deg,#094878,#09a1dd);border-radius:9px;padding:13px 14px;font-size:15px;font-weight:900}.invoice-legal{font-size:11px;margin:18px 47px;background:#edf8ff;color:#2f607d;padding:10px 14px;border-left:3px solid #08a6e4}.invoice-note{white-space:normal;margin:15px 47px;font-size:12px;color:#486b84}.invoice-void{color:#a32f42;padding:12px 47px;text-align:center;font-weight:850}.invoice-payment{background:linear-gradient(110deg,#eaf6fc,#f9fcfe);margin:24px 47px;padding:23px;border-radius:12px;border:1px solid #ddeaf1;font-size:11px}.invoice-payment h3{color:#0c466e;margin-bottom:6px}.bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 23px;margin-top:18px}.bank-grid small{display:block;color:#7890a1;font-size:10px}.bank-grid strong{display:block;font-size:11px;overflow-wrap:anywhere}.invoice-footer{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;padding:25px 47px 23px;margin-top:24px;background:#f6f9fb;font-size:9px;line-height:1.65;color:#60758a}.invoice-bottomline{height:6px;background:linear-gradient(90deg,#092c4d,#0a9ed8,#c8d4df)}.print-route{background:#ebf1f6}.print-route .invoice-paper{margin:28px auto}.print-action{text-align:center;padding:0 0 35px}.print-toolbar{max-width:890px;margin:0 auto 17px}@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;height:auto;padding:10px 13px}.sidebar-brand{display:flex;align-items:center;gap:10px;margin:0 0 7px;padding:0;border:0;text-align:left}.sidebar-brand .logo{width:58px;height:45px;border-radius:7px}.sidebar-brand>span{font-size:14px}.site-label,.site-indicator,.sidebar-promo{display:none}.navigation{display:flex;overflow:auto;gap:5px;padding:6px 0;scrollbar-width:thin}.navigation a{white-space:nowrap;padding:9px 10px;font-size:12px}.navigation a span{font-size:14px;width:auto}.sidebar-bottom{position:absolute;right:15px;top:13px}.sidebar-bottom .logout{font-size:11px;padding:3px;color:#a9c3d6}.topbar{height:52px;padding:0 17px}.content{padding:22px 14px}.metric-grid{gap:9px}.metric{padding:15px}.metric strong{font-size:22px}.metric-icon{margin-bottom:8px}.panel{padding:16px}.g2{grid-template-columns:1fr}.pagehead h1{font-size:25px}.position-head{display:none}.position-row{grid-template-columns:1fr 1fr 1fr 33px;gap:6px;border:1px solid var(--line);padding:8px;border-radius:11px}.position-row input:first-child{grid-column:1/-1}.editor-footer{display:block}.editor-footer button{margin-top:14px}.login-wrap{display:block}.login-hero{text-align:center}.login-hero .logo{height:100px;width:130px;margin:10px auto}.login-hero h1{font-size:26px}.login-hero p,.login-points,.login-hero .overline{display:none}.login-card{max-width:480px;margin:16px auto;padding:23px}.invoice-header{padding:18px 18px 10px}.invoice-brand img{width:115px;height:80px}.sender{font-size:9px}.invoice-lead{padding:16px 18px;grid-template-columns:1fr;min-height:0}.invoice-number-card{max-width:440px}.invoice-intro{padding:10px 18px}.invoice-table{width:calc(100% - 36px);margin:0 18px 20px}.invoice-table th,.invoice-table td{font-size:9px;padding:8px 3px;white-space:normal!important}.invoice-totals{padding:0 18px}.invoice-legal,.invoice-note{margin:15px 18px}.invoice-payment{margin:20px 18px;padding:14px}.invoice-footer{padding:18px;gap:10px;font-size:8px}.print-toolbar{padding:0 10px}}@media(max-width:440px){.metric strong{font-size:19px}.metric span{font-size:12px}.invoice-header{gap:8px}.invoice-brand img{width:100px;height:75px}.sender{font-size:8px}.bank-grid{grid-template-columns:1fr}.invoice-footer{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.order-head{display:block}}@page{size:A4;margin:0}@media print{html,body{background:#fff!important;color:#111!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print,.app-shell,.sidebar,.topbar,.print-action,.print-toolbar,.app-footer{display:none!important}.invoice-paper{box-shadow:none!important;margin:0!important;border:0!important;max-width:none!important;width:210mm!important;min-height:297mm!important;border-radius:0!important;font-size:11px}.invoice-header{padding:9mm 13mm 5mm}.invoice-lead{padding:6mm 13mm}.invoice-intro{padding:0 13mm 5mm}.invoice-table{width:calc(100% - 26mm);margin:0 13mm 6mm}.invoice-totals{padding:0 13mm}.invoice-legal,.invoice-note{margin:5mm 13mm}.invoice-payment{margin:5mm 13mm}.invoice-footer{padding:6mm 13mm}.invoice-topline,.invoice-bottomline{print-color-adjust:exact}}

@media print{.invoice-table thead{display:table-header-group}.invoice-table tr{break-inside:avoid}.invoice-payment,.invoice-footer{break-inside:avoid}}