:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Segoe UI,Tahoma,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{direction:rtl}body{background:#f4f7fb;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}input:focus,select:focus,textarea:focus,button:focus{outline-offset:2px;outline:2px solid #0f766e47}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}#root{min-height:100vh}.login-screen{place-items:center;min-height:100vh;padding:32px;display:grid}.login-panel{background:#fff;border:1px solid #d5dbe5;border-radius:8px;gap:18px;width:min(100%,480px);padding:28px;display:grid;box-shadow:0 18px 42px #0f172a14}.brand-block h1,.page-hero h1{color:#0f172a;margin:0;font-size:2rem}.brand-block p,.page-hero p,.section-header p,.hint-text,.muted-text,.empty-state p,.notes-list,.stack-item p,.user-chip span{color:#556070}.brand-kicker{color:#0f766e;margin-bottom:10px;font-size:.9rem;font-weight:700;display:inline-flex}.shell{background:#f4f7fb;grid-template-columns:320px minmax(0,1fr);width:100%;min-height:100vh;display:grid;overflow-x:clip}.sidebar{color:#e2e8f0;background:#0f172a;border-left:1px solid #94a3b824;flex-direction:column;justify-content:space-between;gap:28px;min-width:0;padding:24px 18px;display:flex}.sidebar-backdrop,.sidebar-close,.mobile-topbar,.mobile-nav-toggle{display:none}.sidebar-main{gap:18px;display:grid}.sidebar-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-header h2{color:#f8fafc;margin:0 0 8px;font-size:1.35rem}.sidebar-header p{color:#94a3b8;margin:0}.sidebar-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sidebar-overview-card{background:#94a3b814;border:1px solid #94a3b824;border-radius:8px;padding:12px}.sidebar-overview-card span{color:#94a3b8;margin-bottom:6px;font-size:.85rem;display:block}.sidebar-overview-card strong{color:#f8fafc;font-size:1rem}.sidebar-nav{gap:16px;display:grid}.nav-section{gap:8px;display:grid}.nav-section-title{color:#94a3b8;align-items:center;gap:8px;padding:0 4px;font-size:.84rem;font-weight:700;display:inline-flex}.nav-section-items{gap:8px;display:grid}.nav-button,.primary-button,.ghost-button,.icon-button,.text-action{font:inherit;cursor:pointer;border:0}.nav-button{color:#cbd5e1;text-align:right;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px 12px;display:grid}.nav-button:hover,.nav-button.active{color:#fff;background:#94a3b81f;border-color:#94a3b829}.nav-button.active{background:linear-gradient(#0f766e38,#0f766e1a);border-color:#2dd4bf47}.nav-button-icon{background:#94a3b814;border-radius:8px;place-items:center;width:38px;height:38px;display:inline-grid}.nav-button.active .nav-button-icon{background:#2dd4bf2e}.nav-button-copy{gap:2px;min-width:0;display:grid}.nav-button-copy strong{color:inherit;font-size:.96rem}.nav-button-copy small{color:#94a3b8;font-size:.78rem}.nav-button-meta{justify-content:center;align-items:center;min-width:28px;display:inline-flex}.nav-badge{color:#f8fafc;background:#f8fafc1f;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 8px;font-size:.8rem;font-weight:700;display:inline-grid}.sidebar-footer{gap:12px;display:grid}.user-chip{background:#94a3b81f;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.content{gap:20px;min-width:0;padding:28px;display:grid;overflow-x:clip}.mobile-topbar{background:#fff;border:1px solid #d5dbe5;border-radius:8px;align-items:center;gap:12px;padding:12px 14px}.mobile-topbar-copy{gap:2px;display:grid}.mobile-topbar-copy strong{color:#0f172a;font-size:.95rem}.mobile-topbar-copy span{color:#64748b;font-size:.82rem}.mobile-nav-toggle,.sidebar-close{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;place-items:center;width:40px;height:40px;display:inline-grid}.sidebar-close{color:#f8fafc;background:#94a3b814;border-color:#94a3b82e}.page-hero{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-hero-copy{gap:8px;display:grid}.page-eyebrow{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.hero-divider{background:#cbd5e1;width:18px;height:1px}.page-section-label{color:#64748b;font-size:.92rem;font-weight:600}.hero-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:280px;display:grid}.hero-summary div{background:#fff;border:1px solid #d5dbe5;border-radius:8px;padding:14px 16px}.hero-summary span,.stat-tile span,.field span,.inline-metric span,.stack-item span,.stack-item p,.empty-title,.list-row span{display:block}.hero-summary span{color:#64748b;margin-bottom:8px}.hero-summary strong{color:#0f172a;font-size:1.15rem}.section-band{gap:16px;display:grid}.two-column,.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:#fff;border:1px solid #d5dbe5;border-radius:8px;gap:16px;min-width:0;padding:20px;display:grid}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-header h3{color:#0f172a;margin:0 0 6px;font-size:1.15rem}.section-header p{margin:0}.toolbar-cluster{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar-select,.toolbar-input,.field input,.field select,.field textarea,.search-box input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:11px 12px}.toolbar-select,.toolbar-input{width:auto;min-width:120px}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.stats-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.backup-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.stat-tile{background:#fff;border:1px solid #d5dbe5;border-radius:8px;padding:16px}.stat-tile strong{color:#0f172a;font-size:1.3rem}.stat-tile.good{background:#ecfdf5;border-color:#a7f3d0}.stat-tile.warn{background:#fff7ed;border-color:#fdba74}.stat-tile.bad{background:#fef2f2;border-color:#fca5a5}.chart-box{min-width:0;height:320px;min-height:260px}.entry-form{gap:18px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:8px;display:grid}.field span{color:#0f172a;font-weight:600}.field textarea{resize:vertical}.field-wide{grid-column:1/-1}.form-footer,.action-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-metric{background:#f8fafc;border:1px solid #d5dbe5;border-radius:8px;padding:12px 14px}.inline-metric strong{color:#0f172a}.primary-button,.ghost-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;display:inline-flex}.primary-button{color:#fff;background:#0f766e}.primary-button:hover{background:#115e59}.primary-button:disabled,.ghost-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.65}.ghost-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.ghost-button:hover{background:#f8fafc}.full-width{width:100%}.danger-text{color:#b91c1c}.callout{border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.callout div{gap:4px;display:grid}.callout-warn{color:#9a3412;background:#fff7ed}.search-box{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;min-width:240px;padding:0 10px;display:inline-flex}.search-box input{border:0;padding-inline:0}.list-table{gap:10px;display:grid}.list-head,.list-row{grid-template-columns:1.3fr 1.2fr .8fr .8fr .8fr .9fr .9fr;align-items:center;gap:14px;display:grid}.list-head{color:#64748b;padding:0 12px;font-weight:600}.list-row{background:#fff;border:1px solid #d5dbe5;border-radius:8px;padding:14px 12px}.list-row-alert{background:snow;border-color:#fca5a5}.row-actions,.stack-item-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-button{color:#0f172a;background:#f8fafc;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover{background:#e2e8f0}.icon-button.danger,.ghost-button.danger-text:hover{color:#b91c1c}.payments-strip{flex-wrap:wrap;grid-column:1/-1;gap:8px;padding-top:6px;display:flex}.text-action{color:#0f172a;background:#f1f5f9;border-radius:999px;padding:8px 10px}.text-action:hover{background:#e2e8f0}.status-pill{border-radius:999px;align-items:center;padding:6px 10px;font-size:.9rem;font-weight:700;display:inline-flex}.status-pill.paid{color:#166534;background:#dcfce7}.status-pill.partial{color:#9a3412;background:#ffedd5}.status-pill.unpaid{color:#b91c1c;background:#fee2e2}.stack-list{gap:12px;display:grid}.stack-item{background:#fff;border:1px solid #d5dbe5;border-radius:8px;padding:16px}.stack-item-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.stack-item strong,.list-row strong{color:#0f172a}.attachment-preview{object-fit:cover;border:1px solid #d5dbe5;border-radius:8px;width:min(100%,260px);max-height:200px;margin-top:12px}.upload-field input[type=file]{padding:9px 12px}.upload-note{color:#556070;align-items:center;gap:8px;display:inline-flex}.report-table-wrapper{background:#fff;border:1px solid #d5dbe5;border-radius:8px;overflow:auto}.report-table{border-collapse:collapse;width:100%}.report-table th,.report-table td{text-align:right;vertical-align:top;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px}.report-table th{color:#0f172a;background:#f8fafc}.status-note{border-radius:8px;padding:12px 14px;font-weight:600}.status-note.success{color:#166534;background:#ecfdf5;border:1px solid #a7f3d0}.status-note.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.notes-list{gap:12px;margin:0;padding-right:18px;display:grid}.empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:24px}.empty-title{color:#0f172a;margin:0 0 8px;font-weight:700}.error-text{color:#b91c1c;margin:0}.hint-text{margin:0;font-size:.95rem}@media (width<=1180px){.two-column,.chart-grid,.stats-grid,.backup-summary-grid{grid-template-columns:1fr}.hero-summary{min-width:0}.list-head,.list-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:20;pointer-events:none;width:min(88dvw,320px);max-width:calc(100dvw - 12px);min-height:100dvh;padding-top:max(16px, env(safe-area-inset-top));padding-right:calc(16px + env(safe-area-inset-right));padding-bottom:max(16px, env(safe-area-inset-bottom));padding-left:calc(16px + env(safe-area-inset-left));transition:transform .24s;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;transform:translate(100%);box-shadow:-24px 0 48px #0f172a3d}.sidebar.mobile-open{pointer-events:auto;transform:translate(0)}.sidebar-backdrop{z-index:19;opacity:0;pointer-events:none;background:#0f172a73;border:0;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.sidebar-nav{grid-template-columns:1fr}.sidebar-close,.mobile-topbar,.mobile-nav-toggle{display:inline-grid}.mobile-topbar{display:flex}.page-hero{flex-direction:column;align-items:flex-start}}@media (width<=480px){.sidebar{width:100dvw;max-width:100dvw;box-shadow:none}}@media (width<=720px){.content,.login-screen{padding:16px}.content{gap:16px}.panel,.login-panel,.sidebar{padding:16px}.sidebar-overview,.hero-summary,.form-grid,.stats-grid.compact,.backup-summary-grid{grid-template-columns:1fr}.hero-summary{width:100%}.toolbar-cluster,.section-header,.form-footer,.action-row{align-items:stretch}.toolbar-select,.toolbar-input,.search-box{width:100%;min-width:0}.search-box{box-sizing:border-box}.list-head{display:none}.list-row{grid-template-columns:1fr}.chart-box{height:260px}}