:root{--navy:#09234b;--gold:#b08b46;--ink:#1e304a;--muted:#64748b;--line:#dee4ec;--bg:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Arial,Helvetica,sans-serif}button,a,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #ccd6e3;border-radius:7px;background:white;padding:9px 14px;color:var(--navy);font-weight:600}button:hover{background:#edf2f8}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--navy);color:white;border-color:var(--navy)}a{color:#173f70;text-decoration:underline}.shell{display:flex;min-height:100vh}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:var(--navy);display:flex;flex-direction:column;padding:22px 15px;color:#ced9eb}.brand{margin:0 4px 26px;background:white;border-radius:9px;padding:12px 10px}.brand img{width:100%;display:block}.brand span{display:block;text-align:center;letter-spacing:2px;font-size:9px;color:var(--gold);font-weight:bold;padding-top:8px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{background:transparent;border:0;text-align:left;font-weight:400;color:#cbd7e8;padding:11px 12px;display:flex;align-items:center;gap:11px;font-size:13px}.sidebar nav button span{width:19px;color:#bda26e;font-size:17px}.sidebar nav button.selected{background:#ffffff17;color:white;border-left:3px solid var(--gold);padding-left:9px}.sidebar nav button:hover{background:#ffffff10}.sidebar-foot{font-size:10px;line-height:1.9;letter-spacing:1px;margin:auto 12px 6px;padding-top:24px;color:#8fa1bc}.content{width:calc(100% - 242px);margin-left:242px;padding:32px 36px 24px;max-width:1700px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--gold)}h1{font:normal 30px/1.25 Georgia,serif;color:var(--navy);margin:8px 0 0}h2{font-size:16px;font-weight:600;margin:0;color:var(--navy)}h3{margin:6px 0}p{color:var(--muted);margin:8px 0}.save-state{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.dot{width:7px;height:7px;background:#23865d;border-radius:100%}.dot.bad{background:#ba392d}.small{font-size:11px;padding:5px 9px}.workspace-note{font-size:11px;color:#66768d;background:#edf1f6;border:1px solid #e1e6ee;padding:10px 14px;border-radius:7px;margin-bottom:24px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:21px 20px;border-top:3px solid var(--gold)}.metric div{font-size:11px;color:var(--muted)}.metric strong{display:block;font:normal 27px/1.3 Georgia,serif;color:var(--navy);padding:9px 0}.metric small{font-size:10px;color:#8592a5}.card{border:1px solid var(--line);border-radius:10px;background:white;padding:22px;margin-bottom:22px;box-shadow:0 3px 15px #1b365307}.card-title{margin-bottom:19px}.card-title p{font-size:12px;max-width:850px}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two .card{min-width:0}.flow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.flow div{border:1px solid #e5eaf1;border-radius:8px;padding:16px;color:var(--muted);font-size:11px}.flow b{display:block;font:26px Georgia,serif;color:var(--navy);margin-bottom:4px}.checklist{padding-left:20px;margin:0 0 20px;color:var(--muted);font-size:12px}.checklist li{margin-bottom:12px}.form fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px;align-items:end}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field span{font-size:11px;font-weight:600;color:#53667e}.field:has(textarea){grid-column:1/-1}.field input,.field select,.field textarea,td select{padding:10px;border:1px solid #cad4e0;border-radius:6px;background:white;width:100%;min-width:0;color:var(--ink);font-size:13px}.field textarea{resize:vertical;min-height:86px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #b08b4660;outline-offset:1px}.form-actions{display:flex;justify-content:flex-start;align-items:end;padding-top:4px}.table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:7px}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#687d97;background:#f6f8fb;font-weight:600}td,th{padding:12px 13px;border-bottom:1px solid #e8edf3;vertical-align:middle}tbody tr:last-child td{border:0}td{color:#344965;min-width:70px}td:last-child{white-space:nowrap}.empty{border:1px dashed #d6dfeb;border-radius:8px;color:#8391a4;text-align:center;padding:32px;font-size:12px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.filters{margin-bottom:22px}.filters .field{max-width:220px}.error{background:#fff1ee;color:#9b2c22;border:1px solid #ecc7c1;padding:14px 16px;margin-bottom:20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:20px}.notice{background:#fff9ed;border:1px solid #e6d3ad;padding:15px;border-radius:8px;color:#806633;font-size:12px}.company-info{display:flex;gap:30px;align-items:flex-start;margin-bottom:25px}.company-info img{width:240px;max-width:40%}.company-info p{font-size:12px}.loading{max-width:600px;margin:15vh auto;padding:30px;text-align:center}.loading img{margin:auto}footer{font-size:10px;color:#8a98a9;padding:8px 0}.modal{position:fixed;inset:0;background:#102642d9;overflow:auto;z-index:99;padding:24px 12px}.doc-actions{max-width:900px;margin:0 auto 14px;display:flex;justify-content:flex-end;gap:10px}.paper{max-width:900px;min-height:1120px;margin:auto;background:white;padding:55px 60px;color:#1c304b;box-shadow:0 20px 80px #0005}.doc-head{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px;border-bottom:2px solid var(--gold);font-size:11px}.doc-head>img{width:250px;height:135px;object-fit:contain}.doc-head>div{text-align:right}.doc-head h1{font-size:32px;margin:0 0 12px}.doc-head h3{font-size:12px;margin:12px 0 7px}.doc-meta{display:flex;justify-content:space-between;gap:25px;margin:30px 0;font-size:12px}.doc-meta small{letter-spacing:1px;color:var(--gold)}.doc-totals{text-align:right;margin:25px 0 35px}.doc-totals h2{border-top:2px solid var(--gold);display:inline-block;padding-top:12px;min-width:260px}.doc-payment{font-size:11px;padding:17px;background:#f6f8fa;margin-top:40px}.doc-foot{text-align:center;border-top:1px solid var(--gold);font-size:10px;color:var(--gold);padding-top:15px;margin-top:50px}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:24px}.two{grid-template-columns:1fr}.sidebar{width:220px}.content{margin-left:220px;width:calc(100% - 220px)}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;width:100%;padding:13px}.brand{max-width:180px;margin:0 auto 12px}.brand span,.sidebar-foot{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.sidebar nav button{white-space:nowrap;padding:9px}.sidebar nav button span{display:none}.content{margin:0;width:100%;padding:18px 13px}.top{align-items:flex-start;flex-direction:column;gap:12px}.metrics{gap:10px}.metric{padding:15px 12px}.metric strong{font-size:22px}.card{padding:16px}.form fieldset{grid-template-columns:1fr}.company-info{flex-direction:column}.company-info img{max-width:100%}.paper{padding:25px 18px}.doc-head>img{width:110px;height:90px}.doc-head h1{font-size:22px}.paper td,.paper th{padding:8px;font-size:10px}.doc-head{gap:10px}}@media print{.sidebar,.top,.workspace-note,.filters,footer,.form,.row,.error,.doc-actions{display:none!important}.content{margin:0;width:100%;padding:0}.shell:has(.modal)>.content{display:none}.modal{position:static;background:white;padding:0;overflow:visible}.paper{box-shadow:none;padding:12mm;min-height:0;max-width:none}.doc-head>img{width:55mm;height:30mm}.card{break-inside:avoid;box-shadow:none;border:0}.table-wrap{overflow:visible}table{font-size:10px}th,td{padding:7px}.metrics{grid-template-columns:repeat(4,1fr)}@page{size:A4;margin:10mm}}

.accounts-entry { min-height: 100svh; display: grid; place-items: center; padding: 24px; }
.accounts-entry section { width: min(100%, 420px); display: grid; justify-items: center; gap: 16px; text-align: center; background: white; border: 1px solid var(--line); border-top: 3px solid var(--gold); border-radius: 12px; padding: 36px 24px; }
.accounts-entry img { width: min(200px, 100%); }
.accounts-entry p { margin: 0; overflow-wrap: anywhere; }
.accounts-entry .entry-action { display: block; width: 100%; margin-top: 6px; padding: 12px; background: var(--navy); border-radius: 7px; color: white; font-weight: 600; text-decoration: none; }
.accounts-entry .entry-action:hover { background: #173f70; }
.auth-form { display:grid; gap:16px; width:100%; text-align:left; }