:root{--teal:#00788c;--teal-light:#e0f4f7;--green:#4caf50;--green-light:#e8f5e9;--red:#f44336;--red-light:#ffebee;--bg:#f5f5f5;--card-bg:#fff;--text:#1a1a1a;--text-secondary:#666;--border:#e0e0e0;--radius:12px;--teal-050:#f2fafb;--teal-700:#006271;--surface:#fff;--surface-2:#f7f9fa;--surface-sunken:#eef1f3;--border-soft:#eef0f2;--border-strong:#d3d9dd;--text-tertiary:#8b969c;--radius-lg:16px;--radius-md:12px;--radius-sm:10px;--radius-xs:8px;--shadow-sm:0 1px 2px #1028300d, 0 1px 3px #1028300f;--shadow-md:0 2px 4px #1028300d, 0 8px 20px #10283017;--shadow-lg:0 12px 28px #1028301f, 0 20px 48px #10283024;--shadow-teal:0 6px 18px #00788c38;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--ease:cubic-bezier(.22, .61, .36, 1);--dur:.16s}*{box-sizing:border-box;margin:0;padding:0}body{text-align:right;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;direction:rtl;font-family:Segoe UI,Tahoma,Arial,sans-serif}.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr;min-height:100dvh;display:grid}.top-bar{background:var(--teal);color:#fff;z-index:50;grid-area:1/1;align-items:center;gap:12px;padding:.6rem 1rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000014}.app-title{letter-spacing:2px;text-align:center;color:#fff;flex:1;margin:0;font-size:1.1rem;font-weight:700}.top-user .btn-tiny{color:#fff;background:#ffffff26}.top-user .btn-tiny:hover{background:#ffffff40}.hamburger{cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;display:flex}.hamburger:hover{background:#ffffff26}.hamburger span{background:#fff;border-radius:1px;width:22px;height:2px;transition:all .2s}.drawer-open .hamburger span:first-child{transform:translateY(6px)rotate(45deg)}.drawer-open .hamburger span:nth-child(2){opacity:0}.drawer-open .hamburger span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.sidebar{background:var(--card-bg);border-inline-start:1px solid var(--border);grid-area:2/1;padding:12px 8px;overflow-y:auto}.sidebar nav{flex-direction:column;gap:4px;display:flex}.side-item{color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.side-item.active{background:var(--teal);color:#fff}.side-icon{text-align:center;width:24px;font-size:20px}.side-label{flex:1}.drawer-backdrop{z-index:60;background:#0006;display:none;position:fixed;inset:0}.content{grid-area:2/1;padding:16px;overflow-x:hidden}@media (width<=899px){.sidebar{top:0;bottom:0;z-index:70;width:260px;padding-top:60px;transition:transform .22s ease-out;position:fixed;inset-inline-start:0;transform:translate(100%);box-shadow:-4px 0 16px #0000001f}.drawer-open .sidebar{transform:translate(0)}.drawer-open .drawer-backdrop{display:block}}@media (width>=900px){.app-shell{grid-template-columns:240px 1fr}.top-bar{grid-column:1/-1}.sidebar{grid-area:2/1}.content{grid-column:2;padding:24px}.hamburger{display:none}}.bottom-nav{display:none}.dashboard{flex-direction:column;gap:16px;display:flex}.period-bar{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:8px;display:flex}.period-btn{cursor:pointer;min-width:70px;color:var(--text);background:0 0;border:0;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:500}.period-btn:hover:not(:disabled){background:var(--teal-light)}.period-btn.active{background:var(--teal);color:#fff}.period-btn:disabled{opacity:.6;cursor:not-allowed}.loading-state{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dash-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.dash-card{border-radius:var(--radius);color:#fff;flex-direction:column;gap:4px;padding:20px;display:flex;box-shadow:0 2px 6px #0000000d}.dash-card .dash-label{opacity:.9;font-size:13px}.dash-card .dash-value{font-size:26px;font-weight:700}.dash-card .dash-sub{opacity:.75;font-size:12px}.dash-card.balance{background:linear-gradient(135deg,#5e4fcc,#4338ca)}.dash-card.parties{background:linear-gradient(135deg,#9333ea,#6b21a8)}.dash-card.deposits-card{background:linear-gradient(135deg,#e14b6e,#be185d)}.dash-card.expenses-card{background:linear-gradient(135deg,#22c55e,#15803d)}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.chart-card-wide{grid-column:1/-1}.chart-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:14px 18px;display:flex}.chart-header{justify-content:space-between;align-items:center;display:flex}.chart-header h3{margin:0;font-size:15px;font-weight:600}.chart-row{grid-template-columns:100px 1fr 100px;align-items:center;gap:10px;padding:4px 0;display:grid}.chart-label{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chart-bar-container{background:var(--bg);border-radius:4px;height:22px;position:relative;overflow:hidden}.chart-bar{border-radius:4px;height:100%;margin-inline-start:auto;transition:width .3s}.chart-amount{text-align:end;font-size:13px;font-weight:600}.chart-toggle{background:var(--bg);border-radius:8px;gap:4px;margin-bottom:4px;padding:3px;display:flex}.chart-toggle button{cursor:pointer;color:var(--text-secondary);background:0 0;border:0;border-radius:6px;flex:1;padding:6px 12px;font-size:12px;font-weight:500}.chart-toggle button:hover{color:var(--text)}.chart-toggle button.active{color:var(--teal);background:#fff;box-shadow:0 1px 3px #00000014}.chart-toggle-wide{background:var(--bg);border-radius:8px;flex-wrap:wrap;gap:4px;margin-bottom:4px;padding:4px;display:flex}.chart-toggle-wide button{cursor:pointer;color:var(--text-secondary);background:0 0;border:0;border-radius:6px;flex:1;min-width:90px;padding:6px 12px;font-size:12px}.chart-toggle-wide button.active{color:var(--teal);background:#fff;box-shadow:0 1px 3px #00000014}.toast-container{top:80px;z-index:2000;pointer-events:none;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;inset-inline-end:16px}.toast{pointer-events:auto;background:#fff;border-inline-start:4px solid #5e4fcc;border-radius:8px;padding:12px 16px;font-size:14px;animation:.25s ease-out slidein;box-shadow:0 4px 14px #00000026}.toast-success{border-inline-start-color:var(--green);color:#15803d}.toast-error{border-inline-start-color:var(--red);color:#c0392b}.toast-info{border-inline-start-color:var(--teal)}@keyframes slidein{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.confirm-dialog{min-width:320px;max-width:90vw}.confirm-message{color:var(--text-secondary);margin:12px 0 16px;line-height:1.5}.nav-item{color:var(--text-secondary);border-radius:8px;flex-direction:column;align-items:center;padding:.25rem .5rem;font-size:.7rem;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--teal);font-weight:600}.nav-icon{margin-bottom:2px;font-size:1.3rem}.nav-label{font-size:.65rem}.summary-grid{grid-template-columns:1fr 1fr;gap:.6rem;padding:.8rem;display:grid}.card{background:var(--card-bg);border-radius:var(--radius);padding:.8rem;box-shadow:0 1px 3px #00000014}.card-label{color:var(--text-secondary);margin-bottom:.3rem;font-size:.75rem}.card-value{font-size:1.3rem;font-weight:700}.card-count{color:var(--text-secondary);margin-top:.15rem;font-size:.7rem}.balance-card{border-right:4px solid var(--teal)}.parties-card{border-right:4px solid #9c27b0}.deposit-card{border-right:4px solid var(--green)}.expense-card{border-right:4px solid var(--red)}.deposit-color{color:var(--green)}.expense-color{color:var(--red)}.deposit-bg{background:var(--green)}.expense-bg{background:var(--red)}.category-color{color:#ff9800}.category-bg{background:#ff9800}.filter-bar{gap:.4rem;padding:0 .8rem .8rem;display:flex;overflow-x:auto}.filter-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;padding:.4rem .8rem;font-family:inherit;font-size:.8rem}.filter-btn.active{background:var(--teal);color:#fff;border-color:var(--teal)}.chart-section{background:var(--card-bg);border-radius:var(--radius);margin:0 .8rem .8rem;padding:.8rem;box-shadow:0 1px 3px #00000014}.chart-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.chart-header h3{font-size:.85rem;font-weight:600}.chart-total{font-size:.85rem;font-weight:700}.chart-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.chart-label{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:70px;font-size:.75rem;overflow:hidden}.chart-bar-container{background:var(--bg);border-radius:4px;flex:1;height:20px;overflow:hidden}.chart-bar{border-radius:4px;min-width:2px;height:100%;transition:width .3s}.chart-amount{text-align:left;flex-shrink:0;width:65px;font-size:.75rem;font-weight:600}.summary-bar{gap:.4rem;padding:.8rem;display:flex;overflow-x:auto}.summary-item{background:var(--card-bg);border-radius:var(--radius);text-align:center;flex:1;min-width:0;padding:.6rem;box-shadow:0 1px 3px #00000014}.summary-item span{margin-bottom:.2rem;font-size:.7rem;display:block}.summary-item strong{font-size:.9rem}.operations-list{flex-direction:column;gap:.5rem;padding:0 .8rem .8rem;display:flex}.op-card{background:var(--card-bg);border-radius:var(--radius);padding:.7rem;box-shadow:0 1px 3px #00000014}.op-deposit{border-right:3px solid var(--green)}.op-expense{border-right:3px solid var(--red)}.op-header{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.op-badge{border-radius:12px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.badge-deposit{background:var(--green-light);color:var(--green)}.badge-expense{background:var(--red-light);color:var(--red)}.op-amount{font-size:1rem;font-weight:700}.op-details{gap:.5rem;margin-bottom:.2rem;font-size:.8rem;display:flex}.op-party{font-weight:600}.op-sub{color:var(--text-secondary)}.op-footer{color:var(--text-secondary);justify-content:space-between;font-size:.7rem;display:flex}.op-notes{text-overflow:ellipsis;white-space:nowrap;max-width:50%;overflow:hidden}.reports-page{padding-bottom:.8rem}.filter-section{background:var(--card-bg);border-radius:var(--radius);margin:.8rem;padding:.8rem;box-shadow:0 1px 3px #00000014}.filter-row{gap:.5rem;margin-bottom:.5rem;display:flex}.filter-select,.filter-input{border:1px solid var(--border);background:var(--bg);direction:rtl;border-radius:8px;flex:1;min-width:0;padding:.5rem;font-family:inherit;font-size:.8rem}.search-btn{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.6rem;font-family:inherit;font-size:.9rem;font-weight:600}.search-btn:active{opacity:.8}.notes-page{padding:.8rem}.notes-list{flex-direction:column;gap:.5rem;display:flex}.note-card{background:var(--card-bg);border-radius:var(--radius);cursor:pointer;border-right:3px solid var(--teal);padding:.8rem;box-shadow:0 1px 3px #00000014}.note-header{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.note-title{font-size:.9rem;font-weight:600}.note-date{color:var(--text-secondary);white-space:nowrap;font-size:.7rem}.note-content{color:var(--text-secondary);max-height:3.6em;font-size:.8rem;line-height:1.5;transition:max-height .3s;overflow:hidden}.note-content.expanded{max-height:1000px}.form-field{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:8px 10px;font-size:14px}.btn-primary,.btn-secondary,.btn-tiny,.btn-danger{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:#006271}.btn-secondary{color:var(--text);background:#e0e0e0}.btn-secondary:hover{background:#d0d0d0}.btn-tiny{color:var(--text);background:#f0f0f0;margin-inline-start:4px;padding:4px 10px;font-size:12px}.btn-tiny:hover{background:#e0e0e0}.btn-danger{color:var(--red);background:#ffebee}.btn-danger:hover{background:#ffcdd2}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:16px}.page-actions{gap:8px;margin-bottom:12px;display:flex}.form-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.info-banner{background:var(--teal-light);color:var(--teal);border-radius:var(--radius);margin:12px 0;padding:12px 16px;font-size:14px}.employees-page{padding:12px}.emp-toolbar{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.month-nav{align-items:center;gap:4px;display:flex}.month-nav .form-field{min-width:100px}.emp-totals{flex-wrap:wrap;flex:1;gap:8px;display:flex}.emp-actions{gap:6px;margin-inline-start:auto;display:flex}.badge{border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.badge-blue{background:var(--teal-light);color:var(--teal)}.badge-purple{color:#7c3aed;background:#f3e8ff}.badge-green{background:var(--green-light);color:#15803d}.emp-cards-row{gap:8px;margin-bottom:12px;padding:8px 0;display:flex;overflow-x:auto}.emp-cards-row.days-row{padding-top:4px}.emp-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;flex-shrink:0;min-width:110px;padding:10px 14px;transition:all .15s}.emp-card:hover{box-shadow:0 2px 8px #00000014}.emp-card.selected{background:var(--teal);color:#fff;border-color:var(--teal)}.emp-card-name{margin-bottom:4px;font-size:13px;font-weight:600}.emp-card-amount{color:var(--teal);font-size:16px;font-weight:700}.emp-card.selected .emp-card-amount{color:#fff}.emp-card.day-card{min-width:100px}.emp-card-date{opacity:.8;margin-bottom:2px;font-size:11px}.emp-input-card{background:var(--green-light);border-radius:var(--radius);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:14px;display:flex}.emp-input-card .form-field{flex:140px;min-width:0}.emp-records-table{background:var(--card-bg);border-radius:var(--radius);border-collapse:separate;border-spacing:0;border:1px solid var(--border);width:100%;overflow:hidden}.emp-records-table th,.emp-records-table td{text-align:center;border-bottom:1px solid var(--border);padding:10px 12px;font-size:14px}.emp-records-table th{background:#f9fafb;font-size:13px;font-weight:600}.emp-records-table tbody tr:last-child td{border-bottom:0}.emp-records-table tbody tr:hover{background:#fafafa}.dialog-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{border-radius:var(--radius);background:#fff;min-width:320px;max-width:90vw;padding:24px;box-shadow:0 10px 40px #0003}.dialog h3{margin-bottom:14px;font-size:18px}.dialog .form-field{width:100%;margin-bottom:8px}.note-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;margin-bottom:12px;padding:14px;display:flex}.note-actions{gap:4px;padding:8px 0 0;display:flex}.op-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;margin-bottom:12px;padding:14px;display:flex}.op-form h4{margin-bottom:4px;font-size:16px}.page-stub{text-align:center;color:var(--text-secondary);padding:40px 20px}.page-stub h2{color:var(--text);margin-bottom:12px}.branches-page{padding:12px}.branch-toolbar{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.branch-summary{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tab-bar{border-bottom:2px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.tab-bar .tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:14px;font-weight:500}.tab-bar .tab:hover{color:var(--text)}.tab-bar .tab.active{color:var(--teal);border-bottom-color:var(--teal)}.branch-input-card{background:var(--green-light);border-radius:var(--radius);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:12px;display:flex}.branch-input-card .form-field{flex:none;width:120px}.branch-input-card .form-field.flex-grow,.branch-input-card input[placeholder=ملاحظات],.branch-input-card input[placeholder=التفاصيل]{flex:200px;width:auto}.dialog.wide{min-width:500px}.grid-2{grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:12px;display:grid}.grid-2 label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.grid-2 .form-field{width:100%}.emp-records-table{max-height:65vh;display:block;overflow:auto}.settings-page{padding:12px}.checkbox-row{align-items:center;gap:8px;padding:8px 0;display:flex}.transfers-page{padding:12px}.ref-mgmt{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px;padding:16px;display:grid}.ref-mgmt h4{margin-bottom:8px}.ref-list{flex-wrap:wrap;gap:6px;display:flex}.ref-chip{background:var(--teal-light);color:var(--teal);border-radius:16px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;display:inline-flex}.transfer-cards{flex-direction:column;gap:8px;display:flex}.transfer-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.transfer-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.transfer-header>div:first-child{flex:1}.muted{color:var(--text-secondary)}.muted.small{margin-top:4px;font-size:12px}.breakdowns{border-top:1px dashed var(--border);margin-top:8px;padding-top:8px}.breakdown-row{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.reconciliation-page{padding:12px}.recon-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:12px}.recon-section h3{margin-bottom:10px;font-size:16px}.recon-result{background:linear-gradient(135deg, var(--teal-light), var(--green-light));border-radius:var(--radius);border:1px solid var(--border);padding:16px}.recon-result h3{margin-bottom:12px}.recon-row{justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.recon-row.total{border-top:2px solid var(--text);margin-top:8px;padding-top:12px;font-size:16px;font-weight:700}.bottom-nav{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.bottom-nav .nav-item{flex:none;min-width:70px}.login-screen{background:linear-gradient(135deg, var(--teal-light), var(--green-light));justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:14px;flex-direction:column;gap:10px;width:100%;max-width:360px;padding:32px 28px;display:flex;box-shadow:0 10px 40px #0000001f}.login-title{text-align:center;color:var(--teal);letter-spacing:1.5px;font-size:24px;font-weight:700}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:14px;font-size:14px}.login-card .form-field{width:100%;padding:12px;font-size:15px}.login-btn{width:100%;margin-top:6px;padding:12px;font-size:15px}.login-error{color:var(--red);text-align:center;background:#ffebee;border-radius:6px;padding:10px;font-size:13px}.user-pick{justify-content:center;gap:12px;margin:6px 0 4px;display:flex}.user-btn{background:var(--card-bg);border:2px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:18px 10px;font-family:inherit;transition:all .15s;display:flex}.user-btn:hover:not(:disabled){border-color:var(--teal);transform:translateY(-2px);box-shadow:0 4px 12px #00788c1f}.user-btn.selected{border-color:var(--teal);background:var(--teal-light)}.user-btn:disabled{opacity:.6;cursor:not-allowed}.user-avatar{background:linear-gradient(135deg, var(--teal), #006271);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex}.user-name-lbl{color:var(--text);font-size:14px;font-weight:600}.btn-link{color:var(--teal);cursor:pointer;text-align:center;background:0 0;border:0;padding:6px;font-size:13px}.btn-link:hover{text-decoration:underline}.top-bar{justify-content:space-between;align-items:center;display:flex}.top-user{align-items:center;gap:8px;display:flex}.user-name{color:var(--text-secondary);font-size:13px}.period-date-range{flex-wrap:wrap;align-items:center;gap:6px;margin-inline-start:8px;display:flex}.period-date-range label{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:inline-flex}.period-date-range input[type=date]{width:auto;min-width:130px;padding:4px 8px;font-size:13px}.export-bar{justify-content:flex-end;gap:8px;margin:10px 0;display:flex}.export-bar .btn-secondary{padding:8px 14px;font-size:14px}.reorder-cell{white-space:nowrap;justify-content:center;gap:4px;display:flex}.reorder-cell .btn-tiny{min-width:28px;padding:2px 6px;font-size:14px;line-height:1}.reorder-cell .btn-tiny:disabled{opacity:.3;cursor:not-allowed}.notes-toolbar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.notes-toolbar input{flex:1;min-width:0}.reminder-fields{flex-wrap:wrap;gap:8px;display:flex}.reminder-label{color:var(--text-secondary);flex-direction:column;gap:2px;font-size:.75rem;display:flex}.reminder-badge{color:#f59e0b;cursor:pointer;background:#f59e0b1a;border:none;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;margin-block:.3rem;padding-block:2px;padding-inline:8px;font-family:inherit;font-size:.7rem;display:inline-flex}.reminder-badge.due{background:#f59e0b38;font-weight:600}.ops-date-filter{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;padding:8px 12px;display:flex}.ops-date-filter input[type=date]{width:auto;max-width:160px}.ops-count{color:var(--text-secondary);margin-inline-start:auto;font-size:13px;font-weight:600}.recon-hero{color:#fff;background:linear-gradient(135deg,#5e4fcc 0%,#6f5dd8 50%,#7b5cff 100%);border-radius:22px;margin:16px 0;padding:28px 32px;box-shadow:0 12px 32px #5e4fcc4d}.recon-hero.negative{background:linear-gradient(135deg,#e14b6e 0%,#ff8896 100%);box-shadow:0 12px 32px #e14b6e4d}.recon-hero-label{opacity:.85;margin-bottom:8px;font-size:13px;font-weight:600}.recon-hero-value{margin:4px 0 8px;font-size:56px;font-weight:700;line-height:1}.recon-hero-sub{opacity:.92;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.recon-hero-branch{background:#ffffff38;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.recon-overview{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);margin:20px 0 12px;padding:16px 18px;box-shadow:0 2px 8px #0000000a}.recon-overview-title{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.recon-overview-title .muted{color:var(--text-secondary);font-size:13px;font-weight:400}.recon-overview-table-wrap{max-height:65vh;overflow:auto}.recon-overview-table{border-collapse:collapse;width:100%;font-size:13px}.recon-overview-table thead{background:#ede9f8}.recon-overview-table th{color:var(--text);text-align:center;white-space:nowrap;border:none;padding:10px 8px;font-weight:600}.recon-overview-table th:first-child{text-align:start}.recon-overview-table td{text-align:center;border-top:1px solid var(--border);white-space:nowrap;padding:12px 8px}.recon-overview-table tr{cursor:pointer;transition:background .12s}.recon-overview-table tr:hover{background:#f8f6ff}.recon-overview-table tr.selected{background:#f0eaff;box-shadow:inset 3px 0 #7b5cff}.recon-overview-table .branch-name{text-align:start;color:var(--text);font-weight:600}.recon-overview-table .positive{color:#2e7d32}.recon-overview-table .negative{color:#c62828}.closing-badge{color:#fff;background:linear-gradient(135deg,#5e4fcc,#7b5cff);border-radius:10px;padding:5px 11px;font-size:14px;font-weight:700;display:inline-block}.closing-badge.negative{background:linear-gradient(135deg,#e14b6e,#ff8896)}.recon-hint{color:var(--text-secondary);margin:-8px 0 8px;padding-right:4px;font-size:12px}.changes-banner{z-index:50;background:var(--teal-light);border:1px solid var(--teal);color:var(--teal);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:8px 14px;font-size:14px;animation:.22s ease-out slide-down;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #00788c26}.changes-banner-text{font-weight:600}.changes-banner-actions{gap:6px;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media print{.sidebar,.top-bar,.drawer-backdrop,.changes-banner,.toast-container,.page-actions,.emp-toolbar .emp-actions,.no-print{display:none!important}.content{margin:0;padding:0;overflow:visible}body{color:#000;background:#fff}.transfers-page *,.reports-page *{color:#000!important;box-shadow:none!important}.transfer-card,.op-card,.filter-section,.branch-toolbar,.branch-summary{break-inside:avoid;background:#fff!important;border:1px solid #000!important}.emp-records-table,.emp-records-table th,.emp-records-table td,.recon-overview-table,.recon-overview-table th,.recon-overview-table td{background:#fff!important;border:1px solid #000!important}.emp-records-table{width:100%!important;display:table!important;overflow:visible!important}*,:before,:after{transition:none!important;animation:none!important}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.nf0,.dash-value,.card-value,.op-amount,.emp-card-amount,.chart-total,.chart-amount,.recon-hero-value,.closing-badge,.badge,.summary-item strong,.emp-records-table td,.recon-overview-table td,.breakdown-row strong{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:var(--radius-xs)}.top-bar{background:linear-gradient(180deg, #00849a 0%, var(--teal) 100%);box-shadow:0 1px 0 #0000000f, var(--shadow-sm);-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1)}.app-title{letter-spacing:3px;font-weight:800}.sidebar{background:var(--surface)}.side-item{border-radius:var(--radius-sm);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);position:relative}.side-item .side-icon{transition:transform var(--dur) var(--ease)}.side-item:hover{background:var(--teal-050)}@media (hover:hover){.side-item:hover .side-icon{transform:scale(1.08)}}.side-item.active{background:var(--teal);box-shadow:var(--shadow-teal)}.side-item.active:before{content:"";background:#fff;border-radius:3px;inline-size:3px;position:absolute;inset-block:8px;inset-inline-start:0}@media (width>=900px){.sidebar{box-shadow:inset -1px 0 0 var(--border-soft)}}.dash-card,.chart-card,.op-card,.transfer-card,.note-card,.emp-card,.card,.summary-item,.recon-section,.recon-overview,.ref-mgmt,.emp-toolbar,.branch-toolbar,.emp-input-card,.branch-input-card,.ops-date-filter,.op-form,.note-form,.filter-section,.chart-section,.emp-records-table,.recon-overview-table,.recon-hero,.recon-result{animation:fade-up .36s var(--ease) both;animation-delay:calc(min(var(--i,0), 10) * 30ms)}.chart-card,.card,.summary-item,.op-card,.note-card,.chart-section{box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.dash-card{box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.transfer-card,.emp-card,.recon-section,.recon-overview,.ref-mgmt,.emp-input-card,.branch-input-card,.op-form,.note-form,.filter-section,.emp-toolbar,.branch-toolbar{border-radius:var(--radius-lg)}.op-card,.transfer-card,.note-card,.emp-card,.dash-card{transition:transform .12s var(--ease), box-shadow .12s var(--ease)}@media (hover:hover){.op-card:hover,.transfer-card:hover,.note-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.emp-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.emp-card:active,.note-card:active{transform:scale(.985)}.emp-card.selected{box-shadow:var(--shadow-teal)}.op-deposit{border-inline-start:3px solid var(--green);border-right:0}.op-expense{border-inline-start:3px solid var(--red);border-right:0}.note-card{border-inline-start:3px solid var(--teal);border-right:0}@media (hover:hover){.op-card .btn-tiny,.note-card .btn-tiny,.transfer-header .btn-tiny{opacity:.7;transition:opacity var(--dur) var(--ease)}.op-card:hover .btn-tiny,.op-card:focus-within .btn-tiny,.note-card:hover .btn-tiny,.note-card:focus-within .btn-tiny,.transfer-card:hover .btn-tiny,.transfer-card:focus-within .btn-tiny{opacity:1}}.btn-primary,.btn-secondary,.btn-tiny,.btn-danger,.period-btn,.filter-btn,.tab,.user-btn,.search-btn,.login-btn{transition:background var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform 90ms var(--ease), border-color var(--dur) var(--ease)}.btn-primary:active,.btn-secondary:active,.btn-tiny:active,.btn-danger:active,.search-btn:active,.login-btn:active,.filter-btn:active,.period-btn:active{transform:scale(.97)}.btn-primary{box-shadow:var(--shadow-sm);border-radius:var(--radius-sm)}@media (hover:hover){.btn-primary:hover{box-shadow:var(--shadow-teal)}}.btn-secondary,.btn-tiny,.btn-danger{border-radius:var(--radius-sm)}.emp-records-table{box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);border-color:var(--border-soft);-webkit-overflow-scrolling:touch}.emp-records-table thead th{z-index:1;background:var(--surface-2);color:var(--text);letter-spacing:.2px;border-bottom:1px solid var(--border-strong);white-space:nowrap;font-weight:700;position:sticky;top:0}.emp-records-table tbody tr{transition:background var(--dur) var(--ease)}.emp-records-table tbody tr:nth-child(2n) td{background:var(--teal-050)}.emp-records-table tbody tr:hover td{background:var(--teal-light)}.emp-records-table td{border-bottom-color:var(--border-soft)}.emp-records-table td.num,.emp-records-table td .nf0{font-weight:600}.recon-overview-table-wrap{box-shadow:var(--shadow-sm);border-radius:var(--radius-md)}.recon-overview-table thead th{z-index:1;background:#ede9f8;position:sticky;top:0}.operations-list,.notes-list,.transfer-cards{gap:10px}.badge{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);align-items:center;gap:6px;display:inline-flex}.summary-item{border:1px solid var(--border-soft);padding-block:12px}.summary-item strong{font-size:1.05rem;font-weight:700}.op-badge{box-shadow:var(--shadow-sm)}.ref-chip{box-shadow:var(--shadow-sm);border-radius:999px}.empty-state{color:var(--text-tertiary);animation:fade-up .32s var(--ease) both;flex-direction:column;align-items:center;gap:8px;display:flex}.empty-state:before{content:"📋";opacity:.55;filter:grayscale(.2);font-size:34px;line-height:1}.chart-card .empty-state,.chart-section .empty-state{padding:20px 8px}.chart-card .empty-state:before,.chart-section .empty-state:before{content:none}.skeleton-list{flex-direction:column;gap:10px;display:flex}.skeleton{background:linear-gradient(100deg, var(--surface-sunken) 30%, #f4f7f8 50%, var(--surface-sunken) 70%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.3s ease-in-out infinite shimmer;position:relative;overflow:hidden}.skeleton-card{border-radius:var(--radius-lg);height:76px}.skeleton-row{height:44px}.skeleton-chip{border-radius:var(--radius-lg);height:66px}.skeleton-cards-row{gap:8px;display:flex}.skeleton-cards-row .skeleton-chip{flex:1}.dialog-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.14s ease-out both overlay-in}.dialog{animation:dialog-pop .14s var(--ease) both;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.toast{animation:toast-in .22s var(--ease) both;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.changes-banner{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.login-screen{background:radial-gradient(1200px 500px at 100% -10%, #00788c24, transparent 60%), radial-gradient(900px 500px at -10% 110%, #4caf501f, transparent 55%), linear-gradient(135deg, var(--teal-050), #eef6f2)}.login-card{box-shadow:var(--shadow-lg);animation:dialog-pop .26s var(--ease) both;border:1px solid #ffffffb3;border-radius:20px}.login-title{letter-spacing:3px;background:linear-gradient(135deg, var(--teal), var(--teal-700));color:#0000;-webkit-background-clip:text;background-clip:text}.user-btn{border-radius:var(--radius-md)}.user-avatar,.login-btn{box-shadow:var(--shadow-teal)}.spinner{border-width:3px;border-top-color:var(--teal)}.loading-state{animation:fade-up .3s var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}