@import"https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700&display=swap";:root{--navy: #1a2744;--green: #2e7d5e;--bg: #f4f6fa;--amber: #e65100;--red: #c62828}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Heebo,sans-serif;direction:rtl;background:var(--bg);color:#1a2744}button{font-family:inherit;cursor:pointer}.login-wrap{min-height:100vh;background:linear-gradient(135deg,#1a2744,#0d4f3c);display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border-radius:16px;padding:32px;width:360px;box-shadow:0 10px 40px #00000040}.login-title{text-align:center;font-size:22px;font-weight:700;color:var(--navy);margin-bottom:24px}.field{width:100%;border:1.5px solid #ddd;border-radius:8px;padding:10px 14px;font-size:14px;font-family:inherit;outline:none;margin-bottom:12px}.field:focus{border-color:var(--green)}.btn-primary{width:100%;background:var(--green);color:#fff;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:600;margin-top:8px}.btn-ghost{width:100%;background:transparent;border:none;color:var(--navy);padding:10px;font-size:13px;margin-top:8px}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e2e6ee;border-radius:8px;background:#fff;color:var(--navy);font-size:16px;cursor:pointer}.icon-btn:hover{border-color:var(--green);color:var(--green)}.icon-btn.danger:hover{border-color:#d33;color:#d33}.icon-btn[aria-label]:after{content:attr(aria-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;background:var(--navy);color:#fff;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease;transition-delay:0s;z-index:20}.icon-btn[aria-label]:hover:after{opacity:1;transition-delay:.2s}.btn-secondary{background:#fff;border:1.5px solid #ddd;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;color:var(--navy)}.btn-secondary:hover{border-color:var(--green)}.btn-danger{background:#fff;border:1.5px solid #f0c2c2;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;color:#c0392b}.btn-danger:hover{border-color:#c0392b}.btn-secondary:disabled,.btn-danger:disabled{opacity:.6;cursor:default}.login-error{background:#fff0f0;border:1px solid #ffcccc;border-radius:8px;padding:10px 14px;font-size:13px;color:#c00;margin-bottom:16px}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--navy);color:#fff;display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{padding:20px;font-size:18px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-badge{padding:4px 20px;font-size:11px;color:#fff9;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-role{padding:10px 20px;font-size:12px;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-role-name{font-size:11px;color:#ffffff59;margin-top:2px}.sidebar-poweredby{margin-top:8px;font-size:11px;color:#ffffff4d}.lang-switcher{width:100%;margin-bottom:8px;padding:6px 8px;font-size:13px;color:#ffffffd9;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px}.lang-switcher option{color:#1a2744}.wh-tag{display:inline-block;font-size:11px;font-weight:600;color:#1a56db;background:#e8f0fe;border:1px solid #bfdbfe;border-radius:12px;padding:2px 8px;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:24px;z-index:1000}.modal-card{position:relative;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 40px #0003}.modal-close{position:absolute;top:12px;inset-inline-end:16px;border:none;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#667}.order-row{display:flex;justify-content:space-between;align-items:center;width:100%;background:#fff;border:none;border-radius:12px;padding:12px 16px;margin:8px 0;color:inherit;font:inherit;text-align:inherit;cursor:pointer;box-shadow:0 1px 4px #0000000f}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:14px;color:#ffffffa6;text-decoration:none;border-radius:8px;margin:2px 8px}.nav-item.active,.nav-item:hover{background:#ffffff1a;color:#fff}.sidebar-foot{margin-top:auto;padding:16px}.main{flex:1;padding:32px}.content{max-width:960px;margin:0 auto}.page-title{font-size:22px;font-weight:700;margin-bottom:16px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.page-header-actions{display:flex;gap:8px;flex-shrink:0}.page-header-actions .btn-primary{width:auto;margin-top:0;padding:8px 16px;font-size:14px}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:8px}.page-back{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--navy);font-size:18px;line-height:1;cursor:pointer}.page-back:hover{background:#0000000d}.breadcrumb-trail{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:#888}.breadcrumb-link{color:#888;text-decoration:none}a.breadcrumb-link:hover{color:var(--green);text-decoration:underline}.breadcrumb-sep{color:#c2c6cf}.breadcrumb-current{color:var(--navy);font-weight:600}.empty-state{background:#fff;border:1px dashed #d6dce8;border-radius:12px;padding:48px;text-align:center;color:#8893a8}