:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#151718;background:#fff;font-synthesis:none;--green:#036448;--dark:#090b0b;--line:#e8ecea;--muted:#77807d;--panel:#f9fbfa}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:#075f49}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9ee9d0;outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:252px;flex-shrink:0;border-right:1px solid var(--line);padding:20px 15px 24px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;background:#fff;z-index:5}.brand{display:flex;gap:13px;align-items:center;padding:0 5px}.brand-symbol{font-size:24px;border:1px solid var(--line);border-radius:11px;padding:4px 10px}.brand b{font-size:22px;letter-spacing:-.7px}.brand small{font-size:10px;background:#daf9e9;color:#036448;border-radius:4px;letter-spacing:0;padding:4px;margin-left:4px}.brand p{font-size:11px;color:var(--muted);margin:2px 0}.workspace{background:#fafafa;border:1px solid var(--line);border-radius:12px;display:flex;padding:15px 10px;gap:10px;align-items:center}.workspace-icon{display:grid;place-items:center;background:#070909;color:#fff;border-radius:8px;width:31px;height:31px}.workspace strong{font-size:12px;display:block}.workspace span:last-child{font-size:11px;color:var(--muted)}.button{border:1px solid #d9e4df;border-radius:8px;min-height:38px;padding:8px 14px;background:#fff;color:#171a18;white-space:nowrap;font-weight:600;font-size:13px}.button:hover{background:#f1f6f3}.button.dark{background:var(--dark);border-color:var(--dark);color:white}.button.dark:hover{background:#333}.button.green{background:var(--green);border-color:var(--green);color:#fff}.button.full{width:100%}nav{display:grid;gap:4px}.nav-item{border:0;border-radius:8px;padding:11px 12px;background:transparent;color:#626a66;text-align:left;font-size:14px;display:flex;gap:12px;align-items:center}.nav-item:hover,.nav-item.active{background:#f3f5f4;color:#131514}.nav-item.active{font-weight:700}.language{margin-top:auto;display:flex;justify-content:center;gap:8px}.language button{font-size:11px;padding:6px;border:0;border-radius:5px;background:white;color:#7d8581}.language button.active{background:#e9eeeb;color:#252c28}.main{flex:1;min-width:0}.topbar{height:61px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 30px;gap:15px}.topbar>strong{font-size:15px}.top-actions{display:flex;gap:12px}.top-actions input{border:1px solid var(--line);border-radius:10px;width:230px;padding:10px 12px;font-size:12px}.page{max-width:1400px;padding:24px 30px 50px;margin:auto}.notice{background:#edfcf4;border:1px solid #b3f0cf;border-radius:17px;padding:18px 18px;margin-bottom:30px;color:#063c2f}.notice strong{display:block;font-size:15px}.notice p{font-size:13px;margin:3px 0 12px;line-height:1.55}.notice .actions{display:flex;gap:8px;flex-wrap:wrap}.eyebrow{font-weight:800;letter-spacing:1px;font-size:11px;text-transform:uppercase;color:#88918b}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:10px 0 24px}.heading-row h1{font-size:29px;letter-spacing:-.9px;margin:2px 0 1px}.heading-row p{color:var(--muted);font-size:14px;margin:0}.panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px;box-shadow:0 2px 6px #10151006}.hero{padding:30px;margin-bottom:25px}.hero-top{display:flex;justify-content:space-between;gap:12px}.badge{background:#eafcf3;border:1px solid #bbefd7;border-radius:100px;font-size:11px;font-weight:800;color:#007a57;padding:5px 11px;display:inline-block}.badge.warn{background:#fff6e7;color:#926000;border-color:#f7deac}.badge.bad{background:#fff0ef;color:#ad2930;border-color:#f6d0cc}.hero-number{font-size:54px;letter-spacing:-2px;font-weight:800;margin:18px 0 3px}.muted{color:var(--muted)}.small{font-size:12px}.hero-summary{font-size:14px;color:#656e68}.metrics{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-top:20px;margin-top:32px}.metric label{display:block;color:#98a09c;font-size:10px;letter-spacing:.3px}.metric strong{font-size:15px;display:block;margin-top:8px}.red{color:#c9323c}.emerald{color:#047b55}.columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(245px,1fr);gap:24px}.section-title{font-weight:800;margin:0 0 15px;font-size:17px}.row{border:1px solid var(--line);border-radius:11px;padding:15px;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.row strong{display:block}.row p{margin:3px 0 0;color:#717a75;font-size:12px}.row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.row-actions .button{min-height:32px}.mini{font-size:12px}.panel h3{margin-top:0}.panel p{line-height:1.6}.grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.card-number{font-size:28px;font-weight:750;margin-top:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toolbar h1{font-size:27px;margin:0}.toolbar select,.toolbar input{border:1px solid var(--line);border-radius:8px;padding:10px;max-width:100%;background:#fff}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}.table th{text-align:left;color:#8c9490;font-size:11px;letter-spacing:.5px;border-bottom:1px solid var(--line);padding:13px}.table td{border-bottom:1px solid var(--line);padding:15px 13px}.table tbody tr:hover{background:#f8faf9}.table .button{padding:6px 9px;min-height:28px}.empty{text-align:center;padding:50px 20px;color:#6e7773;border:1px dashed #d9e2dd;border-radius:12px}.empty strong{display:block;color:#2d342f;font-size:16px;margin-bottom:9px}.empty p{font-size:13px;line-height:1.5}.chip{border-radius:40px;font-size:11px;display:inline-block;padding:5px 10px;font-weight:700;background:#f0f3f1;color:#50625b}.chip.won{background:#e9f9ed;color:#057849}.chip.lost{background:#ffefef;color:#b33d43}.chip.awaiting{background:#fff5df;color:#96660b}.chip.sent{background:#e5f5ff;color:#2c6c91}.chip.draft{background:#edf0f2;color:#47515a}.chip.overdue{background:#ffecec;color:#a63030}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12px;font-weight:700;color:#515953}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #dbe2de;border-radius:8px;background:white;color:#151b18;font-size:14px}.field textarea{resize:vertical;min-height:75px}.field.span2{grid-column:1/-1}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#0a1619a0;padding:15px}.modal{background:#fff;border-radius:17px;max-height:92vh;overflow-y:auto;width:min(590px,100%);padding:24px}.modal h2{margin:0 0 4px}.modal-sub{color:#78847c;font-size:13px;margin:0 0 18px}.modal-footer{border-top:1px solid var(--line);padding-top:15px;display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.money{font-variant-numeric:tabular-nums}.help-note{background:#f5f9f7;border:1px solid #dcebe4;padding:15px;border-radius:10px;font-size:13px;line-height:1.6}.danger{color:#ad2632}.stat-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer{font-size:11px;color:#8d9792;border-top:1px solid #f0f2f1;text-align:center;padding:12px}.icon-button{background:transparent;border:0;padding:5px}.mobile{display:none}#toast{position:fixed;bottom:24px;right:24px;z-index:40;max-width:360px;border-radius:10px;background:#161f1b;color:white;box-shadow:0 9px 25px #121c1622;padding:12px 18px;font-size:13px;display:none}#toast.show{display:block}.print-document{display:none}.list-tight{padding-left:20px;font-size:13px;line-height:1.8}.divider{border:0;border-top:1px solid var(--line);margin:18px 0}@media(max-width:980px){.sidebar{width:212px}.topbar{padding:0 18px}.page{padding:20px 18px 40px}.columns{grid-template-columns:1fr}.grid-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{position:fixed;left:-260px;box-shadow:none;transition:left .2s;width:252px}.sidebar.open{left:0;box-shadow:0 0 0 100vw #15241b77}.mobile{display:block}.topbar{height:57px}.topbar strong{font-size:13px}.top-actions input{display:none}.top-actions .button{font-size:11px}.page{padding:16px}.heading-row h1{font-size:24px}.heading-row{align-items:start}.hero{padding:19px}.hero-number{font-size:42px}.metrics{grid-template-columns:repeat(2,1fr);gap:20px}.grid-cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.span2{grid-column:auto}.row{align-items:flex-start;flex-direction:column}.topbar{padding:0 12px}}@media print{.sidebar,.topbar,.footer,#modalHost,.top-actions,#toast{display:none!important}.page{padding:0}.print-document{display:block!important}body.printing .shell{display:none}body.printing .print-document{display:block!important;padding:20px}.print-heading{display:flex;justify-content:space-between}.print-document table{width:100%;border-collapse:collapse}.print-document th,.print-document td{padding:12px;border-bottom:1px solid #aaa;text-align:left}}

/* Official FLUXA logo supplied by product owner. */
.brand .brand-symbol.brand-logo{display:block;flex:0 0 46px;width:46px;height:46px;object-fit:contain;background:#fff;border:1px solid #e4e9e7;border-radius:12px;padding:0}

img.topbar-logo{width:30px;height:30px;flex:0 0 30px;object-fit:contain;border-radius:8px;border:1px solid #e4e9e7;background:#fff}
@media(max-width:420px){.topbar{gap:7px}.topbar .top-actions{gap:5px}.topbar>strong{font-size:12px}}