:root{--ink:#101721;--ink-2:#182431;--muted:#8b9aaa;--paper:#eef2f5;--blue:#1687ff;--blue-2:#71c4ff;--orange:#ff8a3d;--line:#2a3947}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#203b55 0,#101721 34%,#0b1118 100%);color:#f8fafc;font-family:Arial,sans-serif;min-height:100vh}.shell{max-width:1180px;margin:auto;padding:34px 28px 55px}.top{justify-content:space-between;gap:20px;margin-bottom:34px}.brand,.top{display:flex;align-items:center}.brand{gap:16px}.brand img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--blue);box-shadow:0 0 22px #1687ff55}h1,h2,p{margin:0}h1{font-size:25px;letter-spacing:-.03em}.eyebrow{color:var(--blue-2);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.actions{display:flex;gap:10px}.button,button{border:1px solid var(--line);background:#172431;border-radius:9px;padding:12px 16px;font-weight:800;color:#edf6ff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button.primary,button.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 8px 20px #1687ff3d}.button.outline,button.outline{background:transparent}.hero{display:grid;grid-template-columns:1.3fr .7fr;grid-gap:18px;gap:18px;margin-bottom:18px}.panel{background:#16222eeb;border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:0 18px 40px #0000002b}.hero-main{background:linear-gradient(135deg,#17344d,#111a24 65%);position:relative;overflow:hidden}.hero-main:after{content:"⚙";position:absolute;right:30px;bottom:-30px;font-size:190px;color:#ffffff08;transform:rotate(-18deg)}.hero-mark{color:#ff9b61;font-size:11px;letter-spacing:.15em;font-weight:800;margin-bottom:42px}.hero h2{font-size:34px;margin:8px 0 10px;letter-spacing:-.04em}.hero p{color:#c2d0dc;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:26px;position:relative;z-index:1}.stat{background:#ffffff0d;border:1px solid #ffffff12;border-radius:10px;padding:13px}.stat strong{display:block;font-size:24px;margin-bottom:5px}.stat span{color:#aab8c6;font-size:12px}.lookup p{color:var(--muted);margin-top:8px}.search{display:flex;gap:10px;margin:23px 0 16px}input{flex:1 1;border:1px solid #405364;border-radius:9px;padding:12px 14px;font-size:15px;background:#0e1720;color:#fff;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1687ff22}.grid{grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.grid,.list{display:grid}.list{grid-gap:12px;gap:12px;margin-top:16px}.row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid var(--line)}.row small{color:var(--muted);display:block;margin-top:5px}.invoice-id strong{color:#fff;letter-spacing:.04em}.pill{border-radius:99px;padding:5px 9px;background:#123f35;color:#69e0b1;font-size:11px;font-weight:800;height:max-content;text-transform:uppercase;letter-spacing:.05em}.pill.pending{background:#49351c;color:#ffbd73}.muted-copy{color:var(--muted);line-height:1.6;margin-top:10px}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.live-dot{color:#65e0ae;font-size:10px;font-weight:800;letter-spacing:.1em}.live-dot:before{content:"●";margin-right:5px}.narrow{max-width:960px}.subnav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:50px}.back{color:#b9dfff;text-decoration:none;font-weight:800}.page-intro{margin-bottom:22px}.page-intro h2{font-size:40px;letter-spacing:-.05em;margin:8px 0}.page-intro p{color:var(--muted);max-width:650px;line-height:1.6}.lookup-link{display:block;color:var(--blue-2);font-weight:800;margin:24px 0 14px;text-decoration:none}.link-button{width:100%}.form-grid label,.search-panel label{display:grid;grid-gap:8px;gap:8px;color:#dce9f2;font-weight:800;font-size:13px}.empty-lines,.empty-state p,.search-panel small{color:var(--muted)}.result-card{margin-top:18px}.result-top{display:flex;justify-content:space-between;gap:16px}.result-top h2{font-size:32px;margin-top:7px;letter-spacing:.04em}.history-placeholder{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:24px}.history-placeholder>div{border:1px solid var(--line);border-radius:10px;padding:15px}.history-placeholder small{display:block;color:var(--muted);margin-top:6px;line-height:1.4}.history-placeholder a{color:var(--blue-2);text-decoration:none}.empty-state{text-align:center;padding:80px 20px;color:#dbeafe}.empty-icon{display:block;color:var(--blue-2);font-size:45px;margin-bottom:10px}.empty-state h3{margin:0 0 8px}.form-panel{display:grid;grid-gap:28px;gap:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.form-grid select,.line-row select{border:1px solid #405364;border-radius:9px;padding:12px 14px;font-size:15px;background:#0e1720;color:#fff}.invoice-lines{border-top:1px solid var(--line);padding-top:24px}.invoice-lines h3{margin:7px 0 0}.empty-lines{border:1px dashed #405364;border-radius:10px;padding:22px;margin-top:16px;text-align:center}.line-row{display:grid;grid-template-columns:110px 1fr 120px auto;grid-gap:10px;gap:10px;margin-top:16px;align-items:center}.line-private{color:#ffbd73;font-size:11px;font-weight:800;text-transform:uppercase}.invoice-total{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:18px;font-size:18px}.invoice-total strong{font-size:28px;color:var(--blue-2)}.hint{color:var(--muted);font-size:11px;text-align:right}.item-picker{position:relative;margin-top:16px}.item-picker input{width:100%}.suggestions{position:absolute;z-index:3;top:53px;left:0;right:0;background:#14212d;border:1px solid #405364;border-radius:10px;overflow:hidden;box-shadow:0 16px 35px #0008}.suggestion{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;display:flex;justify-content:space-between;align-items:flex-start;text-align:left}.suggestion:hover{background:#20364a}.suggestion small{display:block;color:var(--muted);margin-top:5px;font-weight:400}.suggestion b{color:var(--blue-2);white-space:nowrap}.selected-line{border:1px solid #285d80;border-radius:10px;padding:10px;background:#0d1d2b}.selected-line input{min-width:0}@media (max-width:760px){.form-grid,.grid,.hero,.history-placeholder{grid-template-columns:1fr}.subnav,.top{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions .button,.actions button{flex:1 1}.line-row{grid-template-columns:1fr}}.search-wrap{position:relative}.search-wrap .suggestions{top:calc(100% + 6px);left:0;right:0}.invoice-link{color:inherit;text-decoration:none}.invoice-link:hover{background:#1b3042}.invoice-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.invoice-heading img{width:92px;height:92px;object-fit:cover;border-radius:50%;border:2px solid var(--blue)}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin:28px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.invoice-meta div{display:grid;grid-gap:6px;gap:6px}.invoice-meta span{color:var(--muted)}.invoice-line{display:grid;grid-template-columns:1fr 90px 110px;grid-gap:12px;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.invoice-line-head{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.invoice-total{margin-top:22px}@media print{body{background:#fff;color:#111}.eyebrow,.subnav{display:none}.invoice-paper{box-shadow:none;border:0;background:#fff}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#203b55 0,#101721 48%,#0b1118 100%)}.login-card{width:min(430px,100%);display:grid;grid-gap:14px;gap:14px;text-align:center}.login-card img{width:150px;height:150px;object-fit:cover;border-radius:50%;border:2px solid var(--blue);box-shadow:0 0 24px #1687ff55;margin:0 auto 4px}.login-card h1{font-size:30px}.login-card p{color:var(--muted);margin-bottom:8px}.login-card label{display:grid;grid-gap:7px;gap:7px;text-align:left;color:#dce9f2;font-weight:800;font-size:13px}.login-card input{width:100%}.login-card footer{color:var(--muted);font-size:12px;margin-top:10px}.login-error{color:#ff9b9b;background:#4b2026;border:1px solid #7b343d;border-radius:8px;padding:9px;font-size:13px}