:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0f172a;color:#111827}html,body,#root{height:100%;min-height:100%}body{margin:0;background:radial-gradient(circle at top,#1f2937 0,#020617 50%);overflow-y:auto;overflow-x:hidden}#root{width:100%;display:block}.app-shell{width:100%;max-width:1100px;margin:16px;padding:20px;border-radius:16px;background:#0f172ae6;box-shadow:0 18px 45px #0009;border:1px solid rgba(148,163,184,.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.app-title{font-size:1.4rem;font-weight:700}.badge{padding:4px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;background:#38bdf81a;color:#7dd3fc;border:1px solid rgba(56,189,248,.5)}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.3fr);gap:16px}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}}.card{background:radial-gradient(circle at top left,rgba(30,64,175,.48),transparent 55%),#0f172af5;border-radius:14px;padding:16px;border:1px solid rgba(75,85,99,.6);box-shadow:0 14px 30px #00000080}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-title{font-size:.95rem;font-weight:600}.card-subtitle{font-size:.75rem;color:#9ca3af}.table{width:100%;border-collapse:collapse;font-size:.82rem}.table thead{background:#0f172ae6}.table th,.table td{padding:6px 8px;border-bottom:1px solid rgba(55,65,81,.75);text-align:left}.table tbody tr:hover{background:#0f172ad9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid transparent;font-size:.8rem;cursor:pointer;background:linear-gradient(to right,#22c55e,#16a34a);color:#e5e7eb;transition:transform .1s ease,box-shadow .1s ease,background .1s ease,border-color .1s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 32px #22c55e66}.btn-secondary{background:radial-gradient(circle at top left,#0ea5e9,#0369a1)}.btn-danger{background:linear-gradient(to right,#ef4444,#b91c1c)}.btn-outline{background:transparent;border-color:#94a3b8cc}.btn-sm{padding:4px 10px;font-size:.75rem}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.field label{font-size:.78rem;color:#9ca3af}.field input,.field select{border-radius:10px;border:1px solid rgba(55,65,81,.9);padding:6px 8px;font-size:.82rem;background:#0f172af2;color:#e5e7eb}.field input:focus,.field select:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf880}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:.7rem;background:#0f766e29;color:#5eead4}.muted{font-size:.75rem;color:#9ca3af}.error{margin-top:8px;font-size:.78rem;color:#fecaca}.login-hero.soft{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:calc(28px + env(safe-area-inset-top)) 18px calc(32px + env(safe-area-inset-bottom));background:radial-gradient(circle at 20% 20%,#f5f7fb,#f2f2f7 45%,#e9eaf0)}.login-card{width:min(480px,100%);background:#fff;border-radius:22px;padding:28px 24px 30px;box-shadow:0 25px 50px #00000014,0 2px 8px #0000000a;border:1px solid #e5e5ea}.login-logo{width:62px;height:62px;margin:0 auto 12px;border-radius:20px;background:linear-gradient(145deg,#0ea5e9,#22d3ee);color:#0b1120;display:grid;place-items:center;font-weight:800;font-size:1.2rem;letter-spacing:-.02em;box-shadow:0 10px 24px #0ea5e94d}.login-header{text-align:left;margin:6px 0 14px}.login-title{margin:0 0 6px;font-size:1.6rem;color:#111827}.login-subtitle{margin:0;color:#6b7280;font-size:.98rem}.input-group{display:flex;flex-direction:column;gap:8px}.login-simple-form{display:flex;flex-direction:column;gap:14px}.input-label{font-size:.92rem;color:#374151;font-weight:600}.input-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;border-radius:16px;background:#f7f7fa;border:1px solid #e5e5ea;color:#4b5563;transition:border-color .12s ease,box-shadow .12s ease}.input-row:focus-within{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1f}.input-icon{font-size:1rem;color:#6b7280;display:flex}.input-pill{border:none;background:transparent;font-size:.98rem;color:#374151;padding:6px 4px;outline:none}.input-pill::placeholder{color:#9ca3af}.show-toggle{border:none;background:transparent;color:#0a84ff;font-weight:600;cursor:pointer;font-size:.9rem}.show-toggle:focus{outline:none}.login-error{text-align:left;background:#fef2f2;border:1px solid #fecdd3;color:#b91c1c;border-radius:12px;padding:10px 12px;font-size:.9rem}.login-actions{display:flex;justify-content:flex-end;margin-top:-4px}.forgot-link{color:#6b7280;font-size:.9rem;text-decoration:none}.forgot-link:hover{color:#0a84ff}.login-dark-btn{border:none;width:100%;padding:13px;border-radius:14px;background:linear-gradient(145deg,#3b82f6,#1d4ed8);color:#f9fafb;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease,filter .12s ease;box-shadow:0 14px 26px #0060df47}.login-dark-btn:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 18px 32px #0060df52}.login-dark-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:linear-gradient(180deg,#0b1223,#0f172a 45%,#0b1020);color:#0f172a;min-height:100vh}.app-root{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:radial-gradient(110% 110% at 25% 15%,rgba(59,130,246,.25),transparent 50%),radial-gradient(90% 90% at 80% 0%,rgba(59,130,246,.16),transparent 45%),#0d1629;overflow-y:auto}.sidebar{position:sticky;top:0;align-self:start;min-height:100vh;padding:18px 14px 20px;border-right:1px solid rgba(148,163,184,.25);background:linear-gradient(180deg,#fffffff5,#eff6ffe6,#eceff4db);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:12px;box-shadow:12px 0 24px #0f172a14}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sidebar-logo-circle{width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at top left,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#f9fafb}.sidebar-title{font-size:.95rem;font-weight:700;color:#0f172a}.sidebar-subtitle{font-size:.75rem;color:#475569;display:flex;align-items:center;gap:6px}.dot-online{width:8px;height:8px;border-radius:999px;background:#22c55e}.sidebar-nav{margin-top:6px;display:flex;flex-direction:column;gap:6px}.sidebar-link{width:100%;text-align:left;border-radius:14px;border:1px solid transparent;outline:none;padding:9px 12px;background:transparent;color:#0f172a;font-size:.85rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s ease,transform .08s ease,color .15s ease,border-color .15s ease}.sidebar-link:hover{background:#3b82f614;border-color:#3b82f633;transform:translateY(-1px)}.sidebar-link.active{background:linear-gradient(120deg,#2563eb,#7c3aed);color:#f8fafc;box-shadow:0 10px 30px #4f46e540;border-color:transparent}.sidebar-icon{font-size:1rem}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(148,163,184,.35);display:flex;flex-direction:column;gap:10px}.sidebar-user{display:flex;align-items:center;gap:8px}.avatar-circle{width:32px;height:32px;border-radius:999px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;color:#111827}.sidebar-user-name{font-size:.8rem;font-weight:600;color:#0f172a}.sidebar-user-role{font-size:.72rem;color:#6b7280}.sidebar-logout{align-self:flex-start;margin-top:2px}.app-main{flex:1;min-height:100vh;padding:18px clamp(12px,3vw,28px) 110px;display:flex;flex-direction:column;max-width:1180px;margin:0 auto;width:100%;gap:10px;overflow-y:auto;overflow-x:hidden}.app-main-scroll{flex:1;display:flex;flex-direction:column;gap:12px}.app-header{padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid rgba(148,163,184,.25);display:flex;justify-content:space-between;gap:10px;align-items:center}.app-title{font-size:1.25rem;font-weight:700;color:#f8fafc}.muted{font-size:.9rem;color:#4b5563}.app-header-badge{display:flex;align-items:center}.card{width:100%;background:linear-gradient(180deg,#fffffff5,#f8fafceb);border-radius:16px;border:1px solid rgba(148,163,184,.3);padding:14px;box-shadow:0 16px 36px #0f172a29;margin-bottom:6px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.card-title{font-size:.98rem;font-weight:700;color:#0f172a}.card-subtitle{font-size:.8rem;color:#475569}.layout{display:flex;flex-direction:column;gap:12px}.btn{border-radius:12px;border:1px solid transparent;padding:7px 12px;font-size:.85rem;cursor:pointer;background:linear-gradient(120deg,#3b82f6,#2563eb);color:#f8fafc;transition:background .15s ease,border-color .15s ease,transform .08s ease,box-shadow .12s ease;box-shadow:0 8px 20px #1d4ed840}.btn:hover{transform:translateY(-1px)}.btn-sm{padding:6px 10px;font-size:.78rem}.btn-secondary{background:linear-gradient(120deg,#0ea5e9,#1d4ed8);color:#f8fafc;border-color:#3b82f666}.btn-secondary:hover{transform:translateY(-1px)}.btn-outline{background:#f8fafc;color:#111827;border-color:#cbd5e1}.btn-outline:hover{background:#e2e8f0}.btn-danger{background:linear-gradient(120deg,#ef4444,#b91c1c);border-color:#ef444459;color:#fff}.btn-danger:hover{transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.72rem;border:1px solid #cbd5e1;background:#e5e7eb;color:#0f172a}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:min(520px,100%);display:block;overflow-x:auto;border-radius:12px}.table thead th{position:sticky;top:0;background:#e2e8f0d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(148,163,184,.45);padding:8px 10px;text-align:left;font-weight:600;color:#0f172a}.table tbody td{border-bottom:1px solid rgba(226,232,240,.8);padding:8px 10px;color:#0f172a;background:#fffffff0}.table thead,.table tbody{display:table;width:100%;table-layout:fixed}.table-striped tbody tr:nth-child(odd) td{background:#fffffff0}.table-striped tbody tr:nth-child(2n) td{background:#f1f5f9eb}.chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.72rem;background:#0f172a0f;color:#0f172a}.chip-doc-draft{background:#fef3c7;color:#92400e}.chip-doc-submitted{background:#dbeafe;color:#1d4ed8}.chip-doc-cancelled,.chip-inv-overdue{background:#fee2e2;color:#b91c1c}.chip-inv-unpaid{background:#fef3c7;color:#92400e}.chip-inv-paid{background:#dcfce7;color:#166534}.chip-inv-draft{background:#e5e7eb;color:#374151}.chip-inv-credit{background:#e0f2fe;color:#0369a1}.chip-inv-other{background:#f3f4f6;color:#4b5563}.toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-bottom:10px}.toolbar-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.toolbar label{font-size:.78rem;color:#475569}.toolbar input[type=date]{border-radius:10px;border:1px solid rgba(148,163,184,.6);padding:6px 10px;font-size:.85rem;background:#ffffffe6;color:#0f172a}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:12px}.kpi-card{border-radius:16px;padding:12px 14px;background:#ffffffeb;border:1px solid rgba(148,163,184,.35);box-shadow:0 12px 30px #0000001f}.kpi-label{font-size:.75rem;color:#6b7280}.kpi-value{margin-top:4px;font-size:1.15rem;font-weight:700;color:#0f172a}.kpi-sub{margin-top:2px;font-size:.7rem;color:#9ca3af}.kpi-grid-large{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:10px}.kpi-card-large{padding:12px 14px}.kpi-value-large{font-size:1.2rem}.error{font-size:.85rem;color:#b91c1c}.row-clickable{cursor:pointer}.row-clickable:hover{background:#e0f2fe}.modal-backdrop{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:40}.modal-panel{width:100%;max-width:780px;max-height:90vh;background:#fffffffa;border-radius:18px;border:1px solid rgba(148,163,184,.35);padding:16px;box-shadow:0 28px 70px #00000040;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.app-topbar{display:none;justify-content:space-between;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(148,163,184,.25);padding:10px 12px;border-radius:14px}.topbar-brand{display:flex;align-items:center;gap:8px}.topbar-actions{display:flex;gap:6px}.app-tabstrip{display:none}.mobile-page-list{display:none;flex-direction:column;gap:8px;margin:4px 0 8px}.mobile-page-btn{border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:10px 12px;background:#ffffff14;color:#e2e8f0;display:flex;align-items:center;gap:10px;font-size:.95rem;cursor:pointer}.mobile-page-btn.active{background:linear-gradient(120deg,#2563eb,#7c3aed);color:#f8fafc;border-color:transparent;box-shadow:0 10px 26px #4f46e552}.mobile-tabbar{display:none;position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:0;right:0;padding:8px 12px;z-index:50}.mobile-tabbar-inner{background:#0f172ad9;border:1px solid rgba(148,163,184,.35);border-radius:18px;padding:6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;box-shadow:0 16px 40px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:980px;margin:0 auto}.mobile-tab-btn{border:none;background:transparent;color:#cbd5e1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:12px;font-size:.72rem}.mobile-tab-btn.active{background:linear-gradient(120deg,#2563eb,#7c3aed);color:#f8fafc}.mobile-drawer{display:none;position:fixed;top:0;left:-80%;width:78%;max-width:320px;height:100vh;background:#fffffffa;box-shadow:16px 0 40px #00000040;z-index:60;padding:14px;display:flex;flex-direction:column;gap:10px;transition:transform .2s ease,left .2s ease;transform:translate(0)}.mobile-drawer.open{display:flex;left:0}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-drawer-nav{display:flex;flex-direction:column;gap:6px;margin-top:6px}.mobile-drawer-link{border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:10px 12px;background:#ffffffe6;display:flex;align-items:center;gap:10px;font-size:.95rem;color:#0f172a;cursor:pointer}.mobile-drawer-link.active{background:linear-gradient(120deg,#2563eb,#7c3aed);color:#f8fafc;border-color:transparent}.mobile-drawer-backdrop{position:fixed;inset:0;background:#0f172a73;z-index:55}@media(max-width:900px){.app-root{grid-template-columns:1fr}.sidebar{display:none}.app-main{padding:14px clamp(8px,3vw,16px) 110px;overflow-y:auto}.app-header{padding-bottom:6px;margin-bottom:6px}.app-topbar{display:flex}.table{font-size:.82rem}.mobile-tabbar{display:block}.mobile-drawer{display:flex}.app-tabstrip{display:none}}@media(max-width:640px){.app-main{padding-bottom:calc(160px + env(safe-area-inset-bottom))}.card{padding:12px}.toolbar{flex-direction:column;align-items:stretch}.toolbar-group{justify-content:flex-start}.modal-panel{max-width:100%;max-height:100vh;border-radius:0}.tabchip-label{display:none}}