:root{
  --blue-950:#0b1f4b;--blue-900:#102d6b;--blue-800:#143b8f;--blue-700:#1e4fb3;--blue-600:#2a62ce;--blue-100:#eaf1ff;
  --gold:#c6a44b;--bg:#f4f7fb;--card:#fff;--text:#182235;--muted:#6b7280;--line:#e5eaf2;--danger:#b42318;--success:#087a52;
  --shadow:0 18px 50px rgba(16,45,107,.08);--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tahoma","Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);direction:rtl}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%}
body.app-body{overflow-x:hidden}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:40;top:0;right:0;width:290px;height:100vh;background:linear-gradient(180deg,var(--blue-950),var(--blue-900));color:#fff;display:flex;flex-direction:column;box-shadow:-12px 0 45px rgba(8,27,67,.16);transition:.25s}.brand{display:flex;gap:12px;align-items:center;padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.brand img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:14px;padding:5px}.brand b{display:block;font-size:17px}.brand span{font-size:11px;color:#bfd0fb}.sidebar-nav{padding:14px 12px;overflow:auto}.nav-section{font-size:11px;color:#92a9da;padding:12px 12px 6px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:#dbe7ff;margin:3px 0;transition:.2s}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.11);color:#fff}.nav-link .ico{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:14px}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.1)}.user-mini{padding:9px 10px;background:rgba(255,255,255,.07);border-radius:12px;font-size:12px}.main{margin-right:290px;min-height:100vh;transition:.25s}.topbar{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:25;border-bottom:1px solid var(--line)}.topbar h1{font-size:21px;margin:0}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 12px;cursor:pointer}.mobile-toggle{display:none}.content{padding:24px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.page-head h2{margin:0 0 4px;font-size:25px}.page-head p{margin:0;color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.btn-primary{background:var(--blue-700);color:#fff}.btn-primary:hover{background:var(--blue-800)}.btn-secondary{background:#eef3fb;color:var(--blue-800)}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--text)}.btn-danger{background:#fff0ef;color:var(--danger)}.btn-success{background:#e8f7f1;color:var(--success)}.btn-sm{padding:7px 10px;font-size:12px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body{padding:18px}.card-title{font-weight:800;margin:0 0 14px}.stat{padding:19px}.stat small{display:block;color:var(--muted);margin-bottom:8px}.stat strong{font-size:24px;display:block}.stat .trend{font-size:11px;margin-top:7px;color:var(--blue-700)}.stat-icon{width:46px;height:46px;border-radius:14px;background:var(--blue-100);display:grid;place-items:center;color:var(--blue-800);font-size:21px;float:left}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle;font-size:13px}.table th{background:#f9fbfe;color:#536078;white-space:nowrap}.table tr:hover td{background:#fcfdff}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.badge-cash{background:#e9f8f1;color:#087a52}.badge-debt{background:#fff2dd;color:#9a5b00}.badge-blue{background:#edf3ff;color:#214fa4}.badge-red{background:#fff0ef;color:#a72d24}.form-card{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}.label{font-size:12px;font-weight:700;color:#4d5870}.input,.select,.textarea{width:100%;border:1px solid #d8dfeb;background:#fff;border-radius:11px;padding:10px 11px;outline:none;transition:.2s}.input:focus,.select:focus,.textarea:focus{border-color:#7ea4ef;box-shadow:0 0 0 3px rgba(42,98,206,.1)}.textarea{min-height:88px;resize:vertical}.hint{font-size:11px;color:var(--muted)}.section-split{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.section-split h3{margin:0;font-size:15px}.line-items{border:1px solid var(--line);border-radius:14px;overflow:hidden}.line-item{display:grid;grid-template-columns:2fr .8fr 1fr 1fr 44px;gap:8px;padding:10px;border-bottom:1px solid var(--line);align-items:center}.line-item:last-child{border-bottom:0}.totals-box{margin-top:14px;margin-right:auto;width:min(380px,100%);background:#f8faff;border:1px solid #dfe8f8;border-radius:14px;padding:14px}.total-row{display:flex;justify-content:space-between;padding:6px 0}.total-row.grand{border-top:1px dashed #cdd7e6;margin-top:5px;padding-top:10px;font-size:18px;font-weight:800}.alert{border-radius:13px;padding:12px 14px;margin-bottom:16px;border:1px solid}.alert-success{background:#edf9f4;border-color:#ccebdd;color:#0a6a49}.alert-error{background:#fff1f0;border-color:#f5d2d0;color:#9c2f29}.tabs{display:flex;gap:6px;background:#eaf0f9;padding:5px;border-radius:12px;width:max-content;max-width:100%;overflow:auto}.tab{padding:8px 12px;border-radius:9px;font-size:12px;white-space:nowrap}.tab.active{background:#fff;box-shadow:0 2px 8px rgba(16,45,107,.08);color:var(--blue-800);font-weight:800}.empty{padding:36px;text-align:center;color:var(--muted)}.empty .big{font-size:42px;margin-bottom:8px}.drawer-overlay{position:fixed;inset:0;background:rgba(11,31,75,.26);display:none;z-index:80}.drawer{position:fixed;top:0;right:0;width:min(620px,96vw);height:100vh;background:#fff;z-index:90;transform:translateX(105%);transition:.28s;box-shadow:-30px 0 60px rgba(11,31,75,.18);overflow:auto}.drawer.open{transform:translateX(0)}.drawer-overlay.open{display:block}.drawer-head{position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.drawer-body{padding:18px}.drawer-close{border:0;background:#f1f4f9;border-radius:9px;width:36px;height:36px;cursor:pointer}.customer-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:13px 14px;margin-bottom:8px;background:#fff}.customer-card:hover{border-color:#bfcfec}.mini{font-size:11px;color:var(--muted)}.project-tile{padding:22px;position:relative;overflow:hidden}.project-tile:before{content:"";position:absolute;left:-30px;top:-30px;width:120px;height:120px;border-radius:40px;background:var(--blue-100);transform:rotate(22deg)}.project-tile h3,.project-tile p,.project-tile .actions{position:relative}.project-tile h3{font-size:21px;margin:0 0 8px}.project-tile p{color:var(--muted);min-height:42px;font-size:12px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-visual{background:linear-gradient(135deg,var(--blue-950),var(--blue-700));position:relative;overflow:hidden;color:#fff;padding:58px;display:flex;flex-direction:column;justify-content:flex-end}.login-visual:before,.login-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.login-visual:before{width:550px;height:550px;top:-210px;right:-120px}.login-visual:after{width:360px;height:360px;top:10px;right:55px}.login-visual img{position:absolute;top:50px;right:55px;width:150px;filter:drop-shadow(0 15px 30px rgba(0,0,0,.12));background:white;padding:16px;border-radius:24px}.login-visual h1{font-size:38px;max-width:640px;margin:0 0 14px;line-height:1.3}.login-visual p{max-width:580px;color:#cddcff;line-height:1.9}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-box{width:min(430px,100%)}.login-box h2{font-size:30px;margin:0 0 8px}.login-box>p{color:var(--muted);margin:0 0 26px}.public-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.public-brand{display:flex;align-items:center;gap:10px}.public-brand img{width:46px;height:46px;object-fit:contain}.hero{padding:78px 6vw;background:linear-gradient(135deg,#f8fbff,#eef4ff);display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;min-height:520px}.hero h1{font-size:46px;line-height:1.35;margin:0 0 16px;color:var(--blue-950)}.hero h1 span{color:var(--blue-600)}.hero p{color:#56657e;font-size:17px;line-height:2}.hero-card{background:#fff;border-radius:34px;padding:34px;box-shadow:0 30px 80px rgba(28,68,150,.14);display:grid;place-items:center;min-height:350px}.hero-card img{width:280px}.gallery-section{padding:70px 6vw;background:#fff}.gallery-grid{columns:3 280px;column-gap:16px}.gallery-item{break-inside:avoid;margin:0 0 16px;border-radius:18px;overflow:hidden;background:#f3f6fb;border:1px solid var(--line);box-shadow:0 10px 28px rgba(10,42,100,.07)}.gallery-item img,.gallery-item video{display:block;width:100%;height:auto}.gallery-caption{padding:10px 12px;font-size:12px;color:#536078}.public-footer{padding:30px 6vw;background:var(--blue-950);color:#cbd8f6;text-align:center;font-size:12px}.print-only{display:none}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(100%)}.sidebar.open{transform:translateX(0)}.main{margin-right:0}.mobile-toggle{display:inline-flex}.hero{grid-template-columns:1fr}.hero-card{order:-1;min-height:280px}.hero h1{font-size:38px}}
@media(max-width:700px){.content{padding:15px}.topbar{padding:0 14px}.topbar h1{font-size:17px}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.line-item{grid-template-columns:1fr 1fr}.line-item .remove-line{grid-column:2}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:24px;min-height:100vh}.hero{padding:50px 20px}.hero h1{font-size:31px}.public-header{padding:0 18px}.public-brand b{font-size:13px}.gallery-section{padding:45px 18px}}
@media print{body{background:#fff}.no-print,.sidebar,.topbar,.page-head .actions{display:none!important}.main{margin:0}.content{padding:0}.card{box-shadow:none;border:0}.print-only{display:block}}