:root{--color-bg:#f5fbfa;--color-surface:#fff;--color-text:#16181a;--color-text-muted:#5c6166;--color-border:#e2ece9;--color-accent:#37b4aa;--color-accent-hover:#2e9a91;--color-accent-lighter:#50cac0;--color-accent-soft:#e0f5f2;--color-accent-glow:#37b4aa24;--color-dark:#2c9088;--color-dark-hover:#258078;--color-dark-soft:#2c908814;--color-success:#37b4aa;--color-danger:#b3261e;--color-focus:#37b4aa;--radius:6px;--shadow-subtle:0 1px 2px #0000000a;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.btn{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius);cursor:pointer;padding:10px 16px;font-size:14px;font-weight:550;transition:background-color .12s,border-color .12s;display:inline-flex}.btn:hover{border-color:var(--color-text-muted)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-danger{color:var(--color-danger)}.input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);padding:10px 12px;font-family:inherit;font-size:14px}.input:focus{outline:2px solid var(--color-focus);outline-offset:-1px;border-color:#0000}.field{margin-bottom:var(--space-4);flex-direction:column;gap:6px;display:flex}.field label{font-size:13px;font-weight:550}.field-bank{gap:var(--space-3);align-items:flex-start;display:flex}.field-bank .input{flex:1}.field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.credentials-fields{border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:var(--space-2)}.help-steps{gap:var(--space-4);flex-direction:column;margin:0;padding-left:22px;display:flex}.help-steps li::marker{color:var(--color-accent);font-weight:700}.help-steps p{margin:4px 0 0;font-size:13px}.modal-help{gap:var(--space-4);flex-direction:column;display:flex}.error-text{color:var(--color-danger);margin:0;font-size:13px}.toast-viewport{top:var(--space-4);right:var(--space-4);z-index:100;gap:var(--space-2);pointer-events:none;flex-direction:column;max-width:360px;display:flex;position:fixed}.toast{pointer-events:auto;border-radius:var(--radius);color:#fff;padding:12px 16px;font-size:14px;font-weight:550;animation:.18s toast-in;box-shadow:0 6px 20px #0000002e}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:var(--color-accent)}.toast-error{background:var(--color-danger)}.icon-spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.toast-viewport{left:var(--space-4);max-width:none}}.muted{color:var(--color-text-muted)}.surface{color:var(--color-surface)}.status-badge{color:var(--color-success);align-items:center;gap:6px;font-size:13px;font-weight:550;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}@media (width<=900px){.input{font-size:16px}.btn{min-height:44px}}@media (width<=600px){.field-row{grid-template-columns:1fr}.field-bank{flex-direction:column;align-items:stretch}}.auth-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-brand-panel{background:linear-gradient(160deg, var(--color-accent) 0%, var(--color-dark) 100%);padding:var(--space-8) var(--space-6);text-align:center;justify-content:center;align-items:center;display:flex}.auth-brand-panel-inner{align-items:center;gap:var(--space-4);flex-direction:column;max-width:380px;display:flex}.auth-logo{width:220px;max-width:70%;height:auto;display:block}.auth-tagline{color:#ffffffe6;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:550;line-height:1.3}.auth-form-panel{padding:var(--space-5);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:400px;box-shadow:none;background:0 0;border:none;padding:0}.auth-card h1{margin-bottom:var(--space-2);font-size:22px}.auth-card h1,.auth-card>.muted{text-align:center}.auth-card .btn-primary{background:var(--color-dark);border-color:var(--color-dark)}.auth-card .btn-primary:hover{background:var(--color-dark-hover);border-color:var(--color-dark-hover)}.auth-footer{margin-top:var(--space-5);text-align:center;color:var(--color-text-muted);font-size:12px}.auth-footer strong{color:var(--color-accent);font-weight:600}@media (width<=820px){.auth-split{grid-template-columns:1fr}.auth-brand-panel{padding:var(--space-6) var(--space-5)}}.auth-card form{margin-top:var(--space-5)}.auth-links{margin-top:var(--space-5);font-size:13px}.btn-block{width:100%}.success-text{color:var(--color-success);margin:0 0 var(--space-4);font-size:13px}.app-shell{min-height:100vh;display:flex}.app-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);width:260px;min-height:100vh;padding:var(--space-5) var(--space-4);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.app-logo{width:80%;height:auto;padding:0 var(--space-2) var(--space-6);align-self:center;display:flex}.app-nav{gap:var(--space-1);padding-top:var(--space-3);flex-direction:column;flex:1;display:flex}.app-nav-link{align-items:center;gap:var(--space-2);padding:10px var(--space-3);border-radius:var(--radius);color:var(--color-text);font-size:14px;font-weight:550;display:flex}.app-nav-link:hover{background:var(--color-bg);text-decoration:none}.app-nav-link.active{background:var(--color-accent-soft,#e0f5f2);color:var(--color-accent)}.app-nav-group{margin-top:var(--space-2);flex-direction:column;gap:2px;display:flex}.app-nav-group-toggle{cursor:pointer;text-align:left;width:100%;font-family:inherit;font-size:14px;font-weight:550;line-height:inherit;letter-spacing:normal;text-transform:none;background:0 0;border:none;justify-content:space-between}.app-nav-toggle-label{align-items:center;gap:var(--space-2);display:flex}.app-nav-chevron{flex-shrink:0;transition:transform .15s}.app-nav-chevron.open{transform:rotate(180deg)}.app-nav-subgroup{border-left:1px solid var(--color-border);flex-direction:column;gap:2px;margin-left:20px;padding-left:12px;display:flex}.app-sidebar-footer{border-top:1px solid var(--color-border);padding-top:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.app-user{padding:0 var(--space-2);flex-direction:column;gap:2px;display:flex}.app-user-name{font-size:14px;font-weight:600}.app-user-company,.app-user-role{color:var(--color-text-muted);font-size:12px}.btn-small{padding:6px 10px;font-size:13px}.app-main{flex:1;min-width:0;padding:0}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface);font-size:13px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.topbar-company{font-weight:650}.topbar-store,.topbar-connection{font-weight:550}.topbar-sep{color:var(--color-border)}.topbar-status{font-weight:600}.topbar-status.active{color:var(--color-success)}.topbar-status.inactive{color:var(--color-text-muted)}.topbar-status.error{color:var(--color-danger)}.topbar-sync,.topbar-noconn{color:var(--color-text-muted)}.page{padding:var(--space-6) var(--space-6)}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.page-head h1{font-size:24px}.page-head p{margin:var(--space-1) 0 0}.toolbar{margin-bottom:var(--space-4);align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.input-search{max-width:320px}.field-inline{align-items:center;gap:var(--space-2);flex-direction:row;margin-bottom:0}.field-label{color:var(--color-text-muted);font-size:13px;font-weight:550}.input-store{width:220px}.current-store{padding:8px 0;font-size:14px;font-weight:550}.note-cell{align-items:center;gap:var(--space-2);min-width:180px;display:flex}.input-note{min-width:150px;padding:6px 10px;font-size:13px}.note-status{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:12px;font-weight:600}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.table tbody tr:last-child td{border-bottom:none}.align-right{text-align:right}.amount{font-variant-numeric:tabular-nums;font-weight:650}.row-clickable{cursor:pointer}.row-clickable:hover td{background:var(--color-bg)}.pagination{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.modal-backdrop{padding:var(--space-5);z-index:30;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:440px;max-height:85vh;padding:var(--space-5);flex-direction:column;display:flex}.modal-wide{max-width:640px}.modal-head{margin-bottom:var(--space-5);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:18px}.modal-body{min-height:0;overflow-y:auto}.detail-list{margin:0}.detail-row{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;font-size:14px;display:flex}.detail-row:last-child{border-bottom:none}.detail-row dt{color:var(--color-text-muted)}.detail-row dd{margin:0;font-weight:550}.page-actions{gap:var(--space-3);display:flex}.limits-bar{gap:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);font-size:13px;font-weight:550;display:flex}.store-blocks{gap:var(--space-5);flex-direction:column;display:flex}.store-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5)}.store-block-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.store-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.store-actions .btn{align-items:center;gap:6px;display:inline-flex}.store-block-title{align-items:center;gap:var(--space-2);display:flex}.store-block-title h2{margin:0}.icon-btn{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.icon-btn:hover{background:var(--color-bg);color:var(--color-text)}.icon-btn-danger{color:var(--color-danger)}.icon-btn-danger:hover{color:var(--color-danger);background:#b3261e14;border-color:#b3261e59}.store-connection-line{margin:calc(-1 * var(--space-3)) 0 var(--space-5);font-size:13px}.row-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.switch{align-items:center;gap:var(--space-3);cursor:pointer;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{background:var(--color-border);border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch input:checked+.switch-track{background:var(--color-accent)}.switch input:checked+.switch-track:after{transform:translate(18px)}.switch-text{font-size:13px;font-weight:550}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.store-block-head h2{margin-bottom:var(--space-1);font-size:18px}.store-employees h3{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:14px}.modal-note{margin-bottom:var(--space-4);font-size:13px}.app-mobilebar,.app-sidebar-backdrop,.transaction-cards{display:none}@media (width<=900px){.app-mobilebar{padding:var(--space-2) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.app-menu-btn{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:inline-flex}.app-menu-btn:hover{background:var(--color-bg);border-radius:var(--radius)}.app-mobilebar-logo{width:auto;height:28px}.app-sidebar{z-index:50;width:240px;box-shadow:none;margin:0;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0);box-shadow:0 0 40px #00000040}.app-sidebar-backdrop{z-index:45;background:#0006;display:block;position:fixed;inset:0}.page{padding:var(--space-4)}.page-head{align-items:stretch;gap:var(--space-3);flex-direction:column}.page-actions{flex-direction:column;width:100%}.toolbar{align-items:stretch;gap:var(--space-3);flex-direction:column}.toolbar .input,.input-store,.input-search{width:100%;max-width:none}.topbar{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.table-card{display:none;overflow-x:auto}.transaction-cards{gap:var(--space-3);flex-direction:column;display:flex}.transaction-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.transaction-card-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.transaction-card-head .amount{font-size:18px}.transaction-card-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:13px;display:flex}.transaction-card-row span{color:var(--color-text-muted)}.transaction-card-row strong{font-weight:550}.transaction-card .note-cell{min-width:0}.transaction-card .input-note{flex:1;min-width:0}.pagination{flex-wrap:wrap;justify-content:center}.modal-backdrop{padding:var(--space-4)}.modal{padding:var(--space-4);max-height:calc(100vh - 32px)}.modal-actions{flex-wrap:wrap}.limits-bar{gap:var(--space-3);flex-wrap:wrap}.store-block{padding:var(--space-4)}.store-actions{width:100%}.store-employees{overflow-x:auto}}@media (width<=480px){.topbar-sync{display:none}}@media (width<=820px){.auth-brand-panel{padding:var(--space-6) var(--space-5)}.auth-logo{width:160px}.auth-tagline{font-size:16px}}