@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}:root{--bg:#0b1020;--card:#111731;--muted:#97a0b7;--text:#eaf0ff;--accent:#5aa8ff;--accent-2:#7dd3fc;--border:#24305a;--success:#22c55e;--error:#ef4444}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,Apple Color Emoji,Segoe UI Emoji;background:radial-gradient(1000px 600px at 10% -10%,#12204a 0,var(--bg) 50%),var(--bg);color:var(--text);line-height:1.5;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.site-footer,.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,0))}.site-footer{border-top:1px solid var(--border);border-bottom:none;margin-top:40px;color:var(--muted)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:800}.header-left{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:#0e1430;cursor:pointer;padding:8px}.menu-toggle span{display:block;width:100%;height:2px;background:var(--text);border-radius:2px;transition:transform .25s ease,opacity .25s ease}.menu-toggle.open span:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.main-nav{display:flex;align-items:center;gap:8px}.nav-link{border:none;border-radius:999px;padding:8px 16px;background:transparent;color:var(--muted);font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.nav-link:hover{color:var(--text);background:rgba(90,168,255,.1)}.nav-link.active{color:#0b1020;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.header-outstanding{font-size:14px;font-weight:600;color:var(--muted)}.header-outstanding.due{color:var(--accent-2)}.nav-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.65);display:none;z-index:700}.nav-backdrop.open{display:block}@media (max-width:768px){.menu-toggle{display:flex}.main-nav{position:absolute;left:16px;right:16px;top:calc(100% + 8px);background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;flex-direction:column;align-items:stretch;display:none;z-index:900;box-shadow:0 12px 32px rgba(0,0,0,.35)}.main-nav.open{display:flex}.nav-link{width:100%;justify-content:center}.header-meta{align-items:flex-end;gap:4px}}.app-layout{display:block}.sidebar{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:12px}.sidebar-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sidebar-link{border:1px solid rgba(36,48,90,.8);border-radius:10px;padding:10px 14px;background:rgba(14,20,48,.6);color:var(--text);font-weight:600;text-align:left;cursor:pointer;transition:border .2s ease,background .2s ease}.sidebar-link:hover{border-color:var(--accent);background:rgba(90,168,255,.12)}.sidebar-link.active{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b1020}.sidebar-summary{display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid var(--border);border-radius:12px;background:rgba(12,18,40,.85)}.sidebar-value{font-size:16px;font-weight:700}.sidebar-outstanding{display:flex;flex-direction:column;gap:6px}.sidebar-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:12px;gap:12px}.sidebar-stats>div{border:1px solid rgba(36,48,90,.8);border-radius:10px;padding:10px 12px;gap:4px;background:rgba(10,16,34,.8)}.sidebar-last,.sidebar-stats>div{display:flex;flex-direction:column}.sidebar-last{gap:6px}.sidebar-muted{font-size:13px;color:var(--muted)}@media (min-width:769px){.nav-backdrop{display:none!important}.site-header{position:relative}}@media (min-width:1024px){.main-nav,.menu-toggle{display:none!important}.header-meta{display:none}.app-layout{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:flex-start;grid-gap:24px;gap:24px;padding:0 20px;margin:24px auto;width:100%;max-width:1100px}.sidebar{display:flex;flex-direction:column;gap:24px;position:-webkit-sticky;position:sticky;top:110px;align-self:flex-start}.container{margin:24px 0}}.brand{display:flex;gap:10px;align-items:center;font-weight:700}.period{color:var(--muted);font-size:14px}.container{max-width:880px;margin:24px auto;padding:0 16px;flex:1 1}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));border:1px solid var(--border);border-radius:14px;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(0,0,0,.25)}.card+.card{margin-top:16px}h1{margin:0 0 6px;font-size:24px}.subtext{margin:0 0 16px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:640px){.grid-2{grid-template-columns:1fr 1fr}}.field label{display:block;font-weight:600;margin-bottom:8px}.input-wrap{position:relative;display:flex;align-items:center}.field-actions{margin-top:8px;display:flex;gap:8px}.btn-icon{padding:8px;border-radius:8px;border:1px solid var(--border);background:#0e1430;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{border-color:var(--accent);background:rgba(90,168,255,.1)}.input-icon-left{position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:1;padding:6px;border:none;background:transparent;border-radius:6px}.input-icon-left:hover{background:rgba(90,168,255,.1);border:none}input[type=number]{width:100%;padding:12px 44px 12px 40px;background:#0e1430;color:var(--text);border:1px solid var(--border);border-radius:10px;outline:none}input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(90,168,255,.15)}.suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px}.help,.note,.suffix{color:var(--muted)}.actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:#0e1430;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#0b1020;font-weight:700}.btn.secondary{background:rgba(90,168,255,.1);border-color:var(--accent);color:var(--accent)}.btn.ghost{background:transparent}.btn.small{padding:8px 12px;font-size:13px;border-radius:8px}.btn.ghost.small{border:1px solid hsla(0,0%,100%,.05)}.btn.ghost.small.danger{color:var(--error);border-color:rgba(239,68,68,.45)}.btn.ghost.small.danger:hover{background:rgba(239,68,68,.12)}.btn:hover{filter:brightness(1.1)}.btn.secondary:hover{background:rgba(90,168,255,.2)}.error{color:var(--error);margin-top:6px}.result{margin-top:16px;display:grid;grid-gap:12px;gap:12px}.result-header{display:flex;align-items:center;justify-content:space-between}.total{font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--accent),#b2f5ea);-webkit-background-clip:text;background-clip:text;color:transparent}.kv{display:grid;grid-template-columns:1fr auto;grid-gap:8px 14px;gap:8px 14px;border-top:1px dashed var(--border);padding-top:12px}.k{color:var(--muted)}.v{font-weight:600}.info details{cursor:pointer}.bullets{margin:8px 0 0;color:var(--muted)}.bullets li{margin:6px 0}.history-card{display:flex;flex-direction:column;gap:16px}.history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.history-metrics{display:flex;gap:12px;flex-wrap:wrap}.metric{min-width:140px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:rgba(90,168,255,.05);display:flex;flex-direction:column;gap:4px}.metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.metric-value{font-size:16px;font-weight:700}.history-last{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;border:1px dashed var(--border);border-radius:12px;padding:12px 16px;background:rgba(90,168,255,.08);font-size:14px}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize;background:rgba(90,168,255,.2);color:var(--accent)}.status-pill.paid{background:rgba(34,197,94,.2);color:var(--success)}.status-pill.unpaid{background:rgba(239,68,68,.18);color:var(--error)}.history-item,.history-list{display:flex;flex-direction:column;gap:14px}.history-item{border:1px solid var(--border);border-radius:14px;padding:18px;background:rgba(14,20,48,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.history-date{font-weight:700;margin-right:8px}.history-item-actions{display:flex;gap:8px;flex-wrap:wrap}.history-details{display:grid;grid-gap:8px;gap:8px}.detail-row{display:flex;justify-content:space-between;gap:12px;font-size:14px}.detail-row span:first-child{color:var(--muted)}.detail-row.total{font-weight:700;font-size:16px;margin-top:6px}.history-paid{font-size:13px;color:var(--muted)}.history-notes{border:1px dashed var(--border);padding:12px;border-radius:10px;font-size:14px;color:var(--muted)}.history-notes span{display:block;font-weight:600;color:var(--text);margin-bottom:4px}.history-edit{display:flex;flex-direction:column;gap:12px}.history-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.history-edit-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px}.history-edit-grid label span{font-weight:600;color:var(--text)}.history-edit-grid .span-2{grid-column:1/-1}.history-edit-grid input,.history-edit-grid select,.history-edit-grid textarea{background:#0e1430;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;resize:vertical}.history-edit-grid input:focus,.history-edit-grid select:focus,.history-edit-grid textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(90,168,255,.15);outline:none}.history-edit-actions{display:flex;gap:10px;flex-wrap:wrap}.history-error{margin:-4px 0 0}.modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal[hidden]{display:none!important}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:14px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:20px}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}#cameraCanvas,#cameraVideo{width:100%;max-width:100%;border-radius:10px;background:#000}.camera-preview,.preview-container{width:100%;display:flex;justify-content:center}.preview-container{position:relative}#previewImage,.preview-container img{max-width:100%;border-radius:10px;border:1px solid var(--border);display:block}.preview-container img.parsing{filter:brightness(.7) contrast(1.2);transition:filter .3s ease}.parsing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;overflow:hidden;pointer-events:none}.scan-line{position:absolute;width:100%;height:3px;background:linear-gradient(180deg,transparent,rgba(90,168,255,.8),transparent);box-shadow:0 0 10px rgba(90,168,255,.6),0 0 20px rgba(90,168,255,.4);animation:scanAnimation 2s ease-in-out infinite;z-index:10}@keyframes scanAnimation{0%{top:0;opacity:1}50%{top:50%;opacity:.8}to{top:100%;opacity:0}}.parsing-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--accent);font-weight:600;font-size:18px;text-shadow:0 0 10px rgba(90,168,255,.8),0 0 20px rgba(90,168,255,.6);animation:pulseText 1.5s ease-in-out infinite;z-index:11;background:rgba(14,20,48,.8);padding:8px 16px;border-radius:8px;border:1px solid var(--accent)}@keyframes pulseText{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.05)}}.camera-status{padding:12px;border-radius:8px;background:rgba(90,168,255,.1);border:1px solid var(--accent);color:var(--text);text-align:center}.camera-status.error{background:rgba(239,68,68,.1);border-color:var(--error);color:var(--error)}.camera-status.success{background:rgba(34,197,94,.1);border-color:var(--success);color:var(--success)}.camera-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media (max-width:640px){.site-footer{justify-content:center;text-align:center}.modal{padding:8px}.modal-content{max-height:95vh}}