: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}*{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:hover{background:var(--teal-light)}.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}.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{display:block;overflow-x: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}.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{overflow-x: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)}}