*{box-sizing:border-box}:root{--navy:#102f55;--navy2:#173b6c;--gold:#c9a65b;--bg:#f4f6f9;--ink:#172033;--muted:#68768a;--line:#e3e8ef}body{margin:0;font-family:Arial,"Tahoma",sans-serif;background:var(--bg);color:var(--ink)}header{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 4px 18px #102f5524}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{flex:none}.brandmark{width:44px;height:44px;border:1px solid #ffffff33;border-radius:13px;background:#fff;color:var(--gold);display:grid;place-items:center;font-weight:900;font-size:17px;box-shadow:0 3px 12px #0002;flex:none}.brandtext{min-width:0}.brandtext b{display:block;font-size:17px;white-space:nowrap}.brandtext small{display:block;color:#ffffffb8;margin-top:3px;white-space:nowrap}main{max-width:1280px;margin:auto;padding:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:13px;box-shadow:0 3px 14px #16233b0a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.grid>.card{margin-bottom:0;min-height:112px}.grid>.card small{font-size:14px}.grid>.card h2{font-size:24px;margin:18px 0 0;direction:rtl}.actions,.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row{justify-content:space-between}button{border:0;border-radius:11px;padding:10px 14px;font-weight:700;cursor:pointer;background:var(--navy2);color:#fff;transition:.15s;min-height:40px}.soft{background:#edf2f8;color:var(--navy2)}.gold{background:var(--gold);color:#172033}nav{display:flex;gap:7px;overflow-x:auto;padding:9px 18px;background:#fff;border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch}nav::-webkit-scrollbar{display:none}nav button{white-space:nowrap;background:#f0f3f7;color:var(--navy2);padding:9px 13px}nav button.active{background:var(--navy2);color:#fff}label{display:block;margin-top:11px;margin-bottom:5px;font-weight:700;color:#26364b}input,select,textarea{width:100%;padding:12px;border:1px solid #d5dce6;border-radius:10px;background:#fff;font-size:16px;outline:none}input:focus,select:focus,textarea:focus{border-color:#7d94b3;box-shadow:0 0 0 3px #173b6c12}textarea{min-height:90px}.login{max-width:440px;margin:8vh auto;padding:16px}.login .card{padding:28px}.loginbrand{text-align:center;margin-bottom:22px}.loginbrand .brandmark{margin:0 auto 12px;width:72px;height:72px;font-size:24px;border-color:var(--line)}.hide{display:none}.modal{position:fixed;inset:0;background:#0a183073;display:none;place-items:center;padding:14px;z-index:50;backdrop-filter:blur(3px)}.modal.open{display:grid}.modalbox{width:min(620px,100%);max-height:92vh;overflow:auto;overscroll-behavior:contain}.modalbox>.row:first-child{position:sticky;top:0;z-index:7;background:#fff;padding:8px 0 10px;border-bottom:1px solid var(--line);margin-bottom:10px}.modalbox #msave{position:sticky;bottom:0;z-index:8;margin:14px 0 0;padding:14px 16px;min-height:50px;box-shadow:0 -12px 24px #fff,0 4px 14px #102f5530}.modalbox #msave:disabled{opacity:.65;cursor:wait}.modalbox details{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:0 12px 12px;margin-top:14px}.modalbox details summary{color:var(--navy2)}.wide{width:100%;margin-top:14px}.scroll{overflow:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:right;padding:11px;border-bottom:1px solid #edf0f4}th{background:#f7f9fb;color:#445269}h1,h2,h3{margin-top:5px}.muted,small{color:var(--muted)}#quick-entry-card>.card{border-top:3px solid var(--gold)}.smart-launch{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #c9a65b55;background:linear-gradient(135deg,#fff,#fffaf0)}.smart-launch h3,.smart-launch p{margin-bottom:5px}.smart-intro{background:#f7f9fc;box-shadow:none}.smart-review{margin-top:14px;border-top:3px solid var(--gold)}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.review-grid>div{background:#f7f9fb;border:1px solid var(--line);padding:10px;border-radius:10px}.review-grid small,.review-grid b{display:block}.review-grid b{margin-top:5px}
@media(min-width:651px){nav{flex-wrap:wrap;overflow:visible;row-gap:8px;padding-top:10px;padding-bottom:10px}nav button{min-height:42px}nav button:hover{background:#e4ebf4}.modalbox #msave{position:sticky;bottom:0;z-index:8;margin:14px 0 0;padding:13px 14px;min-height:48px;box-shadow:0 -12px 24px #fff,0 4px 14px #102f5530}.modalbox #msave:disabled{opacity:.65;cursor:not-allowed}}
@media(max-width:650px){header{padding:8px 9px;gap:6px;align-items:flex-start}.brand{flex:0 0 auto}.brand img{width:96px!important;max-height:42px!important;padding:3px!important;border-radius:8px!important}.brandtext{display:none}header .actions{flex:1;justify-content:flex-end;align-items:flex-start;gap:4px;flex-wrap:wrap}header button{padding:8px 9px;font-size:12px;min-height:36px}main{padding:10px}h1{font-size:21px}h2{font-size:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.grid>.card{min-height:94px;padding:12px}.grid>.card small{font-size:12px}.grid>.card h2{font-size:18px;margin-top:14px;white-space:normal;overflow-wrap:anywhere}.card{padding:13px;border-radius:14px;margin-bottom:10px}nav{padding:7px 10px;position:sticky;top:0;z-index:20;scroll-snap-type:x proximity;scroll-padding-inline:45%}nav button{padding:9px 12px;font-size:13px;min-height:42px;scroll-snap-align:center;flex:0 0 auto}nav button.active{box-shadow:0 3px 10px #102f5530;outline:2px solid #c9a65b55;outline-offset:1px}.login{margin:3vh auto}.login .card{padding:20px}.modal{padding:0;align-items:end}.modalbox{border-radius:18px 18px 0 0;max-height:92vh;margin:0;padding-bottom:max(13px,env(safe-area-inset-bottom));overscroll-behavior:contain}.modalbox #mform{padding-bottom:8px}.modalbox #msave{margin:12px 0 0;padding:13px 12px;min-height:48px}.modalbox #msave:disabled{opacity:.65}button{padding:10px 12px}.smart-launch{align-items:flex-start}.smart-launch p{font-size:12px}.review-grid{grid-template-columns:1fr 1fr}input,select,textarea{font-size:16px}}
@media(max-width:390px){header{align-items:center}.brand img{width:78px!important;max-height:38px!important}header .actions{justify-content:flex-end}.grid{grid-template-columns:1fr 1fr}.grid>.card h2{font-size:16px}header button{font-size:11px;padding:7px 8px;min-height:34px}.smart-launch{display:block}.smart-launch button{width:100%;margin-top:8px}.review-grid{grid-template-columns:1fr}}
