:root{--navy:#073e59;--deep:#052f46;--teal:#1caa96;--mint:#e8f7f4;--bg:#f3f8f9;--ink:#12384c;--muted:#68808a;--line:#d9e8ea;--danger:#bd3f45;--shadow:0 10px 32px rgba(7,62,89,.07)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,IRANSans,Tahoma,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:19px 14px;background:linear-gradient(180deg,#0b6179,#063c59 55%,#052f46);color:#fff;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 18px;border-bottom:1px solid rgba(255,255,255,.14)}.brand img{width:52px;height:52px;object-fit:contain}.brand div{display:flex;flex-direction:column}.brand strong{font-size:16px}.brand span{font-size:11px;opacity:.7}.sidebar nav{padding-top:14px}.sidebar nav button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 13px;margin:3px 0;background:transparent;color:#d5ecee;border-radius:12px;text-align:right;font-weight:700}.sidebar nav button i{font-style:normal;width:24px;text-align:center;font-size:19px}.sidebar nav button.active{background:#ffffff29;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.logout{position:absolute;bottom:20px;right:20px;background:transparent;color:#ffd4d4}.main{min-width:0;padding:28px 30px 50px;max-width:1700px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.top h1{font-size:24px;margin:0}.top p{font-size:13px;color:var(--muted);margin:2px 0 0}.primary{padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,var(--teal),var(--navy));color:#fff;font-weight:800;box-shadow:0 7px 18px #0853662b}.primary:disabled{opacity:.5}.primary.fit{width:auto}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:var(--shadow)}.kpi i{width:48px;height:48px;display:grid;place-items:center;background:var(--mint);border-radius:14px;font-style:normal;font-size:21px}.kpi div{display:flex;flex-direction:column}.kpi strong{font-size:25px;line-height:1.3}.kpi span{font-size:12px;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:15px}.panel,.branch{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.panel{padding:17px;margin-bottom:16px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel h2,.panel-title h2{font-size:16px;margin:0}.panel-title button{background:transparent;color:var(--teal);font-size:12px}.quick{display:flex;flex-direction:column;gap:9px;height:max-content}.quick h2{margin-bottom:6px}.quick button{background:#f3f9f9;color:var(--navy);padding:11px;border-radius:11px;text-align:right;font-weight:700}.quick button:hover{background:var(--mint)}.cards{display:grid;gap:11px}.branch{display:flex;align-items:center;gap:13px;padding:15px}.branch>i,.record>i{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;background:var(--mint);font-style:normal;font-size:20px}.grow{flex:1}.branch h3{font-size:15px;margin:0}.branch p,.branch small{color:var(--muted);margin:1px 0;font-size:12px}.actions{display:flex;gap:6px}.actions button,.small-btn{padding:7px 10px;border-radius:9px;background:#edf5f5;color:var(--navy);font-size:11px;font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px;text-align:right}th{font-size:11px;color:var(--muted);background:#f7fafb}th,td{padding:12px 10px;border-bottom:1px solid #e7eff0}td{font-size:12.5px}tbody tr:hover{background:#fbfdfd}.badge{display:inline-block;padding:4px 9px;border-radius:20px;font-size:10.5px;font-weight:800;white-space:nowrap}.badge.wait{background:#fff3d8;color:#9a6500}.badge.done{background:#def5ee;color:#08705d}.badge.bad{background:#fee8e8;color:#9f3035}.badge.info{background:#e6f1fb;color:#176595}.badge.off{background:#edf1f2;color:#62767d}.toolbar{display:flex;gap:10px;margin-bottom:13px}.input{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:11px;background:#fbfdfd;color:var(--ink);outline:0;margin-top:5px}.input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #1caa961a}.search{max-width:420px;margin:0}.search.wide{margin-bottom:13px}.filter{max-width:190px;margin:0}.mini-select{border:1px solid var(--line);border-radius:8px;padding:5px;background:#fff;color:var(--ink);font-size:11px}.state{min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);font-size:13px}.spinner{width:27px;height:27px;border:3px solid #dcebed;border-top-color:var(--teal);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{padding:11px 13px;border-radius:11px;margin-bottom:12px;font-size:12px}.notice.error{background:#fff0f0;color:#993238;border:1px solid #f1cccc}.notice.ok{background:#e9f8f2;color:#11725f}.overlay{position:fixed;z-index:100;inset:0;background:#031f2c75;backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.modal{background:#fff;width:100%;max-width:700px;max-height:92vh;overflow:auto;border-radius:22px;padding:20px;box-shadow:0 30px 80px #00000040}.modal>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:10px}.modal>header h2{font-size:18px;margin:0}.modal>header button{width:35px;height:35px;border-radius:50%;font-size:23px;background:#eef4f5;color:var(--muted)}label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.area{min-height:95px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.record{display:flex;align-items:center;gap:11px;background:#f5faf9;padding:12px;border-radius:14px;margin-bottom:13px}.record h3{margin:0}.record p{margin:0;color:var(--muted)}.subhead{font-size:14px;margin:20px 0 8px}.history{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid var(--line);font-size:12px}.login{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top,#d5f3ed,transparent 35%)}.login-card{width:100%;max-width:390px;padding:29px 25px;background:#fff;border:1px solid var(--line);border-radius:25px;text-align:center;box-shadow:0 24px 65px #073e5924}.login-card img{width:95px}.login-card h1{font-size:21px;margin:6px 0}.login-card>p{font-size:12px;color:var(--muted)}.login-card label{text-align:right}.ltr{direction:ltr}.otp{text-align:center;font-size:20px;letter-spacing:6px}.link{background:transparent;color:var(--navy);margin-top:12px}.crash{background:#fff;padding:35px;border:1px solid var(--line);border-radius:18px;text-align:center}.crash button{background:var(--navy);color:#fff;padding:9px 15px;border-radius:9px}.mobile-bar,.shade{display:none}@media (max-width:1050px){.kpis{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}}@media (max-width:780px){.shell{display:block}.sidebar{position:fixed;right:-270px;width:250px;transition:.25s}.sidebar.open{right:0}.shade{display:block;position:fixed;z-index:25;inset:0;background:#00000059}.main{padding:16px}.mobile-bar{display:flex;align-items:center;gap:8px;margin:-5px -3px 18px}.mobile-bar button{background:#fff;width:40px;height:40px;border-radius:11px}.mobile-bar img{width:39px;height:39px}.top h1{font-size:20px}.kpis{gap:9px}.kpi{padding:12px}.kpi i{width:40px;height:40px}.form-grid{grid-template-columns:1fr}.branch{align-items:flex-start;flex-wrap:wrap}.branch .grow{min-width:calc(100% - 65px)}.toolbar{flex-direction:column}.search,.filter{max-width:none}.top{align-items:flex-start}.primary.fit{padding:9px 11px;font-size:11px}}.main{max-width:none;margin:0;align-self:start}.fatal{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;padding:25px}.fatal img{width:90px}.fatal h2{margin:12px 0 2px}.fatal p{color:var(--muted);font-size:13px}.fatal button{padding:10px 16px;border-radius:10px;background:var(--navy);color:#fff}
