:root{--navy:#17365d;--navy2:#0c2b50;--blue:#2f75b5;--light:#f4f7fb;--line:#dbe3ee;--green:#2e7d32;--red:#c62828;--amber:#f9a825;--text:#17212e;--muted:#66768a;--white:#fff;--shadow:0 8px 30px rgba(17,43,76,.09)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,Tahoma,sans-serif;background:var(--light);color:var(--text)}body.rtl{direction:rtl}.hidden{display:none!important}button,input,select,textarea{font:inherit}.screen{min-height:100vh}
/* auth */
.auth{display:grid;place-items:center;min-height:100vh;padding:20px;background:linear-gradient(145deg,#eef4fb 0,#fff 52%,#e9f0f9 100%)}.auth-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.auth-brand{padding:18px 22px 12px;text-align:center}.auth-brand img{width:100%;height:105px;object-fit:contain}.auth-hero{background:linear-gradient(150deg,var(--navy),#285b8d);color:#fff;padding:24px 28px}.auth-hero h1{font-size:26px;line-height:1.15;margin:0 0 8px}.auth-hero p{opacity:.85;margin:0;font-size:13px}.auth-body{padding:24px 28px 28px}.auth-lang{display:flex;justify-content:flex-end;margin-bottom:12px}.lang-switch{display:inline-flex;background:#eef2f7;border-radius:999px;padding:3px}.lang-switch button{border:0;background:transparent;border-radius:999px;padding:7px 14px;cursor:pointer;color:var(--muted)}.lang-switch button.on{background:var(--navy);color:#fff}.field{margin-bottom:13px}.field label{display:block;font-size:12px;font-weight:700;color:#42536a;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #cdd8e5;border-radius:12px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5d91c8;box-shadow:0 0 0 3px rgba(47,117,181,.12)}.field textarea{min-height:88px;resize:vertical}.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:700;cursor:pointer}.btn.primary{background:var(--navy);color:#fff}.btn.secondary{background:#fff;border:1px solid var(--line);color:var(--text)}.btn.red{background:var(--red);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.full{width:100%}.hint{font-size:11px;color:var(--muted)}
/* shell */
.app-shell{min-height:100vh;padding-bottom:76px}.desktop-side{display:none}.mobile-top{position:sticky;top:0;z-index:15;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand-row{display:flex;align-items:center;gap:10px;padding:10px 14px}.brand-row img{width:120px;height:38px;object-fit:contain}.brand-title{flex:1;min-width:0}.brand-title b{display:block;font-size:15px}.brand-title small{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{border:0;background:#eef4fb;color:var(--navy);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:18px;cursor:pointer}.top-tools{display:flex;gap:6px;align-items:center}.content{padding:14px;max-width:1180px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 14px}.page-head h1{margin:0;font-size:22px}.page-head .userline{font-size:11px;color:var(--muted);margin-top:4px}.project-filter select{min-width:160px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:#fff}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 8px rgba(22,51,82,.04);padding:15px}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kpi{min-height:112px}.kpi-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.kpi-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#eaf2fb;color:var(--blue);font-weight:800}.kpi-label{font-size:11px;color:var(--muted);line-height:1.25}.kpi-value{font-size:21px;font-weight:800;margin-top:10px}.kpi-sub{font-size:10px;color:var(--muted);margin-top:4px}.kpi.alert .kpi-icon{background:#fdeaea;color:var(--red)}
.section{display:none}.section.active{display:block}.section-title{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 8px}.section-title h2{font-size:16px;margin:0}.section-title button{border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer}.summary-list{display:grid;gap:8px}.summary-row{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:7px;align-items:center;padding:12px 4px;border-bottom:1px solid #edf1f5}.summary-row:last-child{border:0}.summary-row small{color:var(--muted)}.money{text-align:right;font-variant-numeric:tabular-nums}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700}.status.green{background:#e8f5eb;color:#23713a}.status.amber{background:#fff4d6;color:#866000}.status.red{background:#fde8e8;color:#a61f1f}.status.blue{background:#eaf2fb;color:#245b91}.chart-bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 74px;gap:8px;align-items:center;font-size:11px}.bar-track{height:9px;background:#edf2f7;border-radius:10px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#2f75b5,#60a0dc);border-radius:10px}
.form-card{max-width:760px;margin:0 auto}.form-grid{display:grid;grid-template-columns:1fr;gap:2px}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.upload-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upload-label{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border:1px dashed #aec2d8;border-radius:12px;color:var(--navy);font-weight:700;cursor:pointer;background:#f9fbfd}.upload-label input{display:none}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:10px 8px;border-bottom:1px solid #edf1f5;text-align:left;white-space:nowrap}body.rtl .data-table th,body.rtl .data-table td{text-align:right}.data-table th{font-size:10px;color:var(--muted);background:#f8fafc}.entry-card{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid #edf1f5}.entry-card:last-child{border:0}.entry-top{display:flex;justify-content:space-between;gap:8px}.entry-meta{font-size:10px;color:var(--muted)}
.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:68px;background:var(--navy);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -6px 22px rgba(14,43,78,.15)}.bottom-nav button{border:0;background:transparent;color:#d8e6f5;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.bottom-nav button span:first-child{font-size:20px}.bottom-nav button.active{color:#fff}.bottom-nav .fab span:first-child{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#2f75b5;margin-top:-22px;border:4px solid var(--navy);font-size:28px}.sheet{position:fixed;z-index:40;inset:0;background:rgba(10,28,48,.45);display:none;align-items:flex-end}.sheet.open{display:flex}.sheet-panel{background:#fff;width:100%;border-radius:24px 24px 0 0;padding:18px;max-height:82vh;overflow:auto}.sheet-handle{width:44px;height:4px;background:#cbd6e3;border-radius:4px;margin:0 auto 14px}.add-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.add-item{padding:18px 10px;border-radius:16px;border:1px solid var(--line);background:#f8fbff;text-align:center;color:var(--navy);font-weight:700;cursor:pointer}.add-item b{display:block;font-size:24px;margin-bottom:6px}.toast{position:fixed;z-index:60;left:14px;right:14px;bottom:84px;background:#17212e;color:#fff;padding:12px 14px;border-radius:13px;display:none;box-shadow:var(--shadow)}.toast.error{background:#9c2222}.offline{position:fixed;top:0;left:0;right:0;z-index:99;background:#9c2222;color:#fff;text-align:center;padding:7px;font-size:12px;display:none}.loading-overlay{position:fixed;inset:0;z-index:80;background:rgba(255,255,255,.55);display:none;place-items:center}.loading-overlay.show{display:grid}.spinner{width:44px;height:44px;border:4px solid #dbe5f0;border-top-color:var(--navy);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.profile-grid{display:grid;gap:12px}.profile-item{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #edf1f5}.profile-item:last-child{border:0}.empty{padding:24px;text-align:center;color:var(--muted)}
@media(min-width:860px){.app-shell{padding:0 0 0 238px}.mobile-top,.bottom-nav{display:none}.desktop-side{display:block;position:fixed;left:0;top:0;bottom:0;width:238px;background:var(--navy);color:#fff;padding:16px 13px;z-index:20}.desktop-side img{width:100%;height:78px;object-fit:contain;background:#fff;border-radius:14px;padding:7px;margin-bottom:15px}.desktop-title{font-size:18px;font-weight:800;margin:3px 6px 18px}.desktop-title small{font-size:10px;font-weight:400;opacity:.7;display:block;margin-top:5px}.side-nav{display:grid;gap:3px}.side-nav button{border:0;background:transparent;color:#dce7f4;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.side-nav button.active,.side-nav button:hover{background:#28507d;color:#fff}body.rtl .desktop-side{left:auto;right:0}body.rtl .app-shell{padding:0 238px 0 0}body.rtl .side-nav button{text-align:right}.content{padding:22px 28px}.kpi-grid{grid-template-columns:repeat(4,1fr)}.dashboard-lower{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.form-grid{grid-template-columns:repeat(2,1fr);gap:4px 12px}.field.full{grid-column:1/-1}.auth-card{width:min(520px,100%)}.auth-brand img{height:120px}}