@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap";:root{font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--primary: #197BBD}*{font-family:"Tajawal",inherit}body{font-family:Tajawal,sans-serif;margin:0;padding:0;font-weight:400;background-color:#f7f9fc}.profile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:2300}.profile-drawer-wrapper{position:fixed;top:0;left:0;height:100vh;width:0;overflow:hidden;z-index:2400;pointer-events:none}.profile-drawer{height:100%;width:300px;background:#fff;border-radius:0 20px 20px 0;box-shadow:0 10px 30px #0f235f2e;padding:24px 20px;transform:translate(-100%);transition:transform .25s ease-out;display:flex;flex-direction:column;gap:16px}.profile-drawer-wrapper.profile-drawer-wrapper--open{width:300px;pointer-events:auto}.profile-drawer-wrapper.profile-drawer-wrapper--open .profile-drawer{transform:translate(0)}.profile-drawer-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.profile-avatar-circle{width:56px;height:56px;border-radius:999px;background:#197bbd;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;flex-shrink:0}.profile-info{flex:1;text-align:right;direction:rtl}.profile-name{font-weight:600;font-size:15px}.profile-sub{font-size:13px;color:#9ba5c5}.profile-close-btn{border:none;background:transparent;font-size:20px;cursor:pointer;line-height:1}.profile-drawer-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}.profile-drawer-item{width:100%;text-align:right;padding:10px 12px;border-radius:10px;border:none;background:#f3f7ff;cursor:pointer;font-size:14px;color:#197bbd;transition:background .2s ease,transform .1s ease,box-shadow .15s ease}.profile-drawer-item:hover{background:#e9f3ff;box-shadow:0 4px 14px #0f235f1f}.profile-drawer-item:active{transform:translateY(-1px)}.profile-details{padding:12px;background:#f8f9fa;border-radius:10px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px}.profile-detail-item{display:flex;justify-content:flex-start;align-items:center;gap:8px;font-size:13px;direction:rtl}.detail-label{color:#666;font-weight:500}.detail-value{color:#197bbd;font-weight:600}.profile-drawer-item{display:flex;align-items:center;gap:10px;direction:rtl}.item-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;filter:brightness(0) saturate(100%) invert(32%) sepia(85%) saturate(1045%) hue-rotate(175deg) brightness(91%) contrast(93%)}.item-label{flex:1;text-align:right}.logout-item{background:#ffe5e5;color:#dc3545;margin-top:8px}.logout-item .item-icon{filter:brightness(0) saturate(100%) invert(24%) sepia(93%) saturate(4328%) hue-rotate(347deg) brightness(88%) contrast(89%)}.logout-item:hover{background:#fcc;box-shadow:0 4px 14px #dc354526}@media(max-width:768px){.profile-drawer{width:260px}}.notifications-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:2300}.notifications-drawer-wrapper{position:fixed;top:0;left:0;height:100vh;width:0;overflow:hidden;z-index:2400;pointer-events:none}.notifications-drawer{height:100%;width:320px;background:#fff;border-radius:0 20px 20px 0;box-shadow:0 10px 30px #0f235f2e;padding:20px 18px;transform:translate(-100%);transition:transform .25s ease-out;display:flex;flex-direction:column;gap:16px;overflow:hidden}.notifications-drawer-wrapper.notifications-drawer-wrapper--open{width:320px;pointer-events:auto}.notifications-drawer-wrapper.notifications-drawer-wrapper--open .notifications-drawer{transform:translate(0)}.notifications-drawer-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.notifications-icon-circle{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#197bbd,#1565a0);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}.header-notification-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.notification-type-icon{width:22px;height:22px}.notifications-header-info{flex:1;text-align:right;direction:rtl;display:flex;align-items:center;gap:10px;justify-content:flex-start}.notifications-title{font-weight:600;font-size:17px;color:#1a1a2e}.notifications-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.notifications-close-btn{border:none;background:transparent;font-size:24px;cursor:pointer;line-height:1;color:#666;transition:color .2s}.notifications-close-btn:hover{color:#1a1a2e}.mark-all-read-btn{width:100%;padding:10px 16px;background:#f3f7ff;border:none;border-radius:10px;color:#197bbd;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,box-shadow .2s;direction:rtl}.mark-all-read-btn:hover{background:#e9f3ff;box-shadow:0 4px 14px #0f235f1f}.notifications-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.notifications-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.notification-item{display:flex;gap:12px;padding:14px;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;direction:rtl}.notification-item:hover{background:#f0f4ff;box-shadow:0 4px 12px #0f235f14}.notification-item:active{transform:scale(.98)}.notification-item.unread{background:linear-gradient(135deg,#e8f4fd,#f0f7ff);border-right:3px solid #197bbd}.notification-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 2px 8px #0000000f}.notification-content{flex:1;min-width:0}.notification-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.notification-item-title{font-weight:600;font-size:14px;color:#1a1a2e}.unread-dot{width:8px;height:8px;background:#197bbd;border-radius:50%;flex-shrink:0}.notification-message{font-size:13px;color:#666;margin:0 0 6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.notification-time{font-size:11px;color:#999}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999;text-align:center}.no-notifications-icon{width:48px;height:48px;opacity:.4;margin-bottom:12px}.no-notifications p{margin:0;font-size:14px}@media(max-width:768px){.notifications-drawer,.notifications-drawer-wrapper.notifications-drawer-wrapper--open{width:100%;max-width:320px}}.header{display:inline-flex;align-items:center;padding:8px 12px;background-color:#f5f7ff;border-radius:25px;margin-top:20px;margin-left:20px;gap:8px}.header-icon-btn{border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease}.header-icon-btn:hover{transform:scale(1.05)}.header-icon-btn:active{transform:scale(.95)}.header-profile-img{width:36px;height:36px;display:block}.header-bell-img{width:24px;height:24px;display:block}.dashboard-grid{display:grid;grid-template-columns:repeat(4,170px);justify-content:center;gap:28px 40px;margin:60px auto 80px}.grid-box{width:150px;height:150px;background:#ecf5fd;border:none;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .25s ease;box-shadow:none}.grid-box:hover{transform:translateY(-6px);box-shadow:0 8px 25px #197bbd59;background:#d4e8fa}.grid-icon{width:48px;height:48px;object-fit:contain;margin-bottom:14px;transition:transform .25s ease}.grid-box:hover .grid-icon{transform:scale(1.1)}.grid-title{font-size:18px;color:#197bbd;font-weight:600;transition:color .25s ease}.grid-box:hover .grid-title{color:#1565a0}@media(max-width:1024px){.dashboard-grid{grid-template-columns:repeat(4,140px);gap:20px 24px}.grid-box{width:140px;height:140px}.grid-icon{width:42px;height:42px}.grid-title{font-size:16px}}@media(max-width:768px){.dashboard-grid{grid-template-columns:repeat(3,130px);gap:18px 20px}.grid-box{width:130px;height:130px}.grid-icon{width:40px;height:40px;margin-bottom:12px}.grid-title{font-size:15px}}@media(max-width:520px){.dashboard-grid{grid-template-columns:repeat(2,140px);gap:20px 20px}.grid-box{width:140px;height:140px}.grid-icon{width:44px;height:44px;margin-bottom:10px}.grid-title{font-size:14px}}.grid-box-shimmer{pointer-events:none;background:#f0f6ff;border-color:#e0ecf7}.shimmer{background:linear-gradient(90deg,#e8eef5 25%,#dce4ed,#e8eef5 75%);background-size:400px 100%;animation:shimmer 1.2s infinite ease-in-out}.shimmer-icon{width:48px;height:48px;border-radius:12px;margin-bottom:14px}.shimmer-title{width:70px;height:18px;border-radius:6px}.home-page{min-height:100vh;background-color:#f5f7fb;padding:40px 60px}.top-bar{display:flex;align-items:center;justify-content:flex-start}.left-icons{display:flex;align-items:center;gap:16px}.avatar-circle{width:40px;height:40px;border-radius:50%;background:#ffd66b;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 0 2px #fff,0 4px 10px #0000001a}.notif-circle{position:relative;width:40px;height:40px;border-radius:50%;background:#ff9f5b;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 0 2px #fff,0 4px 10px #0000001a}.notif-dot{position:absolute;top:6px;right:7px;width:9px;height:9px;border-radius:50%;background:#ff4b4b;border:2px solid #ffffff}.home-title{font-size:28px;text-align:center;font-weight:700;color:#197bbd;margin-top:25px;margin-bottom:25px}.side-menu-wrapper{position:fixed;top:0;right:0;height:100vh;width:250px;display:flex;justify-content:flex-start;z-index:2000}.side-menu{direction:rtl;width:250px;background:#fff;border-radius:20px 0 0 20px;box-shadow:0 8px 30px #0f235f1a;padding:20px 20px 20px 16px;overflow-y:auto}.side-menu-logo{width:100%;height:180px;background:transparent;border-radius:12px;margin-bottom:30px;display:flex;align-items:center;justify-content:center;padding:16px}.side-menu-logo-img{max-width:100%;max-height:100%;width:100%;object-fit:contain}.side-menu-logo-placeholder{width:200px;height:140px;background-color:#f0f0f0;border:2px solid #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#999}.side-menu-list{list-style:none;padding:0;margin:0}.side-menu-item{width:100%;display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:none;background:transparent;cursor:pointer;font-size:15px;color:#9ba5c5;text-align:right;position:relative;outline:none!important;transition:background .2s ease,color .2s ease}.side-menu-item:focus{outline:none!important;box-shadow:none!important}.side-menu-icon{width:26px;height:26px;opacity:.6;transition:.2s ease}.side-menu-label{flex:1;text-align:right}.side-menu-item:hover{background:#f2f6ff;color:var(--primary)}.side-menu-item:hover .side-menu-icon{opacity:.9}.side-menu-item.active{background:#e9f3ff;color:var(--primary);font-weight:600}.side-menu-item.active .side-menu-icon{opacity:1}.side-menu-item.active:after{content:"";position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:4px;height:70%;background:var(--primary);border-radius:999px}.side-menu-toggle{display:none}.side-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:1990}@media(max-width:991px){.side-menu-toggle{display:flex;align-items:center;justify-content:center;position:fixed;bottom:16px;right:16px;z-index:2100;width:44px;height:44px;border-radius:999px;border:none;background:var(--primary);color:#fff;font-size:22px;cursor:pointer;box-shadow:0 6px 18px #0000002e}.side-menu-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;justify-content:flex-end;pointer-events:none;align-items:flex-start}.side-menu-wrapper.side-menu-wrapper--open{pointer-events:auto}.side-menu{position:fixed;top:0;right:0;height:100vh;width:260px;border-radius:0;transform:translate(100%);transition:transform .25s ease-out;z-index:2110;box-shadow:0 12px 40px #0f235f14}.side-menu-wrapper.side-menu-wrapper--open .side-menu{transform:translate(0)}}@media(min-width:992px){.side-menu-backdrop{display:none}}:root{--cp-primary: #2563eb;--cp-primary-hover: #1d4ed8;--cp-bg: #f8fafc;--cp-card-bg: #ffffff;--cp-text-main: #1e293b;--cp-text-muted: #64748b;--cp-border: #e2e8f0;--cp-success: #10b981;--cp-warning: #f59e0b;--cp-danger: #ef4444;--cp-radius: 12px;--cp-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--cp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}.checkpoints-page{padding:24px;background-color:var(--cp-bg);min-height:100vh;font-family:Tajawal,system-ui,-apple-system,sans-serif;direction:rtl;margin-right:260px}@media(max-width:991px){.checkpoints-page{margin-right:0}}.cp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.cp-header-title h1{font-size:24px;font-weight:700;color:var(--cp-text-main);margin:0 0 4px}.cp-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--cp-text-muted)}.cp-breadcrumbs span.active{color:var(--cp-text-main);font-weight:500}.cp-primary-btn{background-color:var(--cp-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:var(--cp-shadow-sm)}.cp-primary-btn:hover{background-color:var(--cp-primary-hover);transform:translateY(-1px);box-shadow:var(--cp-shadow-md)}.cp-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.cp-kpi-card{background:var(--cp-card-bg);padding:20px;border-radius:var(--cp-radius);border:1px solid var(--cp-border);box-shadow:var(--cp-shadow-sm);display:flex;flex-direction:column;gap:8px}.cp-kpi-label{font-size:13px;color:var(--cp-text-muted);font-weight:500}.cp-kpi-value{font-size:24px;font-weight:700;color:var(--cp-text-main)}.cp-kpi-trend{font-size:12px;display:flex;align-items:center;gap:4px}.trend-up{color:var(--cp-success)}.trend-down{color:var(--cp-danger)}.cp-main-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.cp-content-area{background:transparent;display:flex;flex-direction:column;gap:16px}.cp-list-controls{display:flex;justify-content:space-between;align-items:center;background:var(--cp-card-bg);padding:16px;border-radius:var(--cp-radius);border:1px solid var(--cp-border);box-shadow:var(--cp-shadow-sm);flex-wrap:wrap;gap:12px}.cp-search-wrapper{position:relative;flex:1;min-width:250px}.cp-search-input{width:100%;padding:10px 40px 10px 16px;border:1px solid var(--cp-border);border-radius:8px;font-size:14px;transition:border-color .2s;outline:none}.cp-search-input:focus{border-color:var(--cp-primary);box-shadow:0 0 0 2px #2563eb1a}.cp-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--cp-text-muted);width:18px;height:18px}.cp-filters{display:flex;gap:8px}.cp-filter-btn{padding:8px 16px;border:1px solid var(--cp-border);background:#fff;border-radius:6px;font-size:13px;color:var(--cp-text-muted);cursor:pointer;transition:all .2s}.cp-filter-btn:hover{background-color:#f1f5f9}.cp-filter-btn.active{background-color:#eff6ff;border-color:var(--cp-primary);color:var(--cp-primary);font-weight:500}.cp-branch-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.cp-branch-card{background:var(--cp-card-bg);border:1px solid var(--cp-border);border-radius:var(--cp-radius);padding:20px;position:relative;transition:all .2s ease;display:flex;flex-direction:column;gap:16px}.cp-branch-card:hover{transform:translateY(-2px);box-shadow:var(--cp-shadow-md);border-color:#cbd5e1}.cp-branch-header{display:flex;justify-content:space-between;align-items:flex-start}.cp-branch-info h3{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--cp-text-main)}.cp-branch-address{font-size:13px;color:var(--cp-text-muted);display:flex;align-items:center;gap:4px}.cp-branch-badge{font-size:11px;padding:2px 8px;border-radius:12px;background:#f1f5f9;color:var(--cp-text-muted);font-weight:600;margin-right:8px;display:inline-block}.cp-branch-badge.main{background:#eff6ff;color:var(--cp-primary)}.cp-branch-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%}.status-active .status-dot{background-color:var(--cp-success)}.status-active{color:var(--cp-success)}.status-inactive .status-dot{background-color:var(--cp-text-muted)}.status-inactive{color:var(--cp-text-muted)}.cp-branch-metrics{display:flex;justify-content:center;gap:40px;padding-top:12px;border-top:1px solid #f1f5f9}.metric-item{text-align:center}.metric-value{display:block;font-size:14px;font-weight:700;color:var(--cp-text-main)}.metric-label{font-size:11px;color:var(--cp-text-muted)}.cp-side-panel{width:320px;background-color:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;height:fit-content;display:flex;flex-direction:column;gap:20px}.cp-panel-title{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 16px}.cp-activity-list{display:flex;flex-direction:column;gap:16px}.cp-activity-item{display:flex;align-items:flex-start;gap:12px;padding:8px;border-radius:8px;transition:background-color .2s}.cp-activity-item.clickable{cursor:pointer}.cp-activity-item.clickable:hover{background-color:#f8fafc}.activity-icon{width:32px;height:32px;border-radius:8px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.small-dot{width:24px;height:24px;background:transparent}.dot-indicator{width:8px;height:8px;border-radius:50%;background-color:#3b82f6;display:block}.activity-content p{margin:0 0 4px;font-size:14px;font-weight:500;color:#334155}.activity-content .branch-name{font-weight:600;color:#1e293b}.activity-time{font-size:12px;color:#94a3b8}.cp-panel-divider{height:1px;background-color:#e2e8f0;margin:4px 0}.cp-health-list{display:flex;flex-direction:column;gap:12px}.cp-health-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;border:1px solid transparent}.cp-health-item.warning{background-color:#fffbeb;border-color:#fcd34d}.cp-health-item.danger{background-color:#fef2f2;border-color:#fca5a5}.cp-health-item.success{background-color:#f0fdf4;border-color:#86efac}.health-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.cp-health-item.warning .health-icon{background-color:#fcd34d;color:#78350f}.cp-health-item.danger .health-icon{background-color:#fca5a5;color:#7f1d1d}.cp-health-item.success .health-icon{background-color:#86efac;color:#14532d}.health-content{display:flex;flex-direction:column}.health-text{font-size:13px;font-weight:600;color:#334155;margin:0}.health-subtext{font-size:11px;color:#64748b;margin-top:2px}.cp-actions-wrapper{position:relative}.cp-actions-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--cp-text-muted);transition:background .2s}.cp-actions-btn:hover{background:#f1f5f9;color:var(--cp-text-main)}.cp-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--cp-border);border-radius:8px;box-shadow:var(--cp-shadow-md);min-width:160px;z-index:100;overflow:hidden;animation:fadeIn .1s ease-out}.cp-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;text-align:right;border:none;background:none;font-size:13px;color:var(--cp-text-main);cursor:pointer;transition:background .1s}.dropdown-icon{width:16px;height:16px;object-fit:contain;opacity:.7}.cp-dropdown-item:hover{background-color:#f8fafc;color:var(--cp-primary)}.cp-dropdown-item:hover .dropdown-icon{opacity:1}.cp-dropdown-item.danger{color:var(--cp-danger)}.cp-dropdown-item.danger:hover{background-color:#fef2f2}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:3000}.modal-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:22px;padding:24px 28px 28px;box-sizing:border-box;box-shadow:0 12px 40px #0f235f2e;z-index:4000;width:90vw;max-width:480px}.modal-close{position:absolute;top:18px;left:18px;border:none;background:transparent;font-size:22px;cursor:pointer;color:#6b7280}.modal-title{margin:0 0 20px;font-size:18px;font-weight:700;text-align:center;color:#20243b}.modal-field{margin-bottom:16px}.modal-label{display:block;margin-bottom:8px;font-size:13px;text-align:right;color:#7a8191}.modal-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid #e0e6f5;background:#fff;font-size:14px;color:#333;outline:none;direction:rtl;text-align:right;box-sizing:border-box;transition:border-color .2s ease}.modal-input:focus{border-color:#197bbd}.modal-input.error{border-color:var(--cp-danger)}.branch-form-error{color:var(--cp-danger);font-size:12px;margin-top:4px;display:block}.modal-primary-btn{width:100%;padding:12px;border-radius:14px;border:none;background:#f0f7ff;color:#197bbd;font-size:15px;font-weight:600;cursor:pointer;transition:.2s ease;margin-top:8px;display:flex;justify-content:center;align-items:center}.modal-primary-btn.animated-button{background:#197bbd;color:#fff;box-shadow:0 0 0 2px #197bbd40}.modal-primary-btn:hover{background:#e3eefc}.modal-primary-btn.loading{opacity:.7;pointer-events:none}.employee-modal .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.employee-modal .field-input.error{border-color:var(--cp-danger)}.employee-modal-primary{border:none;border-radius:999px;padding:9px 26px;background:#e8f3ff;color:#197bbd;font-size:13px;font-weight:600;cursor:pointer;display:block;margin:auto auto 4px;position:relative;z-index:10;transition:all .3s ease}@media(max-width:600px){.employee-modal{margin:0 16px;padding:20px 20px 22px;max-height:95vh}.employee-modal-title{font-size:16px}.employee-modal-primary{font-size:12px;padding:8px 22px}.employee-modal.employee-modal--select{min-height:64vh}.employee-modal .selected-employees-list{height:220px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:28px;box-shadow:0 20px 60px #0003;z-index:4000;width:90vw;max-width:420px;text-align:center}.delete-icon-wrapper{margin-bottom:16px}.delete-warning-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fef2f2;font-size:28px}.delete-confirm-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px}.delete-branch-name{font-size:16px;font-weight:600;color:#ef4444;margin:0 0 20px}.delete-warning-box{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:16px;text-align:right;margin-bottom:24px}.delete-warning-text{font-size:13px;color:#92400e;margin:0 0 12px}.delete-warning-list{margin:0;padding:0 16px 0 0;font-size:13px;color:#78350f}.delete-warning-list li{margin-bottom:6px}.delete-warning-final{font-size:12px;color:#b45309;margin:12px 0 0}.delete-confirm-btn{flex:1;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.delete-confirm-btn-delete:hover:not(:disabled){background:#dc2626}.delete-confirm-btn-delete.disabled-countdown{background:#fca5a5;cursor:not-allowed}.delete-confirm-btn-delete:disabled{opacity:.7}.cp-empty-state{text-align:center;padding:40px;color:var(--cp-text-muted)}@media(max-width:1024px){.cp-main-grid{grid-template-columns:1fr}.cp-side-panel{position:static}}@media(max-width:640px){.cp-list-controls{flex-direction:column;align-items:stretch}.cp-search-wrapper{min-width:100%}.cp-branch-list{grid-template-columns:1fr}}.modern-select{position:relative;width:100%;direction:rtl;font-size:14px}.modern-select-toggle{width:100%;border-radius:12px;border:1px solid #e1e6f5;background-color:#fff;padding:10px 30px 10px 15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#333;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.modern-select-toggle.is-open{border-color:#197bbd;box-shadow:0 0 0 2px #197bbd29}.modern-select-value{flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.modern-select-arrow{margin-left:6px;font-size:10px;color:#9aa5c5}.modern-select-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;min-width:100%;max-height:220px;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 16px 40px #0f235f2e;padding:6px 0;z-index:50}.modern-select-option{width:100%;padding:10px 16px;background:transparent;border:none;text-align:right;font-size:14px;color:#333;cursor:pointer}.modern-select-option:hover{background:#f3f6ff}.modern-select-option.is-selected{background:#e2f1ff;color:#197bbd}@media(max-width:992px){.modern-select-toggle{padding:8px 26px 8px 12px;font-size:13px}.modern-select-option{font-size:13px;padding:9px 14px}}.modern-select-toggle.is-error{border-color:#dc2626!important;background-color:#fff8f8}.modern-select-search-wrapper{padding:8px 12px 6px;border-bottom:1px solid #e1e6f5;margin-bottom:4px}.modern-select-search{width:100%;padding:8px 12px;border:1px solid #e1e6f5;border-radius:8px;font-size:14px;outline:none;direction:rtl;text-align:right;transition:border-color .15s ease}.modern-select-search:focus{border-color:#197bbd;box-shadow:0 0 0 2px #197bbd1f}.modern-select-options-list{max-height:180px;overflow-y:auto}.modern-select-no-results{padding:16px;text-align:center;color:#9aa5c5;font-size:14px}@media(max-width:992px){.modern-select-search{font-size:13px;padding:7px 10px}}.checkbox-con{display:flex;align-items:center;justify-content:center;margin:5px auto}.checkbox-con input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:27px;border:2px solid #ff0000;border-radius:20px;background:#f1e1e1;position:relative;box-sizing:border-box}.checkbox-con input[type=checkbox]:before{content:"";width:16px;height:16px;background:#ea070780;border:2px solid #ea0707;border-radius:50%;position:absolute;top:2px;left:4px;transition:all .3s ease-in-out}.checkbox-con input[type=checkbox]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 23 23' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.55021 5.84315L17.1568 16.4498L16.4497 17.1569L5.84311 6.55026L6.55021 5.84315Z' fill='%23EA0707' fill-opacity='0.89'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1567 6.55021L6.55012 17.1568L5.84302 16.4497L16.4496 5.84311L17.1567 6.55021Z' fill='%23EA0707' fill-opacity='0.89'/%3E%3C/svg%3E");position:absolute;top:2.5px;left:24px;opacity:.8}.checkbox-con input[type=checkbox]:checked{border:2px solid #02c202;background:#e2f1e1}.checkbox-con input[type=checkbox]:checked:before{background:#02c20280;border:2px solid #02c202;transform:translate(20px)}.checkbox-con input[type=checkbox]:checked:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 15 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8185 0.114533C15.0314 0.290403 15.0614 0.605559 14.8855 0.818454L5.00187 12.5L0.113036 6.81663C-0.0618274 6.60291 -0.0303263 6.2879 0.183396 6.11304C0.397119 5.93817 0.71213 5.96967 0.886994 6.18339L5.00187 11L14.1145 0.181573C14.2904 -0.0313222 14.6056 -0.0613371 14.8185 0.114533Z' fill='%2302C202' fill-opacity='0.9'/%3E%3C/svg%3E");position:absolute;top:5px;left:6px}.checkbox-con label{margin-left:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.modern-select-multi{position:relative;display:inline-block;width:100%;font-family:inherit}.modern-select-multi-toggle{width:100%;padding:8px 12px;border-radius:999px;border:1px solid #e1e6f5;background:#fff;color:#27314f;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:right;direction:rtl;transition:all .2s ease;min-height:36px}.modern-select-multi-toggle:hover:not(:disabled){border-color:#197bbd;background:#f0f9ff}.modern-select-multi-toggle.is-open{border-color:#197bbd;background:#f0f9ff;border-bottom-left-radius:0;border-bottom-right-radius:0}.modern-select-multi-toggle.is-error{border-color:#ef4444;background:#fef2f2}.modern-select-multi-display{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:24px}.selected-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.selected-tag{display:inline-flex;align-items:center;gap:4px;background:#197bbd;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;line-height:1}.tag-label{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-remove{border:none;background:transparent;color:#fff;font-size:16px;cursor:pointer;padding:0;display:flex;align-items:center;line-height:1;transition:opacity .2s}.tag-remove:hover{opacity:.7}.modern-select-arrow{flex-shrink:0;font-size:12px;color:#7a8191;transition:transform .2s}.modern-select-multi-toggle.is-open .modern-select-arrow{transform:rotate(180deg)}.modern-select-multi-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #197bbd;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 24px #0f235f1f;z-index:99999;max-height:260px;overflow-y:auto;direction:rtl;margin-top:-1px;min-width:100%}.modern-select-search-container{position:sticky;top:0;padding:8px;background:#fff;border-bottom:1px solid #e1e6f5;z-index:10}.modern-select-search{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #e1e6f5;font-size:13px;color:#27314f;text-align:right;direction:rtl;outline:none;transition:all .2s}.modern-select-search:focus{border-color:#197bbd;background:#f0f9ff}.modern-select-search::placeholder{color:#a0aec0}.modern-select-options-list{max-height:150px;overflow-y:auto}.modern-select-option{width:100%;padding:10px 12px;border:none;background:transparent;color:#27314f;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s ease;text-align:right}.modern-select-option:hover{background:#f0f9ff}.modern-select-option.is-selected{background:#f0f9ff;color:#197bbd;font-weight:600}.option-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#197bbd;flex-shrink:0}.option-label{flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-select-no-results{padding:16px;text-align:center;color:#a0aec0;font-size:13px}.modern-select-multi-menu::-webkit-scrollbar{width:6px}.modern-select-multi-menu::-webkit-scrollbar-track{background:transparent}.modern-select-multi-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modern-select-multi-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:600px){.modern-select-multi-toggle{padding:8px 10px;font-size:12px}.selected-tag{padding:3px 6px;font-size:11px}.modern-select-multi-menu{max-height:80vh}.modern-select-options-list{max-height:calc(80vh - 80px)}.modern-select-option{padding:8px 10px}}.branch-employees-content{direction:rtl;padding:24px 260px 24px 32px;margin-right:0;width:100%;box-sizing:border-box}.branch-employees-content{width:100%;max-width:none;box-sizing:border-box}.employee-main-row{width:100%;max-width:none;min-width:0;box-sizing:border-box;display:grid;gap:20px;justify-content:stretch;justify-items:stretch;align-items:start;grid-template-columns:clamp(220px,16vw,260px) 1fr;justify-self:stretch}.employee-stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 8px 25px #0f235f0f;display:flex;flex-direction:column;justify-content:center}.stat-label{font-size:14px;color:#7a8191;margin-bottom:4px}.stat-value{font-size:22px;font-weight:700;color:#20243b}.employee-table-card{background:#fff;border-radius:24px;padding:20px 22px;box-shadow:0 10px 35px #0f235f14;width:100%;min-width:0}.employee-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.employee-table-header h2{font-size:18px;font-weight:700;margin:0}.btn-add-employee{border:none;outline:none;cursor:pointer;background:#f0f7ff;color:#197bbd;font-size:14px;padding:8px 14px;border-radius:10px}.employee-table-actions{display:flex;align-items:center;gap:10px}.btn-edit-branch-main{border:none;outline:none;cursor:pointer;background:#eef2ff;color:#4338ca;font-size:14px;padding:8px 14px;border-radius:10px}.employee-table-wrapper{overflow-x:auto;width:100%;min-width:0}.employee-table{width:100%;border-collapse:collapse;font-size:14px}.employee-table thead{background:#f3f6ff}.employee-table th,.employee-table td{text-align:center;padding:10px 8px}.employee-table th:nth-child(1),.employee-table td:nth-child(1){width:60px}.employee-table th:nth-child(2),.employee-table td:nth-child(2){width:120px;max-width:120px}.employee-table th:nth-child(3),.employee-table td:nth-child(3){width:180px;max-width:180px}.employee-table th:nth-child(4),.employee-table td:nth-child(4){width:100px;max-width:100px}.employee-table th:nth-child(5),.employee-table td:nth-child(5){width:90px;max-width:90px}.employee-table th:nth-child(6),.employee-table td:nth-child(6){width:100px}.employee-table tbody tr:nth-child(2n){background:#fafbff}.employee-row-swipe{animation:swipeOut .3s ease-in forwards}@keyframes swipeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.actions-cell{display:flex;gap:6px;justify-content:center;align-items:center}.icon-btn{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 4px 10px #0f235f0a}.branch-delete-btn{background:#ffe1e1}.branch-edit-btn{background:#e8f0ff}.action-icon{width:20px;height:20px;display:block;object-fit:contain}.switch{position:relative;display:inline-block;width:42px;height:22px}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#d7d7d7;transition:.3s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:2px;background-color:#fff;transition:.3s}input:checked+.slider{background-color:#22c55e}input:checked+.slider:before{transform:translate(18px)}.branch-info-card{background:#fff;border-radius:24px;padding:18px 20px;box-shadow:0 10px 35px #0f235f14;align-self:start}.branch-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.branch-info-header h3{font-size:16px;font-weight:700;margin:0}.btn-edit-branch{width:32px;height:32px;border-radius:8px;border:none;background:#e8f0ff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-edit-branch:hover{background:#bfdbfe}.branch-info-body{display:flex;flex-direction:column;gap:10px}.branch-info-item{display:flex;flex-direction:column;gap:2px}.branch-info-item .label{font-size:13px;color:#7a8191}.branch-info-item .value{font-size:14px;font-weight:600}@media(max-width:992px){.branch-employees-content{margin-right:0;padding:18px 16px}.employee-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-main-row{grid-template-columns:1fr}}@media(max-width:480px){.icon-btn{width:40px;height:40px}.action-icon{width:18px;height:18px}}.employees-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a40;display:flex;align-items:center;justify-content:center;z-index:3000}.employee-modal{direction:rtl;width:100%;max-width:430px;background:#fff;border-radius:24px;box-shadow:0 24px 80px #0f235f40;padding:24px 28px 26px;position:relative;overflow:visible;max-height:95vh;overflow-y:auto;display:flex;flex-direction:column}.employee-modal.employee-modal--select{min-height:540px}.employee-modal .selected-employees-list{margin-top:12px;display:flex;flex-direction:column;gap:6px;height:300px;overflow-y:auto;padding-right:4px}.employee-modal::-webkit-scrollbar{width:6px}.employee-modal::-webkit-scrollbar-track{background:transparent}.employee-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.employee-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.employee-modal-close{position:absolute;top:16px;left:18px;border:none;background:transparent;font-size:20px;color:#ff7474;cursor:pointer}.employee-modal-title{text-align:center;font-size:18px;font-weight:600;color:#27314f;margin-bottom:22px}.employee-modal-body{display:flex;flex-direction:column;gap:16px}.employee-modal .field{display:flex;flex-direction:column;gap:6px}.employee-modal .field-label{font-size:12px;color:#7b88b0}.employee-modal .field-input{border-radius:999px;border:1px solid #e1e6f5;padding:8px 12px;font-size:13px;outline:none}.employee-modal .field-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,#b3bddf 50%),linear-gradient(135deg,#b3bddf 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.employee-modal-primary{border:none;border-radius:999px;padding:9px 26px;background:#e8f3ff;color:#197bbd;font-size:13px;font-weight:600;cursor:pointer;display:block;margin:auto auto 4px;position:relative;z-index:10;visibility:visible;transition:all .3s ease}.employee-modal-primary:hover:not(:disabled){background:#d4ebff;transform:translateY(-2px);box-shadow:0 4px 12px #197bbd4d}.employee-modal-primary:disabled{opacity:.6;cursor:not-allowed}.employee-modal-primary.loading-active{background:#197bbd;color:#fff}.employee-modal-primary.animated-button{background:#197bbd;color:#fff;box-shadow:0 0 0 2px #197bbd40}@media(max-width:600px){.employee-modal{margin:0 16px;padding:20px 20px 22px;max-height:95vh}.employee-modal.employee-modal--select{min-height:64vh}.employee-modal .selected-employees-list{height:220px}.employee-modal-title{font-size:16px}.employee-modal-primary{font-size:12px;padding:8px 22px}}.loading-text{display:flex;align-items:center;justify-content:center;gap:4px;font-size:18px;font-weight:600;color:#197bbd;padding:50px 0}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;background:#197bbd;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.shimmer-row{display:flex;align-items:center;gap:16px;padding:14px 12px}.shimmer-row td{padding:14px 8px}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmerMove 1.5s infinite;border-radius:6px}.shimmer-switch{width:42px;height:22px;border-radius:11px}.shimmer-text{width:120px;height:16px}.shimmer-text-short{width:80px;height:16px}.shimmer-text-long{width:180px;height:16px}.shimmer-badge{width:70px;height:16px}.shimmer-circle{width:40px;height:40px;border-radius:50%}@keyframes shimmerMove{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.loading-popup-content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.loading-popup-text{font-size:24px;font-weight:700;color:#197bbd;letter-spacing:2px;animation:textPulse 2s ease-in-out infinite}.loading-popup-subtext{font-size:16px;color:#64748b;font-weight:500;margin-top:-8px}.delete-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.delete-modal{background:#fff;border-radius:20px;padding:28px 32px;width:90vw;max-width:380px;text-align:center;box-shadow:0 20px 60px #0f235f40;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-modal-icon{font-size:48px;margin-bottom:12px}.delete-modal-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 12px}.delete-modal-message{font-size:15px;color:#4b5563;margin:0 0 8px;line-height:1.6}.delete-modal-message strong{color:#1f2937}.delete-modal-warning{font-size:13px;color:#ef4444;margin:0 0 24px}.delete-modal-actions{display:flex;gap:12px;justify-content:center}.delete-modal-btn{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.delete-modal-btn:disabled{opacity:.6;cursor:not-allowed}.delete-modal-cancel{background:#f3f4f6;color:#4b5563}.delete-modal-cancel:hover:not(:disabled){background:#e5e7eb}.delete-modal-confirm{background:#ef4444;color:#fff}.delete-modal-confirm:hover:not(:disabled){background:#dc2626}.multi-select-branches{position:relative;width:100%}.multi-select-toggle{width:100%;padding:10px 14px;background:#fff;border:1.5px solid #e0e7ef;border-radius:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;color:#2d3648;transition:all .2s ease;text-align:right;direction:rtl}.multi-select-toggle:hover{border-color:#c0ccda}.multi-select-toggle.is-open{border-color:#5b8def;box-shadow:0 0 0 3px #5b8def1a}.multi-select-toggle.is-error{border-color:#ef4444}.multi-select-value{flex:1;text-align:right;color:#2d3648}.multi-select-actions{display:flex;align-items:center;gap:8px}.multi-select-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;font-size:16px;line-height:1;cursor:pointer;transition:all .2s ease}.multi-select-clear:hover{background:#dc2626;transform:scale(1.1)}.multi-select-arrow{color:#7a8191;font-size:12px;transition:transform .2s ease}.multi-select-toggle.is-open .multi-select-arrow{transform:rotate(180deg)}.multi-select-menu{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:#fff;border:1px solid #e0e7ef;border-radius:12px;box-shadow:0 10px 30px #0f235f1f;max-height:280px;overflow-y:auto;z-index:1000;direction:rtl}.multi-select-option{width:100%;padding:10px 14px;background:transparent;border:none;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#2d3648;transition:background-color .15s ease;text-align:right}.multi-select-option:hover{background:#f3f6f9}.multi-select-option.is-selected{background:#e8f0ff;color:#5b8def}.option-checkbox{width:18px;height:18px;border:2px solid #c0ccda;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;background:#fff;transition:all .2s ease}.multi-select-option.is-selected .option-checkbox{background:#5b8def;border-color:#5b8def}.multi-select-menu::-webkit-scrollbar{width:6px}.multi-select-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.multi-select-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.multi-select-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pagination-container{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;border-top:1px solid #f3f4f6}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-btn svg{transition:transform .2s}.pagination-btn:hover:not(:disabled) svg{transform:scale(1.1)}.pagination-number{min-width:38px;height:38px;padding:0 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-number:hover{background:#f9fafb;border-color:#d1d5db}.pagination-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-number.active:hover{background:#2563eb;border-color:#2563eb}.pagination-ellipsis{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px;font-weight:500}@media(max-width:640px){.pagination-container{gap:8px;padding:16px}.pagination-btn span{display:none}.pagination-btn{padding:8px}.pagination-number{min-width:32px;height:32px;font-size:13px}.pagination-ellipsis{min-width:32px;height:32px}}.loading-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-popup-text{font-size:24px;font-weight:700;color:#1f2937;margin:0}.products-page{direction:rtl;min-height:calc(100vh - 80px);padding:20px 24px;margin-right:280px;background-color:#f8fafc}.products-page-header{width:100%;max-width:1024px;margin-bottom:20px}.products-main-title{font-size:24px;font-weight:700;color:#1e293b;margin:0}.products-sections{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1024px}.product-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s,border-color .15s}.product-section-card:hover{box-shadow:0 4px 12px #0000000f;border-color:#cbd5e1}.section-header{display:flex;align-items:center;gap:14px}.section-icon-box{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon{width:24px;height:24px}.section-info{flex:1;min-width:0}.section-title{font-size:17px;font-weight:700;color:#1e293b;margin:0}.section-subtitle{font-size:13px;color:#64748b;margin:3px 0 0}.section-stat{display:flex;align-items:baseline;gap:5px;padding:8px 14px;background:#f1f5f9;border-radius:8px;flex-shrink:0}.stat-number{font-size:18px;font-weight:700;color:#2563eb}.stat-text{font-size:12px;color:#64748b}.section-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.section-action-btn{padding:11px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid #e2e8f0;background:#fafbfc;color:#475569;text-align:center}.section-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.section-action-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.section-action-btn.primary:hover{background:#1d4ed8}@media(max-width:1024px){.products-page{margin-right:0;padding:16px}}@media(max-width:640px){.products-sections,.products-page-header{max-width:100%}.section-actions-grid{grid-template-columns:1fr}.section-header{flex-wrap:wrap}.section-stat{width:100%;justify-content:center;margin-top:8px}}.books-landing{position:relative;direction:rtl;min-height:calc(100vh - 80px);padding-top:60px;padding-bottom:40px;margin-right:220px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.books-landing-title{font-size:40px;font-weight:700;color:#197bbd;margin-bottom:60px}.books-landing-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:32px;justify-content:center;justify-items:center;max-width:700px}.books-landing-card:nth-child(1){grid-column:1 / 3}.books-landing-card:nth-child(2){grid-column:3 / 5}.books-landing-card:nth-child(3){grid-column:5 / 7}.books-landing-card:nth-child(4){grid-column:2 / 4}.books-landing-card:nth-child(5){grid-column:4 / 6}.books-landing-card{width:190px;height:190px;border-radius:24px;border:none;outline:none;background:#f3f7ff;box-shadow:0 10px 30px #0f235f14;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.books-landing-icon{width:56px;margin-bottom:18px}.books-landing-label{font-size:20px;font-weight:600;color:#197bbd}.books-landing-card:hover{transform:translateY(-4px);background:#e7f1ff;box-shadow:0 16px 40px #0f235f29}@media(max-width:992px){.books-landing{margin-right:0;padding-top:40px}.books-landing-title{font-size:32px;margin-bottom:40px}.books-landing-grid{grid-template-columns:repeat(2,170px);max-width:none}.books-landing-card{width:170px;height:170px}.books-landing-card:nth-child(1),.books-landing-card:nth-child(2),.books-landing-card:nth-child(3),.books-landing-card:nth-child(4),.books-landing-card:nth-child(5){grid-column:auto}.books-landing-card:nth-child(5){grid-column:1 / -1;justify-self:center}}@media(max-width:600px){.books-landing-title{font-size:28px;margin-bottom:30px}.books-landing-grid{grid-template-columns:repeat(2,150px)}.books-landing-card{width:150px;height:150px}}@media(max-width:400px){.books-landing-grid{grid-template-columns:repeat(2,130px)}.books-landing-card{width:130px;height:130px}.books-landing-icon{width:48px;margin-bottom:14px}.books-landing-label{font-size:16px}}.books-table-page{direction:rtl;margin-right:280px;padding:32px 24px 40px;min-height:calc(100vh - 80px);background:#f5f7ff}.books-table-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.books-table-header-right,.books-filters-inline{display:flex;align-items:center;gap:12px}.books-table-header-left{display:flex;align-items:center;gap:10px}.btn-books-add{border:none;border-radius:10px;background:#22c55e;color:#fff;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-books-add:hover{background:#1db954}.books-search-wrapper{display:flex;align-items:center;position:relative;direction:rtl}.books-search-input{border:none;padding:10px 54px 10px 16px;min-width:280px;font-size:14px;outline:none;text-align:right;border-radius:999px;background:#fff;box-shadow:0 4px 12px #0f235f14;border:1px solid #e0e6f5}.books-search-input::placeholder{color:#9aa1b5}.books-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;overflow:hidden}.books-search-btn:hover{opacity:.9}.books-search-btn .search-icon,.search-icon{width:100%;height:100%;display:block;object-fit:contain}.books-select,.books-category-filter{min-width:220px}.books-select .modern-select-toggle{border-radius:999px;border:1px solid #dde3ff;background:#fff;padding:10px 16px;font-size:13px;color:#4e5670}.books-table{width:100%;border-collapse:collapse;table-layout:auto}.books-table thead th{padding:16px;text-align:center;font-size:13px;font-weight:600;color:#6b7280;background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.books-table thead th.th-name{text-align:right}.books-row{cursor:pointer;transition:all .2s ease;background-color:#fff}.books-row:hover{background-color:#f8fafc}.books-row.expanded{background-color:#eff6ff;border-left:3px solid #3b82f6}.books-row td{padding:16px;vertical-align:middle;border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;text-align:center}.books-row td.td-name{text-align:right}.books-row:hover .chevron{background-color:#e5e7eb;color:#4b5563}.publisher-badge{display:inline-block;padding:4px 12px;background-color:#f0f9ff;color:#0369a1;border-radius:99px;font-size:12px;font-weight:500;border:1px solid #e0f2fe}.detail-chunk{display:flex;flex-direction:column;gap:8px}.table-loading,.table-empty{padding:60px 20px;text-align:center;font-size:16px;color:#6b7280}.table-error-message{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;padding:14px 20px;border-radius:12px;margin-bottom:16px;font-size:14px;font-weight:600;text-align:center;border:1px solid #f5c6cb}@media screen and (max-width:1024px){.books-table-page{margin-right:0;padding:16px}.books-filters-inline{width:100%;flex-wrap:wrap}}@media screen and (max-width:768px){.books-table-page{margin-right:0;padding:12px}.books-table-header{flex-direction:column;align-items:stretch}.books-table-header-right,.books-table-header-left,.books-filters-inline{width:100%}.books-table-header-right,.books-filters-inline{flex-direction:column;align-items:stretch}.books-search-wrapper,.books-category-filter,.btn-books-add{width:100%}.books-search-input{min-width:0;width:100%}.books-table thead{display:none}.books-row{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"name name" "publisher price" "status actions";gap:8px;padding:12px;border-bottom:1px solid #e5e7eb;position:relative;background:#fff;margin-bottom:6px;border-radius:8px;border:1px solid #f1f5f9}.books-row td{border:none;padding:0;display:block}.td-name{grid-area:name;margin-bottom:4px}.td-publisher{grid-area:publisher;text-align:right;align-self:center}.td-price{grid-area:price;text-align:left;align-self:center}.td-status{grid-area:status;display:flex;align-items:center;justify-content:flex-start}.td-actions{grid-area:actions;justify-self:end;margin-top:0}.td-expand{position:absolute;top:12px;left:12px}.td-name,.td-price,.td-publisher,.td-status,.td-actions{width:auto;margin:0;order:unset}.td-price span{font-size:15px;font-weight:700}.product-name-text{font-size:15px;line-height:1.3;padding-left:24px}.actions-cell{justify-content:center;width:100%}.detail-grid{grid-template-columns:1fr;gap:24px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.modal-content{background:#fff;padding:32px;border-radius:16px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:12px}.modal-message{color:#6b7280;margin-bottom:24px;line-height:1.5}.modal-actions{display:flex;justify-content:center;gap:12px}.modal-btn{padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:all .2s}.modal-btn-cancel{background:#f3f4f6;color:#4b5563}.modal-btn-cancel:hover{background:#e5e7eb}.modal-btn-delete{background:#ef4444;color:#fff}.modal-btn-delete:hover{background:#dc2626}.book-form{direction:rtl;min-height:100vh;padding:40px 24px 32px;margin-right:280px;background:transparent}.book-form-top{display:grid;grid-template-columns:minmax(260px,320px) minmax(260px,360px) minmax(260px,360px);gap:24px;margin-bottom:24px}.book-form-top .field{width:100%}.book-form-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(260px,360px) minmax(260px,360px);gap:20px;align-items:start}.book-form-column{display:flex;flex-direction:column;gap:16px}.panel{background:transparent;border:1px solid #d5d8e5;border-radius:12px;box-shadow:none;padding:16px 18px 18px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-body{display:flex;flex-direction:column;gap:10px}.panel-subtitle-row{font-size:11px;font-weight:600;color:#7b88b0;margin-bottom:2px;margin-top:4px}.panel-subtitle-row:first-child{margin-top:0}.field{display:flex;flex-direction:column;gap:4px}.field-input,.field-textarea{border-radius:10px;border:1px solid #e1e6f5;background:#fff;padding:7px 10px;font-size:13px;outline:none}.field-input:focus,.field-textarea:focus{border-color:#197bbd;box-shadow:0 0 0 2px #197bbd26}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-textarea{min-height:100px;resize:vertical}.panel-stock .panel-header{margin-bottom:6px}.panel-stock .panel-body{gap:4px}.panel-stock .panel-subtitle-row{font-size:10px;margin-top:2px;margin-bottom:1px}.panel-stock .field-row{gap:6px}.panel-stock .field{gap:2px}.panel-stock .field-label{font-size:10px}.panel-stock .field-input{padding:5px 8px;font-size:12px}.panel-upload .panel-body{gap:6px}.upload-main{border-radius:10px;border:1px dashed #c4d0f7;background:#f5f8ff;padding:10px 8px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.upload-main-inner{text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}.upload-icon-img{width:32px;height:32px;object-fit:contain;margin-bottom:2px}.upload-text{font-size:10px;color:#7b88b0}.btn-secondary{margin-top:2px;border:none;border-radius:6px;padding:8px 10px;background:#197bbd;color:#fff;font-size:10px;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;justify-content:center;height:32px;min-height:32px}.btn-secondary:hover{background:#1565a0}.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(40px,1fr));gap:6px}.upload-thumb{aspect-ratio:1;border-radius:8px;border:none;background:#f3f7ff;box-shadow:0 2px 8px #0f235f0d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.upload-thumb:hover{background:#e8f0ff}.plus-icon{font-size:14px;color:#9dafdf}.sites-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.site-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#edf1ff;font-size:11px;color:#4e5b88}.tag-remove{border:none;background:transparent;cursor:pointer;font-size:11px;color:#7b88b0;transition:color .15s ease}.tag-remove:hover{color:#e74c3c}@media(max-width:1200px){.book-form-grid{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr)}}@media(max-width:992px){.book-form{margin-right:0;padding:32px 16px 24px}.book-form-top,.book-form-grid{grid-template-columns:1fr}}@media(max-width:600px){.panel{padding:14px 12px 16px}.field-row{grid-template-columns:1fr}.upload-grid{grid-template-columns:repeat(3,minmax(40px,1fr))}}.btn-submit{width:100%;padding:14px 24px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px #22c55e4d;margin-top:16px}.book-form-top .btn-submit{width:100%;min-width:0;height:48px;margin-top:0}.thumb-preview{width:100%;height:100%;object-fit:cover;border-radius:8px}.publishers-page{direction:rtl;min-height:calc(100vh - 80px);padding:36px 24px 40px;margin-right:280px;background:transparent;display:flex;justify-content:center}.publishers-card{width:100%;max-width:980px;background:#fff;border-radius:16px;box-shadow:0 12px 40px #0f235f0f;padding:0;overflow:hidden}.publishers-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#fff}.publishers-title{font-size:16px;color:#414d55;font-weight:600;margin-left:auto}.btn-add-publisher{border-radius:8px;border:none;background:#e8f3ff;color:#197bbd;padding:8px 16px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-add-publisher:hover{background:#d6ebff}.publishers-actions-top{display:flex;align-items:center;gap:10px}.publishers-search{position:relative}.publishers-search-input{border-radius:10px;border:1px solid #e1e6f5;padding:8px 12px;font-size:13px;outline:none;min-width:220px}.publishers-search-input:focus{border-color:#197bbd}.publishers-table-wrapper{overflow-y:auto;max-height:420px;padding:0 18px 18px}.publishers-pagination{padding:0 18px 18px}.publishers-table{width:100%;border-collapse:collapse;font-size:13px;direction:rtl}.publishers-table thead th{background:#f3f7ff;color:#6e778f;font-weight:700;text-align:center;padding:12px;border-bottom:1px solid #e0e4ed;white-space:nowrap}.th-name{text-align:right!important}.publishers-table tbody td{padding:14px 12px;text-align:center;border-bottom:1px solid #e8eaef;vertical-align:middle;background:#fff}.td-name{text-align:right!important}.name-block{display:flex;align-items:center;gap:8px;flex-direction:row}.name-text{font-weight:700;color:#20243b}.name-edit-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.name-edit-icon{width:16px;height:16px}.row-actions{display:flex;gap:8px;justify-content:center;align-items:center}.circle-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:transform .15s ease;box-shadow:0 4px 12px #0f235f0f}.circle-btn:hover{transform:scale(1.05)}.circle-btn-blue{background:#eef6ff}.circle-btn-red{background:#fff0f0}.switch{position:relative;display:inline-block;width:34px;height:18px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#e6eaef;border-radius:999px;transition:.18s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:.18s}.switch input:checked+.slider{background:#39c16c}.switch input:checked+.slider:before{transform:translate(16px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease-out}.modal-container{direction:rtl;width:90%;max-width:480px;max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;padding:32px 28px 28px;position:relative;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);overflow-y:auto}.modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;padding:0}.modal-close-btn:hover{background:#f3f4f6;color:#4b5563}.modal-heading{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 24px}.modal-body{margin-bottom:24px}.input-group{margin-bottom:18px}.input-group:last-child{margin-bottom:0}.input-label{display:block;font-size:13px;font-weight:600;color:#4b5563;margin-bottom:8px}.input-field{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#1a202c;outline:none;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.input-field:focus{border-color:#197bbd;box-shadow:0 0 0 3px #197bbd14}.input-field:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234b5563' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-right:36px;padding-left:12px}.select-field option{color:#1a202c;background:#fff;padding:8px}.error-text{color:#dc2626;font-size:12px;margin-top:4px;margin-bottom:0}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn{padding:10px 24px;font-size:14px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;outline:none;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#197bbd;color:#fff}.btn-primary:hover:not(:disabled){background:#155a95}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:#f3f4f6;color:#4b5563}.btn-secondary:hover:not(:disabled){background:#e0e4ed}.btn-secondary:active:not(:disabled){transform:scale(.98)}@media(max-width:992px){.publishers-page{margin-right:0;padding:24px}.publishers-card{padding:0}.publishers-table-wrapper{max-height:380px}.modal-container{margin:0 16px}}.delete-confirm-modal{direction:rtl;width:100%;max-width:380px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 24px 80px #0f235f2e;text-align:center}.delete-confirm-title{font-size:18px;font-weight:700;color:#27314f;margin-bottom:12px}.delete-confirm-message{font-size:14px;color:#5a6478;margin-bottom:24px;line-height:1.6}.delete-confirm-actions{display:flex;gap:12px;justify-content:center}.delete-confirm-btn{padding:10px 24px;border-radius:8px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease}.delete-confirm-btn-cancel{background:#f0f2f5;color:#5a6478}.delete-confirm-btn-cancel:hover{background:#e4e7eb}.delete-confirm-btn-delete{background:#fee2e2;color:#dc2626}.delete-confirm-btn-delete:hover{background:#fecaca}.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.field-error{color:#dc2626;font-size:12px;margin-top:4px;display:block}.animated-button{position:relative;display:inline-block;padding:12px 24px;border:none;font-size:16px;background-color:inherit;border-radius:100px;font-weight:600;color:#ffffff40;box-shadow:0 0 0 2px #ffffff20;cursor:pointer;overflow:hidden;transition:all 1.2s cubic-bezier(.23,1,.32,1)}.animated-button span:last-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#2196f3;border-radius:50%;opacity:0;transition:all 1.5s cubic-bezier(.23,1,.32,1)}.animated-button span:first-child{position:relative;z-index:1}.animated-button:hover{box-shadow:0 0 0 5px #2195f360;color:#fff}.animated-button:active{scale:.95}.animated-button.loading-active span:last-child{width:800px;height:800px;opacity:1}.authors-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.authors-kpi-card{background:#fff;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 10px #00000008;border:1px solid #eef1f6}.authors-toolbar{padding:20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.status-tabs button.active{background:#fff;color:#0f172a;font-weight:600;box-shadow:0 1px 2px #0000000d}.table-container{padding:0;overflow-y:auto;max-height:900px;border:1px solid #f1f5f9}.custom-table th{padding:12px 24px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;border-bottom:1px solid #e2e8f0;white-space:nowrap}.custom-table td{padding:12px 24px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;vertical-align:middle}.modal-input:focus{border-color:#3b82f6;outline:2px solid #bfdbfe}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:4px}.shimmer-row{background-color:#fafafa}.shimmer-checkbox{width:16px;height:16px;border-radius:3px}.shimmer-avatar{width:32px;height:32px;border-radius:50%;min-width:32px}.shimmer-text{height:16px;display:inline-block}.pagination-info{font-size:14px;font-weight:600;color:#64748b}.pagination-pages{display:flex;gap:4px}.pagination-page-btn{width:34px;height:34px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:.2s}.pagination-page-btn:hover{background:#f1f5f9}.pagination-page-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}@media(max-width:1024px){.authors-page{margin-right:0;padding:16px}.authors-kpi-row{grid-template-columns:1fr 1fr}.authors-toolbar,.toolbar-left,.filters-container{flex-direction:column;align-items:stretch}.search-input-wrapper input{width:100%}}.authors-page{direction:rtl;padding:30px;margin-right:280px;min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.content-wrapper{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:24px}.editors-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.editors-kpi-card{background:#fff;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 10px #00000008;border:1px solid #eef1f6}.kpi-label{color:#8899a6;font-size:13px;font-weight:500}.kpi-value{font-size:26px;font-weight:700;color:#1a202c}.text-green{color:#10b981}.text-red{color:#ef4444}.kpi-special{background:#f0f7ff;border-color:#dbeafe;position:relative;overflow:hidden}.kpi-special:after{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background:#3b82f6}.kpi-name-highlight{color:#1d4ed8;font-weight:700;font-size:15px;display:block}.kpi-time-text{font-size:12px;color:#60a5fa;margin-top:2px;display:block}.authors-card{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000000a;overflow:hidden;width:100%}.editors-toolbar{padding:20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.toolbar-right{display:flex;align-items:center;gap:12px}.section-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.selection-badge{background:#e0f2fe;color:#0369a1;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.toolbar-left,.filters-container{display:flex;align-items:center;gap:12px}.search-input-wrapper{position:relative}.search-input-wrapper img{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;opacity:.5}.search-input-wrapper input{padding:8px 36px 8px 12px;border:1px solid #cbd5e1;border-radius:8px;width:220px;outline:none;transition:.2s}.search-input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.status-tabs{display:flex;background:#f8fafc;padding:4px;border-radius:8px;border:1px solid #e2e8f0}.status-tabs button{background:transparent;border:none;padding:6px 14px;border-radius:6px;font-size:13px;color:#64748b;cursor:pointer;transition:.2s}.status-tabs button.active{background:#fff;color:#0f172a;font-weight:600;shadow:0 1px 2px rgba(0,0,0,.05)}.btn-add-new{background:#2563eb;color:#fff;border:none;padding:9px 18px;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}.btn-add-new:hover{background:#1d4ed8}.bulk-actions-group{display:flex;gap:8px;background:#eff6ff;padding:6px;border-radius:8px;border:1px solid #dbeafe}.bulk-action-btn{border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.btn-activate{background:#dcfce7;color:#15803d}.btn-deactivate{background:#fee2e2;color:#b91c1c}.btn-delete{background:#ef4444;color:#fff}.bulk-cancel-btn{background:transparent;border:none;color:#64748b;font-size:13px;cursor:pointer;padding:6px 10px;text-decoration:underline}.table-container{padding:0 0 20px;overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;text-align:right}.custom-table th{padding:14px 24px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;border-bottom:1px solid #e2e8f0;white-space:nowrap}.custom-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;vertical-align:middle}.row-selected{background-color:#f0f9ff}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;background:#e0f2fe;padding:6px;border-radius:50%}.user-name{font-weight:600;color:#0f172a}.text-right{text-align:right}.th-checkbox,.td-checkbox{width:40px;text-align:center}input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer}.action-buttons{display:flex;gap:8px}.icon-button{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.icon-button:hover{background:#f1f5f9}.icon-button.delete:hover{border-color:#fecaca;background:#fef2f2}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;padding:24px;border-radius:16px;width:400px;max-width:90%;box-shadow:0 20px 25px -5px #0000001a}.modal-content h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#1e293b;text-align:center}.modal-input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;outline:none;margin-bottom:20px;font-size:15px}.modal-input:focus{border-color:#3b82f6;ring:2px solid #bfdbfe}.modal-actions{display:flex;gap:10px;justify-content:center}.btn-save{background:#2563eb;color:#fff;border:none;padding:10px 30px;border-radius:8px;font-weight:600;cursor:pointer}.btn-cancel{background:#f1f5f9;color:#64748b;border:none;padding:10px 30px;border-radius:8px;font-weight:600;cursor:pointer}.btn-delete-confirm{background:#ef4444;color:#fff;border:none;padding:10px 30px;border-radius:8px;font-weight:600;cursor:pointer}.loading-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffc;z-index:3000;display:flex;justify-content:center;align-items:center}.loading-popup-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.loading-popup-text{font-size:18px;font-weight:700;color:#1e293b}@media(max-width:1024px){.authors-page{margin-right:0;padding:16px}.editors-kpi-row{grid-template-columns:1fr 1fr}.editors-toolbar,.toolbar-left,.filters-container{flex-direction:column;align-items:stretch}.search-input-wrapper input{width:100%}}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border-top:1px solid #f1f5f9}.pagination-btn{background:#f8fafc;border:1px solid #e2e8f0;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:600;color:#334155;cursor:pointer;transition:.2s}.pagination-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;gap:6px}.pagination-number{min-width:34px;height:34px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-number:hover{background:#f1f5f9;border-color:#cbd5e1}.pagination-number.active{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:700}.pagination-ellipsis{color:#94a3b8;padding:0 4px;font-size:14px}.book-categories-page{direction:rtl;min-height:calc(100vh - 80px);padding:40px 24px;margin-right:280px;display:flex;justify-content:center}.book-categories-card{width:100%;max-width:960px;background:#fff;border-radius:24px;box-shadow:0 12px 40px #0f235f14;padding:20px 24px 24px}.book-categories-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.book-categories-title{font-size:18px;font-weight:600;color:#27314f}.btn-add-book-category{border-radius:8px;border:none;background:#e8f3ff;color:#197bbd;font-size:14px;font-weight:550;padding:12px 20px;cursor:pointer;white-space:nowrap}.book-categories-header-actions{display:flex;align-items:center;gap:12px}.book-categories-filters{display:flex;align-items:center;gap:10px}.book-categories-filter-select{min-width:160px}.book-categories-filter-select .modern-select-toggle{border-radius:8px;padding:8px 14px;font-size:13px}.col-type{width:100px}.type-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.type-main{background:#dbeafe;color:#1d4ed8}.type-sub{background:#fef3c7;color:#b45309}.book-categories-table-wrapper{width:100%;overflow-x:hidden;overflow-y:auto;max-height:500px;box-sizing:border-box}.book-categories-table thead th{padding:10px 14px;text-align:center;background:#f3f7ff;color:#7b88b0;font-weight:600;white-space:nowrap;border-bottom:1px solid #e4e7f3;z-index:2}.book-categories-table thead th.col-actions{left:0;z-index:3}.book-categories-table tbody td{padding:12px 14px;text-align:center;border-bottom:1px solid #f0f2fb;color:#7a8191;height:64.8px}.book-categories-table tbody tr:nth-child(2n){background:#fcfdff}.with-divider{position:relative}.with-divider:before{content:"";position:absolute;top:10%;bottom:10%;left:0;width:1px;background:#edf0fb}.book-categories-table .col-name,.book-categories-table th,.book-categories-table td{text-align:right}.book-categories-actions{display:flex;gap:8px;justify-content:center;align-items:center;height:100%;min-height:64.8px}.circle-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;padding:0;cursor:pointer;box-shadow:0 6px 14px #0f235f0f}.circle-btn-red{background:#ffecec}.circle-btn-blue{background:#e8f0ff}.action-icon{width:18px;height:18px;object-fit:contain;display:block}.book-categories-stat-circle{width:40px;height:40px;border-radius:50%;background:#f3f7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:#197bbd}.stat-icon-img{width:24px;height:24px;object-fit:contain;display:block}.col-actions{width:110px}.book-categories-table tbody td.col-actions{padding:0}.book-categories-table thead th.col-actions{z-index:3}.col-products{width:130px}.col-parent,.col-name{width:220px}.col-stats{width:80px}.book-categories-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a40;display:flex;align-items:center;justify-content:center;z-index:3000}.book-category-modal{direction:rtl;width:100%;max-width:430px;background:#fff;border-radius:24px;box-shadow:0 24px 80px #0f235f40;padding:22px 26px 26px;position:relative;overflow:visible!important}.modal-close{position:absolute;top:16px;left:18px;border:none;background:transparent;font-size:18px;color:#ff7474;cursor:pointer}.modal-title{text-align:center;font-size:18px;font-weight:600;color:#27314f;margin-bottom:22px}.modal-body{display:flex;flex-direction:column;gap:14px;overflow:visible!important}.book-category-modal .field{display:flex;flex-direction:column;gap:6px}.book-category-modal .field-label{font-size:12px;color:#7b88b0}.book-category-modal .field-input{border-radius:999px;border:1px solid #e1e6f5;padding:8px 12px;font-size:13px;outline:none}.sub-type-toggle{display:inline-flex;align-items:center;justify-content:flex-end;cursor:pointer;gap:8px}.sub-type-toggle input{display:none}.sub-type-pill{padding:6px 18px;border-radius:999px;background:#eff4ff;font-size:13px;color:#197bbd}.sub-type-toggle input:checked+.sub-type-pill{background:#197bbd;color:#fff}.modal-upload-box{margin-top:4px;border-radius:16px;border:1px dashed #c4d0f7;background:#f5f8ff;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:10px}.modal-upload-icon-img{width:40px;height:40px;object-fit:contain;display:block}.modal-modern-select{width:100%}.category-type-section{margin-bottom:8px}.type-cards{display:flex;gap:12px;margin-top:8px}.type-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.type-card:hover{border-color:#c7d2fe;background:#f8faff}.type-card-active{border-color:#197bbd;background:#eff6ff;box-shadow:0 0 0 3px #197bbd26}.type-card-icon{width:48px;height:48px;border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease}.type-card-active .type-card-icon{background:#197bbd;color:#fff}.type-card-label{font-size:14px;font-weight:600;color:#374151}.type-card-active .type-card-label{color:#197bbd}.type-card-desc{font-size:11px;color:#9ca3af;text-align:center}.category-form-fields{display:flex;flex-direction:column;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid #f0f2f5;animation:slideDown .25s ease-out;overflow:visible!important}.field-helper{font-size:11px;color:#9ca3af;margin-top:4px;display:block}.field-input-error,.field-select-error .modern-select-toggle{border-color:#ef4444!important}.form-error-message{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:13px;text-align:center;margin-top:12px}.modal-primary-btn{margin-top:22px;width:100%;border:none;border-radius:12px;padding:12px 18px;background:#197bbd;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;z-index:0}.modal-primary-btn:hover:not(:disabled){background:#1565a0}.modal-primary-btn-disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}@media(max-width:992px){.book-categories-page{margin-right:0;padding:24px 16px 32px}.book-categories-card{padding:16px 18px 20px}.book-categories-title{font-size:16px}.book-categories-table thead th,.book-categories-table tbody td{padding-inline:10px;font-size:12px}}@media(max-width:600px){.book-categories-card-header{flex-direction:column;align-items:flex-start;gap:12px}.book-categories-header-actions{flex-direction:column;align-items:flex-start;width:100%;gap:10px}.book-categories-filters{width:100%;flex-wrap:wrap}.book-categories-filter-select{min-width:140px;flex:1}.btn-add-book-category{align-self:flex-start;font-size:12px;padding:7px 14px}.book-categories-table-wrapper{max-height:360px}.book-categories-table{font-size:11px}.book-categories-table thead th,.book-categories-table tbody td{padding:8px}.book-category-modal{margin:0 16px;padding:18px 18px 22px}.modal-title{font-size:16px}.modal-primary-btn{font-size:12px}}@media(max-width:480px){.circle-btn{width:34px;height:34px}.action-icon{width:16px;height:16px}}.games-landing{position:relative;direction:rtl;min-height:calc(100vh - 80px);padding-top:60px;padding-bottom:40px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-right:220px}.games-landing-title{font-size:40px;font-weight:700;color:#197bbd;margin-bottom:60px}.games-landing-grid{display:flex;gap:60px;align-items:stretch;justify-content:center;flex-wrap:wrap}.games-landing-card{width:190px;height:190px;border-radius:24px;border:none;outline:none;background:#f3f7ff;box-shadow:0 10px 30px #0f235f14;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.games-landing-icon{width:56px;margin-bottom:18px}.games-landing-label{font-size:20px;font-weight:600;color:#197bbd}.games-landing-card:hover{transform:translateY(-4px);background:#e7f1ff;box-shadow:0 16px 40px #0f235f29}@media(max-width:1024px){.games-landing{margin-right:0;padding-left:20px;padding-right:20px}.games-landing-grid{justify-content:center;gap:30px}}@media(max-width:768px){.games-landing{padding-top:40px;margin-right:0}.games-landing-title{font-size:30px;margin-bottom:35px}.games-landing-card{width:160px;height:160px}}.games-table-page{direction:rtl;margin-right:280px;padding:32px 24px 40px;min-height:calc(100vh - 80px);background:#f5f7ff}.games-table-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.games-table-header-right,.games-filters-inline{display:flex;align-items:center;gap:12px}.games-table-header-left{display:flex;align-items:center;gap:10px}.btn-games-add{border:none;border-radius:10px;background:#22c55e;color:#fff;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-games-add:hover{background:#1db954}.games-search-wrapper{display:flex;align-items:center;position:relative;direction:rtl}.games-search-input{border:none;padding:10px 54px 10px 16px;min-width:280px;font-size:14px;outline:none;text-align:right;border-radius:999px;background:#fff;box-shadow:0 4px 12px #0f235f14;border:1px solid #e0e6f5}.games-search-input::placeholder{color:#9aa1b5}.games-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;overflow:hidden}.games-search-btn:hover{opacity:.9}.games-search-btn .search-icon,.search-icon{width:100%;height:100%;display:block;object-fit:contain}.games-select,.games-category-filter{min-width:220px}.games-select .modern-select-toggle{border-radius:999px;border:1px solid #dde3ff;background:#fff;padding:10px 16px;font-size:13px;color:#4e5670}.games-table{width:100%;border-collapse:collapse;table-layout:auto}.games-table thead th{padding:16px;text-align:center;font-size:13px;font-weight:600;color:#6b7280;background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.games-table thead th.th-name{text-align:right}.games-row{cursor:pointer;transition:all .2s ease;background-color:#fff}.games-row:hover{background-color:#f8fafc}.games-row.expanded{background-color:#eff6ff;border-left:3px solid #3b82f6}.games-row td{padding:16px;vertical-align:middle;border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;text-align:center}.games-row td.td-name{text-align:right}.th-expand,.td-expand{width:40px;text-align:center}.chevron{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#9ca3af;transition:all .2s ease}.games-row:hover .chevron{background-color:#e5e7eb;color:#4b5563}.chevron.active{transform:rotate(180deg);color:#3b82f6;background-color:#dbeafe}.td-name{width:35%}.product-anchor{display:flex;flex-direction:column;gap:4px}.product-name-text{font-weight:600;color:#111827;font-size:15px}.product-barcode-pill{background-color:#f3f4f6;color:#6b7280;font-size:11px;padding:2px 6px;border-radius:4px;align-self:flex-start;font-family:monospace}.category-badge{display:inline-block;padding:4px 12px;background-color:#f0fdf4;color:#166534;border-radius:99px;font-size:12px;font-weight:500;border:1px solid #dcfce7}.price-bold{font-weight:700;color:#111827;font-size:15px}.currency{font-size:11px;color:#9ca3af;margin-right:4px}.action-btn-icon{width:32px;height:32px;border:1px solid #e5e7eb;background-color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.action-btn-icon:hover{border-color:#d1d5db;background-color:#f9fafb}.action-btn-icon.edit:hover{color:#2563eb;border-color:#bfdbfe;background-color:#eff6ff}.action-btn-icon.delete:hover{color:#dc2626;border-color:#fecaca;background-color:#fef2f2}.action-btn-icon.view:hover{color:#8b5cf6;border-color:#c4b5fd;background-color:#f5f3ff}.action-btn-icon.view img{filter:brightness(.2)}.detail-row td{background-color:#f8fafc;padding:0;border-bottom:1px solid #e5e7eb;text-align:right}.detail-panel{padding:24px 32px;border-top:1px dashed #e5e7eb;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:24px}.detail-group{display:flex;flex-direction:column;gap:12px}.detail-subgroup{display:flex;flex-direction:column;gap:8px;margin-top:4px}.detail-title{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin:0 0 8px;font-weight:600}.detail-subtitle{font-size:12px;color:#9ca3af;margin:0;font-weight:600}.detail-item{display:flex;justify-content:space-between;font-size:14px;padding:4px 0;border-bottom:1px dashed #e5e7eb}.detail-item label{color:#6b7280}.detail-item span{color:#111827;font-weight:500}.stock-tags{display:flex;flex-wrap:wrap;gap:8px}.stock-tag{background:#fff;border:1px solid #e5e7eb;padding:4px 10px;border-radius:6px;display:flex;gap:8px;font-size:13px}.branch-qty{font-weight:700;color:#2563eb}.detail-footer label{display:block;color:#9ca3af;font-size:12px;margin-bottom:8px;font-weight:600}.detail-footer p{color:#4b5563;font-size:14px;line-height:1.6;margin:0;max-width:800px}.table-pagination{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;border-top:1px solid #e5e7eb}.pagination-numbers{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.pagination-btn{padding:8px 16px;font-size:14px;font-weight:600;color:#4b5563;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:#e5e7eb}.pagination-number-btn{min-width:38px;padding:8px 10px}.pagination-number-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;opacity:1}.pagination-number-btn.active:disabled{background:#2563eb;color:#fff;border-color:#2563eb;opacity:1}.pagination-ellipsis{color:#6b7280;font-weight:600;padding:0 2px}.pagination-info{font-size:14px;color:#6b7280}.font-mono{font-family:monospace;letter-spacing:.5px}@media screen and (max-width:1024px){.games-table-page{margin-right:0;padding:16px}.games-filters-inline{width:100%;flex-wrap:wrap}}@media screen and (max-width:768px){.games-table-page{margin-right:0;padding:12px}.games-table-header{flex-direction:column;align-items:stretch}.games-table-header-right,.games-table-header-left,.games-filters-inline{width:100%}.games-table-header-right,.games-filters-inline{flex-direction:column;align-items:stretch}.games-search-wrapper,.games-category-filter,.btn-games-add{width:100%}.games-search-input{min-width:0;width:100%}.games-table thead{display:none}.games-row{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"name name" "category price" "status actions";gap:8px;padding:12px;border-bottom:1px solid #e5e7eb;position:relative;background:#fff;margin-bottom:6px;border-radius:8px;border:1px solid #f1f5f9}.games-row td{border:none;padding:0;display:block}.td-name{grid-area:name;margin-bottom:4px}.td-category{grid-area:category;text-align:right;align-self:center}.td-price{grid-area:price;text-align:left;align-self:center}.td-status{grid-area:status;display:flex;align-items:center;justify-content:flex-start}.td-actions{grid-area:actions;justify-self:end;margin-top:0}.td-expand{position:absolute;top:12px;left:12px}.td-name,.td-price,.td-category,.td-status,.td-actions{width:auto;margin:0;order:unset}.td-price span{font-size:15px;font-weight:700}.product-name-text{font-size:15px;line-height:1.3;padding-left:24px}.actions-cell{justify-content:center;width:100%}.detail-grid{grid-template-columns:1fr;gap:24px}}.game-form{direction:rtl;min-height:calc(100vh - 80px);padding:40px 24px 32px;margin-right:280px;background:transparent}.game-form-top{display:grid;grid-template-columns:minmax(260px,320px) minmax(260px,360px) minmax(260px,360px);gap:24px;margin-bottom:24px}.game-form-top .field{width:100%}.game-form-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(260px,360px) minmax(260px,360px);gap:24px;align-items:start}.panel{background:transparent;border:1px solid #d5d8e5;border-radius:12px;box-shadow:none;padding:18px 20px 22px}.panel-section+.panel-section{margin-top:18px;border-top:1px solid #e5e7f0;padding-top:16px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title{font-size:14px;font-weight:600;color:#197bbd}.panel-toggle{font-size:14px;color:#b3bddf}.panel-body{display:flex;flex-direction:column;gap:12px}.panel-subtitle-row{font-size:12px;font-weight:600;color:#7b88b0;margin-bottom:4px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;color:#7b88b0}.field-input,.field-textarea{border-radius:10px;border:1px solid #e1e6f5;background:#fff;padding:8px 10px;font-size:13px;outline:none}.field-input::placeholder,.field-textarea::placeholder{color:#b3bddf}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-textarea{min-height:120px;resize:vertical}.field-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;border-radius:10px;border:1px solid #e1e6f5;background-color:#fff;padding:7px 34px 7px 10px;font-size:13px;line-height:1.3;color:#333;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#b3bddf 50%),linear-gradient(135deg,#b3bddf 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.field-select:focus{outline:none;border-color:#197bbd;box-shadow:0 0 0 2px #197bbd26}.field-input-error{border-color:#dc2626!important}.field-error{color:#dc2626;font-size:12px;margin-top:6px;display:block;text-align:right}.field-select option{font-size:12px;padding:4px 6px}@media(max-width:992px){.field-select{font-size:12px;padding:6px 30px 6px 8px}.field-select option{font-size:11px}}@media(max-width:992px){.field-select{font-size:12px}}.panel-images{padding-top:10px}.upload-main{border-radius:14px;border:1px dashed #c4d0f7;background:#f5f8ff;padding:18px 12px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.upload-main-inner{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.upload-icon-img{width:48px;height:48px;object-fit:contain;margin-bottom:8px}.upload-text{font-size:12px;color:#7b88b0}.btn-secondary{margin-top:4px;border:none;border-radius:8px;padding:8px 14px;background:#197bbd;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;height:32px;min-height:32px}.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(60px,1fr));gap:10px}.upload-thumb{border-radius:12px;border:none;background:#f3f7ff;box-shadow:0 4px 12px #0f235f0f;display:flex;align-items:center;justify-content:center;cursor:pointer}.plus-icon{font-size:20px;color:#9dafdf}.sites-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.site-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#edf1ff;font-size:11px;color:#4e5b88}.tag-remove{border:none;background:transparent;cursor:pointer;font-size:11px;color:#7b88b0}@media(max-width:1200px){.game-form-grid{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr)}}@media(max-width:992px){.game-form{margin-right:0;padding:32px 16px 24px}.game-form-top,.game-form-grid{grid-template-columns:1fr}}@media(max-width:600px){.panel{padding:14px 12px 16px}.field-row{grid-template-columns:1fr}.upload-grid{grid-template-columns:repeat(3,minmax(60px,1fr))}}.form-success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;padding:14px 20px;border-radius:12px;margin-bottom:20px;font-size:14px;font-weight:600;text-align:center;border:1px solid #b8dabc}.form-error-message{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;padding:14px 20px;border-radius:12px;margin-bottom:20px;font-size:14px;font-weight:600;text-align:center;border:1px solid #f5c6cb}.duplicate-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.duplicate-modal{background:#fff;border-radius:12px;direction:rtl;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUp .3s ease-out}.duplicate-modal-header{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.duplicate-modal-header h2{margin:0;font-size:18px;font-weight:700}.duplicate-modal-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.duplicate-modal-close:hover{background:#fff3}.duplicate-modal-body{padding:20px;text-align:right}.duplicate-modal-body p{margin:12px 0;font-size:14px;line-height:1.6}.duplicate-modal-body strong{color:#1f2937;font-weight:600}.duplicate-modal-footer{padding:16px 20px;display:flex;gap:10px;border-top:1px solid #e5e7eb;justify-content:flex-end}.duplicate-modal-btn{padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.duplicate-modal-btn.edit{background:#3b82f6;color:#fff}.duplicate-modal-btn.edit:hover{background:#2563eb}.duplicate-modal-btn.close{background:#e5e7eb;color:#374151}.duplicate-modal-btn.close:hover{background:#d1d5db}.btn-submit{padding:14px 24px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px #22c55e4d;margin-top:16px}.game-form-top .btn-submit{width:100%;min-width:0;height:48px;margin-top:0}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 32px #22c55e66}.btn-submit:active{transform:translateY(0)}.btn-submit.loading{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;box-shadow:none}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.checkbox-field{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#4a5568;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#197bbd;cursor:pointer}.upload-thumb{aspect-ratio:1}.upload-thumb.has-image{position:relative;overflow:hidden}.thumb-preview{width:100%;height:100%;object-fit:cover;border-radius:12px}.remove-image-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.upload-thumb.has-image:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#dc2626}.checkbox-btn{display:block;position:relative;padding-left:30px;margin-bottom:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-btn input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-btn label{cursor:pointer;font-size:14px}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:2.5px solid #ccc;background-color:#f8f9fa;border-radius:4px;transition:.2s linear;cursor:pointer}.checkbox-btn input:checked~.checkmark{background-color:transparent}.checkmark:after{content:"";position:absolute;visibility:hidden;opacity:0;left:50%;top:40%;width:10px;height:14px;border:2px solid #0ea021;filter:drop-shadow(0px 0px 10px #0ea021);border-width:0 2.5px 2.5px 0;transition:.2s linear;transform:translate(-50%,-50%) rotate(-90deg) scale(.2)}.checkbox-btn input:checked~.checkmark:after{visibility:visible;opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1);animation:pulse 1s ease-in}.checkbox-btn input:checked~.checkmark{transform:rotate(45deg);border:none}@keyframes pulse{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(0) scale(1.6)}}.checkbox-btn:hover,.checkbox-btn:hover label,.checkbox-btn:hover .checkmark{cursor:pointer}.login-container{direction:rtl;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7f9fc,#e8f4fc);padding:20px}.login-card{width:100%;max-width:420px;background:#fff;border-radius:24px;box-shadow:0 12px 40px #0f235f1f;padding:48px 40px;box-sizing:border-box}.login-logo-wrapper{display:flex;justify-content:center;margin-bottom:16px}.login-logo{width:320px;max-width:100%;height:220px;object-fit:contain}.login-logo-placeholder{width:320px;max-width:100%;height:220px;background-color:#f0f0f0;border:2px solid #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#999}.login-title{text-align:center;font-size:28px;font-weight:700;color:#197bbd;margin:0 0 8px}.login-subtitle{text-align:center;font-size:14px;color:#7a8191;margin:0 0 32px}.login-form{display:flex;flex-direction:column;gap:20px}.login-field{display:flex;flex-direction:column;gap:8px}.login-label{font-size:14px;font-weight:500;color:#4a5568;text-align:right}.login-input{width:100%;padding:14px 18px;border-radius:14px;border:1.5px solid #e0e6f5;background:#fafbff;font-size:15px;color:#333;outline:none;direction:ltr;text-align:left;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.login-input::placeholder{color:#a0aec0;text-align:left}.login-input:focus{border-color:#197bbd;box-shadow:0 0 0 3px #197bbd1a;background:#fff}.login-forgot-wrapper{display:flex;justify-content:flex-start;margin-top:-8px}.login-forgot-link{font-size:13px;color:#197bbd;text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;font-family:inherit;transition:color .2s ease}.login-forgot-link:hover{color:#145a8a}.login-submit-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,#197bbd,#2f9ae0);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;margin-top:8px}.login-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #197bbd4d}.login-submit-btn:active{transform:translateY(0)}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.login-divider-line{flex:1;height:1px;background:#e0e6f5}.login-divider-text{font-size:13px;color:#9ba5c5}.login-register-wrapper{text-align:center}.login-register-text{font-size:14px;color:#7a8191}.login-register-link{color:#197bbd;font-weight:600;text-decoration:none;transition:color .2s ease}.login-register-link:hover{color:#145a8a;text-decoration:underline}.login-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:10px;padding:12px 16px;color:#c53030;font-size:13px;text-align:center}@media(max-width:768px){.login-card{max-width:380px;padding:40px 32px}.login-title{font-size:24px}.login-logo{width:80px}}@media(max-width:480px){.login-container{padding:16px}.login-card{max-width:100%;padding:32px 20px;border-radius:18px}.login-title{font-size:22px}.login-subtitle{font-size:13px;margin-bottom:24px}.login-input{padding:12px 14px;font-size:14px}.login-submit-btn{padding:12px;font-size:15px}.login-logo{width:70px}}.password-strength-indicator{margin-top:8px;margin-bottom:12px}.strength-bar-container{width:100%;height:6px;background-color:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:8px}.strength-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.strength-info{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.strength-label{font-weight:600;white-space:nowrap}.strength-feedback{color:#666;font-size:12px;text-align:right;direction:rtl}.toast{position:fixed;bottom:24px;left:24px;min-width:320px;max-width:400px;padding:16px 20px;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:9999;animation:slideInLeft .3s ease-out;direction:rtl}@keyframes slideInLeft{0%{transform:translate(-400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #059669}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #dc2626}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon{width:28px;height:28px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.toast-message{color:#fff;font-size:15px;font-weight:500;margin:0;line-height:1.4}@media(max-width:480px){.toast{left:16px;right:16px;bottom:16px;min-width:unset;max-width:unset}}.signup-container{direction:rtl;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7f9fc,#e8f4fc);padding:20px}.signup-card{width:100%;max-width:420px;background:#fff;border-radius:24px;box-shadow:0 12px 40px #0f235f1f;padding:48px 40px;box-sizing:border-box}.signup-logo-wrapper{display:flex;justify-content:center;margin-bottom:16px}.signup-logo{width:320px;max-width:100%;height:220px;object-fit:contain}.signup-logo-placeholder{width:320px;max-width:100%;height:220px;background-color:#f0f0f0;border:2px solid #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#999}.signup-title{text-align:center;font-size:28px;font-weight:700;color:#197bbd;margin:0 0 8px}.signup-subtitle{text-align:center;font-size:14px;color:#7a8191;margin:0 0 32px}.signup-form{display:flex;flex-direction:column;gap:20px}.signup-field{display:flex;flex-direction:column;gap:8px}.signup-label{font-size:14px;font-weight:500;color:#4a5568;text-align:right}.signup-input{width:100%;padding:14px 18px;border-radius:14px;border:1.5px solid #e0e6f5;background:#fafbff;font-size:15px;color:#333;outline:none;direction:ltr;text-align:left;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.signup-input.rtl-input{direction:rtl;text-align:right}.signup-input::placeholder{color:#a0aec0;text-align:left}.signup-input.rtl-input::placeholder{text-align:right}.signup-input:focus{border-color:#197bbd;box-shadow:0 0 0 3px #197bbd1a;background:#fff}.signup-submit-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,#197bbd,#2f9ae0);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;margin-top:8px}.signup-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #197bbd4d}.signup-submit-btn:active{transform:translateY(0)}.signup-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.signup-divider-line{flex:1;height:1px;background:#e0e6f5}.signup-divider-text{font-size:13px;color:#9ba5c5}.signup-login-wrapper{text-align:center}.signup-login-text{font-size:14px;color:#7a8191}.signup-login-link{color:#197bbd;font-weight:600;text-decoration:none;transition:color .2s ease}.signup-login-link:hover{color:#145a8a;text-decoration:underline}.signup-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:10px;padding:12px 16px;color:#c53030;font-size:13px;text-align:center}@media(max-width:768px){.signup-card{max-width:380px;padding:40px 32px}.signup-title{font-size:24px}.signup-logo{width:80px}}@media(max-width:480px){.signup-container{padding:16px}.signup-card{max-width:100%;padding:32px 20px;border-radius:18px}.signup-title{font-size:22px}.signup-subtitle{font-size:13px;margin-bottom:24px}.signup-input{padding:12px 14px;font-size:14px}.signup-submit-btn{padding:12px;font-size:15px}.signup-logo{width:70px}}.forgot-container{direction:rtl;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7f9fc,#e8f4fc);padding:20px}.forgot-card{width:100%;max-width:420px;background:#fff;border-radius:24px;box-shadow:0 12px 40px #0f235f1f;padding:48px 40px;box-sizing:border-box}.forgot-logo-wrapper{display:flex;justify-content:center;margin-bottom:28px}.forgot-logo{width:100px;height:auto}.forgot-logo-placeholder{width:200px;height:150px;background-color:#f0f0f0;border:2px solid #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#999}.forgot-title{text-align:center;font-size:28px;font-weight:700;color:#197bbd;margin:0 0 8px}.forgot-subtitle{text-align:center;font-size:14px;color:#7a8191;margin:0 0 32px}.forgot-form{display:flex;flex-direction:column;gap:20px}.forgot-field{display:flex;flex-direction:column;gap:8px}.forgot-label{font-size:14px;font-weight:500;color:#4a5568;text-align:right}.forgot-input{width:100%;padding:14px 18px;border-radius:14px;border:1.5px solid #e0e6f5;background:#fafbff;font-size:15px;color:#333;outline:none;direction:ltr;text-align:left;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.forgot-input::placeholder{color:#a0aec0;text-align:left}.forgot-input:focus{border-color:#197bbd;box-shadow:0 0 0 3px #197bbd1a;background:#fff}.forgot-submit-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,#197bbd,#2f9ae0);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;margin-top:8px}.forgot-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #197bbd4d}.forgot-submit-btn:active{transform:translateY(0)}.forgot-secondary-btn{width:100%;padding:14px;border-radius:14px;border:1.5px solid #e0e6f5;background:#fff;color:#7a8191;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:4px}.forgot-secondary-btn:hover{background:#f7f9fc;border-color:#197bbd;color:#197bbd}.forgot-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.forgot-divider-line{flex:1;height:1px;background:#e0e6f5}.forgot-divider-text{font-size:13px;color:#9ba5c5}.forgot-register-wrapper{text-align:center}.forgot-register-text{font-size:14px;color:#7a8191}.forgot-register-link{color:#197bbd;font-weight:600;text-decoration:none;transition:color .2s ease}.forgot-register-link:hover{color:#145a8a;text-decoration:underline}.forgot-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:10px;padding:12px 16px;color:#c53030;font-size:13px;text-align:center}@media(max-width:768px){.forgot-card{max-width:380px;padding:40px 32px}.forgot-title{font-size:24px}.forgot-logo{width:80px}}@media(max-width:480px){.forgot-container{padding:16px}.forgot-card{max-width:100%;padding:32px 20px;border-radius:18px}.forgot-title{font-size:22px}.forgot-subtitle{font-size:13px;margin-bottom:24px}.forgot-input{padding:12px 14px;font-size:14px}.forgot-submit-btn,.forgot-secondary-btn{padding:12px;font-size:15px}.forgot-logo{width:70px}}.verify-container{direction:rtl;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7f9fc,#e8f4fc);padding:20px}.verify-card{width:100%;max-width:420px;background:#fff;border-radius:24px;box-shadow:0 12px 40px #0f235f1f;padding:48px 40px;box-sizing:border-box}.verify-logo-wrapper{display:flex;justify-content:center;margin-bottom:28px}.verify-logo{width:100px;height:auto}.verify-logo-placeholder{width:200px;height:150px;background-color:#f0f0f0;border:2px solid #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#999}.verify-title{text-align:center;font-size:28px;font-weight:700;color:#197bbd;margin:0 0 8px}.verify-subtitle{text-align:center;font-size:14px;color:#7a8191;margin:0 0 32px}.verify-email-highlight{color:#197bbd;font-weight:600;direction:ltr;display:inline-block}.verify-form{display:flex;flex-direction:column;gap:20px}.verify-field{display:flex;flex-direction:column;gap:8px}.verify-label{font-size:14px;font-weight:500;color:#4a5568;text-align:right}.verify-code-wrapper{display:flex;gap:10px;justify-content:center;direction:ltr}.verify-code-input{width:50px;height:56px;border-radius:12px;border:1.5px solid #e0e6f5;background:#fafbff;font-size:24px;font-weight:600;color:#333;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.verify-code-input:focus{border-color:#197bbd;box-shadow:0 0 0 3px #197bbd1a;background:#fff}.verify-input{width:100%;padding:14px 18px;border-radius:14px;border:1.5px solid #e0e6f5;background:#fafbff;font-size:20px;font-weight:600;color:#333;outline:none;direction:ltr;text-align:center;letter-spacing:8px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.verify-input::placeholder{color:#a0aec0;letter-spacing:4px}.verify-input:focus{border-color:#197bbd;box-shadow:0 0 0 3px #197bbd1a;background:#fff}.verify-submit-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,#197bbd,#2f9ae0);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;margin-top:8px}.verify-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #197bbd4d}.verify-submit-btn:active{transform:translateY(0)}.verify-secondary-btn{width:100%;padding:14px;border-radius:14px;border:1.5px solid #e0e6f5;background:#fff;color:#7a8191;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:4px}.verify-secondary-btn:hover{background:#f7f9fc;border-color:#197bbd;color:#197bbd}.verify-resend-wrapper{text-align:center;margin-top:16px}.verify-resend-text{font-size:14px;color:#7a8191}.verify-resend-link{color:#197bbd;font-weight:600;text-decoration:underline;cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit;transition:color .2s ease}.verify-resend-link:hover{color:#145a8a}.verify-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:10px;padding:12px 16px;color:#c53030;font-size:13px;text-align:center}.verify-success{background:#f0fff4;border:1px solid #9ae6b4;border-radius:10px;padding:12px 16px;color:#276749;font-size:13px;text-align:center}@media(max-width:768px){.verify-card{max-width:380px;padding:40px 32px}.verify-title{font-size:24px}.verify-logo{width:80px}.verify-code-input{width:45px;height:50px;font-size:20px}}@media(max-width:480px){.verify-container{padding:16px}.verify-card{max-width:100%;padding:32px 20px;border-radius:18px}.verify-title{font-size:22px}.verify-subtitle{font-size:13px;margin-bottom:24px}.verify-input{padding:12px 14px;font-size:18px}.verify-code-input{width:40px;height:46px;font-size:18px}.verify-submit-btn,.verify-secondary-btn{padding:12px;font-size:15px}.verify-logo{width:70px}}.newpass-container{direction:rtl;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7f9fc,#e8f4fc);padding:20px}.newpass-card{width:100%;max-width:420px;background:#fff;border-radius:24px;box-shadow:0 12px 40px #0f235f1f;padding:48px 40px;box-sizing:border-box}.newpass-logo-wrapper{display:flex;justify-content:center;margin-bottom:28px}.newpass-logo{width:100px;height:auto}.newpass-logo-placeholder{width:200px;height:150px;background-color:#f0f0f0;border:2px solid #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#999}.newpass-title{text-align:center;font-size:28px;font-weight:700;color:#197bbd;margin:0 0 8px}.newpass-subtitle{text-align:center;font-size:14px;color:#7a8191;margin:0 0 32px}.newpass-form{display:flex;flex-direction:column;gap:20px}.newpass-field{display:flex;flex-direction:column;gap:8px}.newpass-label{font-size:14px;font-weight:500;color:#4a5568;text-align:right}.newpass-input{width:100%;padding:14px 18px;border-radius:14px;border:1.5px solid #e0e6f5;background:#fafbff;font-size:15px;color:#333;outline:none;direction:ltr;text-align:left;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.newpass-input::placeholder{color:#a0aec0;text-align:left}.newpass-input:focus{border-color:#197bbd;box-shadow:0 0 0 3px #197bbd1a;background:#fff}.newpass-submit-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,#197bbd,#2f9ae0);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;margin-top:8px}.newpass-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #197bbd4d}.newpass-submit-btn:active{transform:translateY(0)}.newpass-requirements{background:#f7f9fc;border-radius:10px;padding:12px 16px;margin-top:-8px}.newpass-requirements-title{font-size:12px;font-weight:600;color:#4a5568;margin:0 0 8px}.newpass-requirements-list{list-style:none;padding:0;margin:0}.newpass-requirements-item{font-size:12px;color:#7a8191;margin-bottom:4px;display:flex;align-items:center;gap:6px}.newpass-requirements-item.valid{color:#276749}.newpass-requirements-item:before{content:"○";font-size:8px}.newpass-requirements-item.valid:before{content:"●";color:#38a169}.newpass-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:10px;padding:12px 16px;color:#c53030;font-size:13px;text-align:center}.newpass-success{background:#f0fff4;border:1px solid #9ae6b4;border-radius:10px;padding:12px 16px;color:#276749;font-size:13px;text-align:center}@media(max-width:768px){.newpass-card{max-width:380px;padding:40px 32px}.newpass-title{font-size:24px}.newpass-logo{width:80px}}@media(max-width:480px){.newpass-container{padding:16px}.newpass-card{max-width:100%;padding:32px 20px;border-radius:18px}.newpass-title{font-size:22px}.newpass-subtitle{font-size:13px;margin-bottom:24px}.newpass-input{padding:12px 14px;font-size:14px}.newpass-submit-btn{padding:12px;font-size:15px}.newpass-logo{width:70px}}:root{--primary: #197BBD;--bg: #f7f9fc;--card: #ffffff;--border: #e5eaf0}*{box-sizing:border-box;font-family:inherit}.employees-page{padding:20px;background:var(--bg);direction:rtl}.employees-stats-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-label{color:#64748b;font-size:14px;font-weight:500}.stat-value{font-size:28px;font-weight:700}.table-card{background:var(--card);border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000d}.table-header-wrapper{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.table-header-top{display:flex;justify-content:space-between;align-items:center}.table-header-top h3{margin:0;color:#333;font-size:18px;font-weight:700}.employees-add-btn{background:#f0f7ff;color:#197bbd;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}.table-header-filters{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.search-bar{position:relative;flex:1;min-width:250px;max-width:380px}.filters-group{display:flex;gap:12px;flex-wrap:wrap}.filters-group .modern-select{width:auto;min-width:170px;position:relative;z-index:10}.filters-group .modern-select-toggle{height:42px;padding:8px 14px;font-size:14px;border-color:var(--border);background-color:#fff}.filters-group .modern-select-toggle:hover{border-color:var(--primary)}.filters-group .modern-select-value{color:#161616}.filters-group .modern-select-menu{min-width:170px;z-index:1000}.filters-group .modern-select:has(.is-open){z-index:100}@media(max-width:768px){.table-header-filters{flex-direction:column;align-items:stretch}.filters-group{flex-direction:column;width:100%;position:relative}.filters-group .modern-select{width:100%;min-width:unset;z-index:1}.filters-group .modern-select:has(.is-open){z-index:100}.search-bar{width:100%;max-width:100%}}.table-wrapper{overflow-x:auto}.skeleton-row{display:flex;align-items:center;padding:12px;gap:12px;border-bottom:1px solid #f3f4f6}.skeleton-avatar{width:36px;height:36px;min-width:36px;border-radius:6px}.skeleton-name{flex:.6;height:16px}.skeleton-text{flex:.4;height:14px}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}.pagination-info{color:#475569;font-size:16px;font-weight:600}.pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.pagination-btn{background:#fff;color:#1f2937;border:1px solid var(--border);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn-active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-btn-active:disabled{opacity:.7;cursor:not-allowed}table{width:100%;border-collapse:collapse;min-width:900px}thead{background:#f0f4f9}th,td{padding:12px;text-align:center;border-bottom:1px solid var(--border);font-size:14px}.employee-name-cell{text-align:right}.employee-name-content{display:inline-flex;align-items:center;gap:8px;justify-content:flex-start}.person-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e8f4fc;border-radius:50%;flex-shrink:0}.person-icon-img{width:20px;height:20px}.employee-name-link{text-decoration:none;color:inherit;display:block;transition:all .2s}.employee-name-link:hover .employee-name-content{transform:translate(-3px)}.employee-name-link:hover span{color:var(--primary)}.actions-wrapper{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.icon{border:none;background:#f1f3f7;padding:6px 8px;border-radius:6px;cursor:pointer}.icon-btn{border:none;width:38px;height:38px;padding:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.icon-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.employees-page .icon-btn.btn-delete{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;padding:0!important;border-radius:50%!important}.btn-delete{background:#fde8e8}.btn-edit,.btn-bagtime{background:#f0e8fd}.btn-money-red{background:#ffeee8}.btn-money-green{background:#e8fdf0}.btn-deposits{background:#fff3e8}.action-icon{width:20px;height:20px}.switch{position:relative;width:42px;height:22px}.switch input{display:none}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:22px;cursor:pointer;transition:.3s}.slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider{background:var(--primary)}.switch input:checked+.slider:before{transform:translate(20px)}@media(max-width:768px){.table-header{flex-direction:column;align-items:stretch}.table-controls input{width:100%}}.page-content{width:100%;transition:margin-right .25s ease-out}@media(min-width:992px){.page-content{margin-right:250px;width:calc(100% - 250px)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a40;display:flex;align-items:center;justify-content:center;z-index:3000}.modal-container{direction:rtl;width:100%;max-width:430px;background:#fff;border-radius:24px;box-shadow:0 24px 80px #0f235f40;padding:24px 28px 26px;position:relative;max-height:90vh;overflow-y:auto}.modal-close-btn{position:absolute;top:16px;left:18px;border:none;background:transparent;font-size:20px;color:#ff7474;cursor:pointer;padding:0;width:auto;height:auto;display:block;transition:transform .2s ease}.modal-close-btn:hover{transform:scale(1.1)}.modal-title{text-align:center;font-size:18px;font-weight:600;color:#27314f;margin:0 0 22px}.modal-form,.form-grid{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:12px;color:#7b88b0;font-weight:400}.form-field input,.form-field .modern-select-toggle{border-radius:999px!important;border:1px solid #e1e6f5;padding:8px 12px;font-size:13px;outline:none;height:auto;background:#fff}.form-field .modern-select{width:100%}.form-field .modern-select-toggle{min-height:38px;display:flex;align-items:center;justify-content:space-between}.form-field input:focus{border-color:#197bbd}.input-error{border-color:#ef4444!important}.modal-submit-btn{margin-top:24px;border:none;border-radius:999px;padding:9px 26px;background:#e8f3ff;color:#197bbd;font-size:13px;font-weight:600;cursor:pointer;display:block;margin-left:auto;margin-right:auto;width:auto;transition:all .2s ease;align-self:center}.modal-submit-btn:hover{background:#d0e6ff;transform:none}.modal-submit-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:600px){.modal-container{margin:0 16px;padding:20px 20px 22px;max-width:100%}}:root{--primary: #197BBD;--bg: #f7f9fc;--card: #ffffff;--border: #e5eaf0;--text-primary: #1f2937;--text-secondary: #6b7280;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}.jobs-main-container{padding:24px;background:var(--bg);direction:rtl;height:calc(100vh - 48px);overflow-y:auto}.jobs-main-container::-webkit-scrollbar{width:8px}.jobs-main-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.jobs-main-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.jobs-main-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.jobs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.jobs-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.btn-add-job{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #197bbd4d}.btn-add-job:hover{background:#1565a0;transform:translateY(-2px);box-shadow:0 6px 16px #197bbd66}.btn-add-job:active{transform:translateY(0)}.btn-add-job img{width:20px;height:20px;opacity:1!important;display:inline-block!important;visibility:visible!important;filter:brightness(0) invert(1)}@media(max-width:768px){.jobs-header{flex-direction:column;align-items:stretch}.jobs-title{font-size:24px}.btn-add-job{justify-content:center}}.jobs-pagination{margin-top:24px;margin-bottom:20px}.bulk-actions-bar{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 20px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.selected-count{font-size:14px;font-weight:600;color:#856404}.bulk-actions-buttons{display:flex;gap:10px}.bulk-action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.bulk-action-btn.cancel-btn{background:#e5e7eb;color:#374151}.bulk-action-btn.cancel-btn:hover{background:#d1d5db}.bulk-action-btn.delete-btn{background:#ef4444;color:#fff}.bulk-action-btn.delete-btn:hover{background:#dc2626}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}.jobs-table-container{background:var(--card);border-radius:14px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.jobs-table-wrapper{max-height:600px;overflow-y:auto;overflow-x:auto}.jobs-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.jobs-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.jobs-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.jobs-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.jobs-table{width:100%;border-collapse:collapse;font-size:14px}.jobs-table thead{background:#f3f4f6;border-bottom:2px solid var(--border)}.jobs-table th{padding:16px 12px;text-align:right;font-weight:600;color:var(--text-primary);white-space:nowrap}.jobs-table th:first-child{width:50px;text-align:center}.checkbox-header{text-align:center!important}.job-name-header{text-align:right!important}.jobs-table th:last-child{text-align:center}.checkbox-cell{text-align:center;padding:12px!important;width:50px}.job-checkbox{width:18px;height:18px;cursor:pointer}.jobs-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s ease}.jobs-table tbody tr:hover{background:#f9fafb}.jobs-table tbody tr.inactive-row{opacity:.6;background:#f9fafb}.jobs-table td{padding:16px 12px;color:var(--text-primary)}.job-name{font-weight:600;color:var(--primary)}.job-description{color:var(--text-secondary);max-width:300px;white-space:normal}.salary-range{font-weight:500;color:#059669}.employee-count{text-align:center}.badge-count{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f61a;color:#3b82f6;border-radius:8px;font-weight:600;font-size:14px}.status-cell,.actions-cell{text-align:center}.actions-group{display:flex;gap:8px;justify-content:center;align-items:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background:transparent}.action-btn img{width:18px;height:18px}.edit-btn:hover{background:#3b82f61a}.delete-btn:hover{background:#ef44441a}.empty-message{text-align:center;padding:40px 16px!important;color:var(--text-secondary);font-style:italic}@media(max-width:768px){.jobs-table{font-size:13px}.jobs-table th,.jobs-table td{padding:12px 8px}.job-description{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-btn{width:32px;height:32px}.action-btn img{width:16px;height:16px}}:root{--primary: #197BBD;--bg: #f7f9fc;--card: #ffffff;--border: #e5eaf0;--text-primary: #1f2937;--text-secondary: #6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .3s ease}.modal-content{background:var(--card);border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;direction:rtl}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.add-job-modal{max-width:400px}.add-job-modal-edit{max-width:560px}.modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:22px;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:var(--text-primary)}.job-form{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;background:#f9fafb}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;background:var(--card);border-color:var(--primary);box-shadow:0 0 0 3px #197bbd1a}.form-group input.error,.form-group textarea.error{border-color:#ef4444;background:#fef2f2}.form-group textarea{resize:vertical;min-height:80px}.error-message{font-size:13px;color:#dc2626;display:flex;gap:4px;align-items:center}.error-message:before{content:"";display:inline-block;width:4px;height:4px;background:#dc2626;border-radius:50%}.global-error{padding:12px 16px;background:#fef2f2;border-left:4px solid #dc2626;border-radius:6px;margin-bottom:8px;margin-top:-4px}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:12px;background:#f9fafb;border-radius:8px}.permission-item{display:flex;align-items:center;gap:8px}.permission-item label{font-size:14px;font-weight:400;margin:0;cursor:pointer;color:var(--text-secondary);flex:1}.permission-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group{flex-direction:row;align-items:center;gap:8px}.checkbox-group label{margin:0;font-weight:500;cursor:pointer}.job-lock-toggle-row{display:flex;align-items:center;gap:12px}.job-lock-status-text{font-size:14px;font-weight:600}.job-lock-status-text.locked{color:#d97706}.job-lock-status-text.unlocked{color:#16a34a}.modal-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-start;flex-direction:row-reverse}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #197bbd4d}.btn-primary:hover:not(:disabled){background:#1565a0;transform:translateY(-2px);box-shadow:0 6px 16px #197bbd66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#e5e7eb;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-lock{background:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b4d}.btn-lock:hover:not(:disabled){background:#d97706;transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.btn-lock:active:not(:disabled){transform:translateY(0)}.btn-lock:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.modal-content{max-width:100%;max-height:100vh;border-radius:16px 16px 0 0}.modal-header{padding:20px}.modal-header h2{font-size:20px}.job-form{padding:20px}.permissions-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column;padding:16px 20px}.btn{flex:1}}.loader{display:block;--height-of-loader: 4px;--loader-color: #197BBD;width:130px;height:var(--height-of-loader);border-radius:30px;background-color:#0003;position:relative}.loader:before{content:"";position:absolute;background:var(--loader-color);top:0;left:0;width:0%;height:100%;border-radius:30px;animation:moving 1s ease-in-out infinite}.loader-spinner{width:48px;height:48px;border:6px solid #e5e7eb;border-top:6px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes moving{50%{width:100%}to{width:0;right:0;left:unset}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.employee-details-page{direction:rtl;padding:24px 32px;max-width:1400px;margin:0 auto;box-sizing:border-box}.details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.details-header h1{font-size:28px;font-weight:700;color:#197bbd;margin:0}.back-btn{background:#f0f7ff;color:#197bbd;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#e3eefc}.employee-info-card{background:#fff;border-radius:20px;padding:28px 32px;box-shadow:0 10px 35px #0f235f14;margin-bottom:24px}.employee-info-header{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:2px solid #f3f6ff;margin-bottom:24px}.employee-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#197bbd,#1565a6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-text{font-size:32px;font-weight:700;color:#fff}.employee-info-main{flex:1}.employee-name{font-size:24px;font-weight:700;color:#20243b;margin:0 0 6px}.employee-job{font-size:16px;color:#7a8191;margin:0}.employee-status{margin-right:auto}.status-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.small{min-width:92px;padding:6px 14px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.employee-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:6px;align-items:stretch}.info-label{font-size:13px;color:#7a8191;font-weight:600;width:100%}.info-value{font-size:16px;color:#20243b;font-weight:500;width:100%;word-break:break-all}.info-value-ltr{direction:ltr;text-align:right;unicode-bidi:plaintext}.records-section{background:#fff;border-radius:20px;box-shadow:0 10px 35px #0f235f14;overflow:hidden}.tabs-container{display:flex;background:#f9fafb;border-bottom:2px solid #e5e7eb}.tab-btn{flex:1;padding:16px 24px;background:transparent;border:none;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative}.tab-btn:hover{background:#f3f4f6;color:#197bbd}.tab-btn.active{background:#fff;color:#197bbd}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#197bbd}.records-content{padding:28px 32px}.records-table-container{min-height:400px}.records-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.records-header h3{font-size:20px;font-weight:700;color:#20243b;margin:0}.add-record-btn{background:#197bbd;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-record-btn:hover{background:#1565a6}.records-table{width:100%;border-collapse:separate;border-spacing:0;direction:rtl}.records-table thead{background:#f9fafb}.records-table th{padding:14px 16px;text-align:right;font-size:14px;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb}.records-table th:first-child{border-top-right-radius:10px}.records-table th:last-child{border-top-left-radius:10px}.records-table tbody tr{transition:background .2s ease}.records-table tbody tr:hover{background:#f9fafb}.records-table td{padding:16px;color:#20243b;font-size:15px;border-bottom:1px solid #f3f4f6;text-align:right;vertical-align:middle}.records-table th.actions-col,.records-table td.actions-col{width:132px;min-width:132px;max-width:132px;text-align:left;white-space:nowrap;padding-left:26px}.records-table th.status-col,.records-table td.status-col{width:130px;min-width:130px;max-width:130px;text-align:center}.employee-record-action-btn{background:#e8f0ff;color:#197bbd;border:1px solid #bfdbfe;border-radius:999px;min-width:88px;padding:8px 16px;font-size:13px;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.employee-record-action-btn:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.empty-state{display:flex;align-items:center;justify-content:center;min-height:350px;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.empty-state p{font-size:16px;color:#9ca3af;font-weight:500;margin:0}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;min-height:400px;flex-direction:column;gap:16px}.loading-text{font-size:18px;color:#6b7280;font-weight:500}.error-container p{font-size:18px;color:#ef4444;font-weight:600;margin:0 0 16px}@media(max-width:768px){.employee-details-page{padding:16px}.employee-info-header{flex-direction:column;text-align:center}.employee-info-grid{grid-template-columns:1fr}.tabs-container{flex-direction:column}.tab-btn.active:after{bottom:0;left:0;right:auto;width:3px;height:100%}.records-content{padding:16px}.records-table{font-size:13px}.records-table th,.records-table td{padding:10px 8px}.records-table th.actions-col,.records-table td.actions-col{width:110px;min-width:110px;max-width:110px;padding-left:18px}.records-table th.status-col,.records-table td.status-col{width:106px;min-width:106px;max-width:106px}.employee-record-action-btn{min-width:72px;padding:7px 12px}}.slider.round{border-radius:999px}.slider.round:before{border-radius:50%}.status-text{font-size:15px;font-weight:600}.status-text.active{color:#22c55e}.status-text.inactive{color:#ef4444}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-text{font-size:20px;font-weight:600;color:#197bbd}.error-container p{font-size:18px;color:#64748b;margin-bottom:20px}@media(max-width:992px){.employee-details-page{padding-right:32px}.details-grid{grid-template-columns:1fr}}@media(max-width:768px){.employee-details-page{padding:16px}.details-header{flex-direction:column;align-items:flex-start;gap:12px}.details-card{padding:20px}.card-header{flex-direction:column;align-items:flex-start;gap:12px}}.customers-page{padding:24px 32px;min-height:calc(100vh - 80px);background-color:#f8fafc;direction:rtl;width:100%;transition:margin-right .25s ease-out}@media(min-width:992px){.customers-page{margin-right:250px;width:calc(100% - 250px)}}.customers-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.customers-header-section{display:flex;justify-content:space-between;align-items:center}.customers-header-section h1{font-size:26px;color:#1f2937;margin:0;font-weight:700}.cust-stats{display:flex;gap:16px}.cust-stat-card{flex:1;display:flex;align-items:center;gap:16px;background:#fff;padding:20px 24px;border-radius:12px;border:1px solid #e5e7eb;transition:border-color .2s}.cust-stat-card:hover{border-color:#d1d5db}.cust-stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:10px}.cust-stat-content{display:flex;flex-direction:column;gap:4px}.cust-stat-value{font-size:24px;font-weight:700;color:#1f2937}.cust-stat-label{font-size:13px;color:#6b7280}.customers-table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.table-header-box{padding:20px 24px;border-bottom:1px solid #f3f4f6}.table-header-box h3{margin:0;font-size:16px;font-weight:600;color:#374151}.cust-table-section{padding:20px 24px}.cust-controls{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.cust-btn-add{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.cust-btn-add:hover{background:#4338ca}.cust-btn-add svg{stroke:currentColor}.cust-search{flex:1;min-width:280px;max-width:400px;position:relative}.cust-search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.4}.cust-search-input{width:100%;padding:10px 42px 10px 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#1f2937;transition:border-color .2s}.cust-search-input:focus{outline:none;border-color:#4f46e5}.cust-search-input::placeholder{color:#9ca3af}.cust-sort{min-width:160px}.cust-table-wrap{overflow-x:auto}.cust-table{width:100%;border-collapse:collapse}.cust-table th{padding:12px 16px;text-align:center;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;background:#f9fafb;white-space:nowrap}.cust-table td{padding:14px 16px;font-size:14px;color:#1f2937;border-bottom:1px solid #f3f4f6;vertical-align:middle;text-align:center}.cust-th-actions{width:80px}.cust-row{transition:background .15s}.cust-row:hover{background:#f9fafb}.cust-row-deleting{animation:slideOut .3s ease forwards;background:#fef2f2}@keyframes slideOut{to{transform:translate(100%);opacity:0}}.cust-td-name{text-align:center}.cust-name{font-weight:600;color:#1f2937}.cust-td-muted{color:#6b7280}.cust-td-danger{color:#dc2626;font-weight:600}.cust-tier-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:help}.cust-tier-icon{font-size:10px}.cust-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.cust-status-badge.active{background:#ecfdf5;color:#059669}.cust-status-badge.inactive{background:#f3f4f6;color:#6b7280}.cust-status-badge:hover{transform:scale(1.05)}.cust-td-actions{text-align:center}.cust-actions{display:flex;justify-content:center;gap:8px;opacity:0;transition:opacity .15s}.cust-actions.visible{opacity:1}.cust-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:transparent}.cust-action-btn img{width:16px;height:16px}.cust-action-btn.edit{color:#4f46e5}.cust-action-btn.edit:hover{background:#eef2ff}.cust-action-btn.edit img{filter:invert(28%) sepia(99%) saturate(1935%) hue-rotate(230deg) brightness(96%) contrast(93%)}.cust-action-btn.delete{color:#dc2626}.cust-action-btn.delete:hover{background:#fef2f2}.cust-action-btn.delete img{filter:invert(24%) sepia(95%) saturate(2479%) hue-rotate(346deg) brightness(87%) contrast(95%)}.cust-action-btn.view{color:#197bbd}.cust-action-btn.view:hover{background:#e0f0fb}.cust-row-loading td{padding:16px}.cust-skeleton{height:16px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cust-empty{text-align:center;padding:60px 20px!important}.cust-empty-content{display:flex;flex-direction:column;align-items:center;gap:12px}.cust-empty-content p{margin:0;font-size:16px;font-weight:600;color:#374151}.cust-empty-content span{font-size:14px;color:#9ca3af}.customers-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.customers-modal-card{background:#fff;padding:28px;border-radius:16px;box-shadow:0 20px 40px -10px #00000026;position:relative;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;direction:rtl}.customer-modal{max-width:600px}.customers-modal-close{position:absolute;top:16px;left:16px;background:#f3f4f6;border:none;width:32px;height:32px;border-radius:8px;font-size:18px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s}.customers-modal-close:hover{background:#e5e7eb;color:#374151}.customers-modal-title{margin:0 0 24px;color:#1f2937;font-size:18px;font-weight:700}.customers-modal-form{display:flex;flex-direction:column;gap:16px}.customers-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.customers-form-field{display:flex;flex-direction:column;gap:6px}.customers-form-field label{font-size:13px;font-weight:600;color:#374151}.customers-form-field input,.customers-form-field textarea,.customers-form-field select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;transition:border-color .2s}.customers-form-field input:focus,.customers-form-field textarea:focus,.customers-form-field select:focus{outline:none;border-color:#4f46e5}.customers-input-error{border-color:#dc2626!important}.customers-error-message{color:#dc2626;font-size:12px}.customers-modal-footer{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.customers-btn-cancel{padding:10px 20px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.customers-btn-cancel:hover{background:#e5e7eb}.customers-btn-submit{padding:10px 24px;background:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.customers-btn-submit:hover{background:#4338ca}.customers-btn-submit:disabled{opacity:.6;cursor:not-allowed}.delete-modal{max-width:440px}.delete-icon-wrapper{display:flex;justify-content:center;margin-bottom:16px}.delete-icon{width:56px;height:56px;color:#dc2626}.delete-modal-title{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:700;text-align:center}.delete-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:16px;margin-bottom:20px}.delete-customer-name{font-size:16px;font-weight:700;color:#1f2937;text-align:center;margin-bottom:12px}.delete-warning-text{font-size:14px;font-weight:600;color:#dc2626;text-align:center;margin-bottom:8px}.delete-warning-subtext{font-size:13px;color:#6b7280;text-align:center}.delete-data-list{list-style:none;padding:0;margin:12px 0 0}.delete-data-list li{padding:6px 10px;background:#fff;border-radius:6px;margin-bottom:4px;color:#4b5563;font-size:13px;text-align:right}.delete-data-list li:before{content:"•";color:#dc2626;font-weight:700;margin-left:8px}.delete-modal-footer{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:12px}.btn-delete{padding:10px 28px;height:40px;min-width:140px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s;white-space:nowrap}.btn-delete.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.btn-delete.enabled{background:#dc2626;color:#fff}.btn-delete.enabled:hover{background:#b91c1c}@media(max-width:900px){.cust-stats{flex-direction:column}.cust-controls{flex-direction:column;align-items:stretch}.cust-search{max-width:none}.cust-btn-add{justify-content:center}.cust-actions{opacity:1}}@media(max-width:600px){.customers-page{padding:16px}.customers-form-row{grid-template-columns:1fr}.cust-stat-card{padding:16px}.cust-stat-value{font-size:20px}}.cd-page-header{display:flex;align-items:center;margin-bottom:4px}.cd-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cd-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.cd-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cd-not-found{color:#6b7280;font-size:14px}.cd-profile-main{display:flex;align-items:center;gap:20px;flex:1}.cd-avatar{width:60px;height:60px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.cd-profile-info{display:flex;flex-direction:column;gap:10px}.cd-customer-name{margin:0;font-size:22px;font-weight:700;color:#111827}.cd-profile-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cd-meta-item{display:flex;align-items:center;gap:5px;font-size:13px;color:#6b7280}.cd-meta-item svg{flex-shrink:0}.cd-meta-item.cd-since{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.cd-profile-extra{display:flex;gap:24px;flex-wrap:wrap}.cd-extra-item{display:flex;flex-direction:column;gap:4px;text-align:center;min-width:90px}.cd-extra-label{font-size:12px;color:#9ca3af;font-weight:500}.cd-extra-value{font-size:18px;font-weight:700;color:#1f2937}.cd-extra-value.cd-danger{color:#dc2626}.cd-type-tabs-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.cd-type-tabs{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.cd-refreshing-hint{color:#6b7280;font-size:12px;font-weight:600}.cd-tab-btn{padding:7px 18px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.cd-tab-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.cd-tab-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.cd-type-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.cd-type-badge.cd-type-online{background:#dbeafe;color:#1d4ed8}.cd-type-badge.cd-type-cashier{background:#dcfce7;color:#15803d}.cd-invoice-skeleton{height:14px;margin:0 auto}.cd-invoice-skeleton-0{width:72%}.cd-invoice-skeleton-1{width:54%}.cd-invoice-skeleton-2{width:58%}.cd-invoice-skeleton-3{width:46%}.cd-invoice-skeleton-4{width:44%}.pagination-info{font-size:14px;color:#6b7280;font-weight:500}.expenses-page{direction:rtl;margin-right:250px;min-height:calc(100vh - 80px);background:#f5f7ff;padding:32px 24px 40px}.expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:20px}.expenses-title{font-size:28px;font-weight:700;color:#1f2937;margin:0}.expenses-stats{display:flex;gap:16px}.expenses-stats-section{display:flex;gap:16px;margin-top:24px;margin-bottom:32px;flex-wrap:wrap}.stat-card{flex:1;min-width:200px;padding:20px 24px;border-radius:14px;display:flex;flex-direction:column;gap:8px}.stat-card-blue{background:transparent;box-shadow:0 6px 24px #3b82f666}.stat-card-blue .stat-label{color:#64748b}.stat-card-blue .stat-value{color:#3b82f6}.stat-card-green{background:transparent;box-shadow:0 6px 24px #22c55e66}.stat-card-green .stat-label{color:#64748b}.stat-card-green .stat-value{color:#22c55e}.stat-card-amber{background:transparent;box-shadow:0 6px 24px #f59e0b66}.stat-card-amber .stat-label{color:#64748b}.stat-card-amber .stat-value{color:#f59e0b}.stat-card-purple{background:transparent;box-shadow:0 6px 24px #a855f766}.stat-card-purple .stat-label{color:#64748b}.stat-card-purple .stat-value{color:#a855f7}.stat-label{font-size:13px;font-weight:500}.stat-value{font-size:24px;font-weight:700}.expenses-controls{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.expenses-controls .modern-select{min-width:140px;max-width:160px}.btn-add-expense{padding:12px 24px;background:#e8f3fd;color:#197bbd;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-expense:hover{background:#d6e8fa}.expenses-search{position:relative;flex:1;max-width:300px}.expenses-search .search-input{width:100%;height:44px;padding:0 44px 0 16px;font-size:14px;color:#333;text-align:right;background:#fff;border:1px solid #e0e6f5;border-radius:10px;outline:none;box-shadow:0 2px 8px #0f235f0f}.expenses-search .search-input:focus{border-color:#3b82f6}.expenses-search .search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:.5}.expenses-table-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0f235f14;overflow-x:auto}.expenses-table{width:100%;border-collapse:collapse}.expenses-table thead{background:#f8fafc;border-radius:8px}.expenses-table th{padding:14px 16px;text-align:right;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.expenses-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.expenses-table tbody tr:hover{background:#f8fafc}.expenses-table td{padding:16px;font-size:14px;color:#334155;white-space:nowrap;text-align:right}.amount-cell{font-weight:700;color:#ef4444;font-size:15px}.category-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.description-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions-cell{display:flex;gap:8px;justify-content:center}.expenses-table th:last-child{text-align:center}.empty-state{text-align:center!important;padding:60px 20px!important;color:#94a3b8;font-size:15px}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton-row{animation:fadeIn .3s ease-in}.skeleton-cell{height:20px;background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0 80px);background-size:600px;animation:shimmer 1.5s infinite linear;border-radius:4px}.skeleton-actions{display:flex;gap:8px;justify-content:center;align-items:center}.skeleton-btn{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0 80px);background-size:600px;animation:shimmer 1.5s infinite linear}.expense-modal{max-width:600px;width:90%}.modal-form{display:flex;flex-direction:column;gap:16px;width:100%}.form-row{display:grid;grid-template-columns:1fr;gap:16px;width:100%}.form-field{display:flex;flex-direction:column;gap:8px;width:100%}.form-field label{font-size:13px;font-weight:600;color:#475569}.form-field input,.form-field textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;outline:none;transition:border-color .2s ease;box-sizing:border-box}.form-field input:focus,.form-field textarea:focus{border-color:#3b82f6}.form-field textarea{resize:vertical;font-family:inherit}.date-input-wrapper{position:relative;width:100%}.date-input-wrapper input{cursor:pointer;width:100%;box-sizing:border-box}.datepicker-popup{position:absolute;top:100%;right:0;margin-top:8px;z-index:1000}.char-counter{font-size:12px;color:#64748b;text-align:left;margin-top:4px}.circle-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.circle-btn-blue{background:#e8f0ff;color:#2f80ed}.circle-btn-blue:hover{background:#bfdbfe}.circle-btn-red{background:#fecaca;color:#dc2626}.circle-btn-red:hover{background:#fca5a5}.action-icon{width:18px;height:18px}.delete-confirm-modal{background:#fff;border-radius:16px;padding:28px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d}.delete-confirm-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 12px;text-align:center}.delete-confirm-message{font-size:14px;color:#64748b;margin:0 0 24px;text-align:center;line-height:1.6}.delete-confirm-actions{display:flex;gap:12px}.delete-confirm-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.delete-confirm-btn-cancel{background:#f1f5f9;color:#64748b}.delete-confirm-btn-cancel:hover{background:#e2e8f0}.delete-confirm-btn-delete{background:#ef4444;color:#fff}.delete-confirm-btn-delete:hover{background:#dc2626}@media(max-width:768px){.expenses-page{margin-right:0;padding:20px 16px}.expenses-header{flex-direction:column;align-items:flex-start}.expenses-stats{width:100%;flex-direction:column}.stat-card{width:100%}.expenses-controls{flex-direction:column;align-items:stretch}.expenses-search{max-width:100%}.form-row{grid-template-columns:1fr}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.expenses-table tbody tr.deleting-row{animation:slideOutLeft .4s ease-out forwards;background-color:#fee2e2}.field-with-add-btn{display:flex;gap:8px;align-items:stretch;width:100%}.field-with-add-btn .modern-select-container{flex:1}.add-category-btn{width:42px;height:42px;border:none;border-radius:50%;background:#e8f3fd;color:#197bbd;font-size:22px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 6px #197bbd33}.add-category-btn:hover{transform:scale(1.05);background:#d6e8fa;box-shadow:0 4px 12px #197bbd4d}.modern-category-select{position:relative;width:100%;flex:1;direction:rtl}.modern-category-select .modern-select-toggle{width:100%;border-radius:12px;border:1px solid #e1e6f5;background-color:#fff;padding:10px 30px 10px 15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#333;transition:border-color .15s ease;text-align:right}.modern-category-select .modern-select-toggle.placeholder .modern-select-value{color:#999}.modern-category-select .modern-select-toggle:hover{border-color:#197bbd}.modern-category-select .modern-select-value{flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-category-select .modern-select-arrow{margin-left:6px;font-size:10px;color:#9aa5c5}.category-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:100%;max-height:220px;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 16px 40px #0f235f2e;padding:6px 0;z-index:50}.category-dropdown-menu.show{display:block}.category-option-wrapper{position:relative;display:flex;align-items:center}.category-option-wrapper .modern-select-option{flex:1;padding:10px 40px 10px 16px;background:transparent;border:none;text-align:right;font-size:14px;color:#333;cursor:pointer}.category-option-wrapper .modern-select-option:hover{background:#f3f6ff}.category-option-wrapper .modern-select-option.is-selected{background:#e2f1ff;color:#197bbd}.category-delete-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:#dc2626;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;padding:0;line-height:1}.category-option-wrapper:hover .category-delete-icon{opacity:1}.category-delete-icon:hover{opacity:.8}.success-modal-card{max-width:300px!important;padding:40px 30px!important}.delete-modal-card{transition:all .3s ease;overflow:hidden}.delete-modal-card.success-mode{max-height:250px}.add-category-modal{max-width:400px}.form-error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.field-error{display:block;color:#dc2626;font-size:12px;margin-top:6px}.input-error,.form-field input.input-error{border-color:#dc2626!important;background-color:#fef2f2!important}@media(max-width:992px){.expenses-page{margin-right:0;padding:24px 16px}.expenses-controls{flex-wrap:wrap;gap:10px}.expenses-controls>*{flex:1 1 calc(50% - 5px);min-width:0;max-width:none}.btn-add-expense{flex:1 1 100%!important;max-width:none}.expenses-search{max-width:none}}@media(max-width:768px){.expenses-page{padding:20px 12px}.expenses-title{font-size:22px}.expenses-controls{gap:8px}.expenses-controls>*{max-width:none}.btn-add-expense,.expenses-search{width:100%;flex:1 1 100%!important}.expenses-controls .modern-select{flex:1 1 calc(50% - 4px)!important;min-width:0;max-width:none}.expenses-stats-section{gap:12px}.stat-card{min-width:calc(50% - 6px)}.stat-value{font-size:20px}.expenses-table-card{overflow-x:auto}.expenses-table{min-width:800px}}@media(max-width:480px){.expenses-title{font-size:20px}.stat-card{min-width:100%}.modal-card{max-height:85vh;overflow-y:auto}}.datepicker-container{width:320px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;direction:rtl}.datepicker-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f1f5f9}.nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#64748b;border-radius:50%;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:#f1f5f9;color:#334155}.month-year-display{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1e293b}.datepicker-select{min-width:80px}.datepicker-select .modern-select-toggle{padding:6px 12px;font-size:14px;font-weight:600;border:1px solid #e2e8f0;border-radius:6px}.datepicker-select .modern-select-toggle:hover{border-color:#3b82f6}.datepicker-select .modern-select-menu{max-height:200px;overflow-y:auto}.days-of-week{display:grid;grid-template-columns:repeat(7,1fr);padding:12px 16px 8px;gap:4px}.day-label{text-align:center;font-size:12px;font-weight:600;color:#64748b}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:8px 16px 16px;gap:4px}.calendar-day{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;background:transparent;color:#334155;font-size:14px;font-weight:500;border-radius:50%;cursor:pointer;transition:all .2s ease}.calendar-day:hover:not(.disabled):not(.selected){border-color:#3b82f6;color:#3b82f6}.calendar-day.selected{background:#3b82f6;color:#fff;border-color:#3b82f6}.calendar-day.disabled{color:#cbd5e1;cursor:not-allowed;opacity:.5}.datepicker-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #f1f5f9}.cancel-btn,.apply-btn{padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#f1f5f9;color:#64748b}.cancel-btn:hover{background:#e2e8f0}.apply-btn{background:#3b82f6;color:#fff}.apply-btn:hover{background:#2563eb}.sales-page{direction:rtl;padding:10px 24px 40px;margin-right:250px;min-height:calc(100vh - 80px);background:transparent}.sales-page-header{margin-bottom:24px}.sales-page-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.sales-page-subtitle{font-size:14px;color:#6c757d;margin:0}.sales-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sales-controls-right{display:flex;align-items:center;gap:12px}.sales-search-wrapper{position:relative;display:flex;align-items:center}.sales-search-input{width:320px;height:44px;padding:0 50px 0 16px;font-size:14px;color:#333;text-align:right;background:#fff;border:1px solid #e0e6f5;border-radius:12px;outline:none;box-shadow:0 4px 12px #0f235f14}.sales-search-input::placeholder{color:#9aa1b5}.sales-search-input:focus{border-color:#3b82f6}.sales-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer}.search-icon{width:20px;height:20px;opacity:.6}.sales-controls-left{display:flex;align-items:center;gap:10px}.sales-select{min-width:180px}.sales-date-input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;transition:border-color .2s}.sales-date-input:hover{border-color:#cbd5e1}.sales-date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sales-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0f235f0f;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease;border-right:4px solid transparent}.summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.summary-items{border-right-color:#10b981}.summary-avg{border-right-color:#f59e0b}.summary-label{font-size:13px;color:#6b7280;font-weight:500}.summary-total .summary-value{color:#3b82f6}.summary-items .summary-value{color:#10b981}.summary-avg .summary-value{color:#f59e0b}.sales-table-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0f235f0f;overflow:hidden}.sales-table-wrapper{width:100%;overflow-x:auto}.sales-table-wrapper::-webkit-scrollbar{height:8px}.sales-table-wrapper::-webkit-scrollbar-thumb{background:#0f235f26;border-radius:4px}.sales-table{width:100%;border-collapse:collapse;min-width:800px}.sales-table thead th{background:#fafbff;color:#6b7280;font-weight:600;font-size:13px;padding:16px 12px;text-align:center;white-space:nowrap;border-bottom:1px solid #e5e7eb}.sales-table tbody td{padding:16px 12px;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:14px;vertical-align:middle;text-align:center}.sales-table tr:hover{background-color:#f8faff}.cell-invoice{text-align:right}.invoice-number{font-weight:600;color:#3b82f6}.cell-branch{color:#197bbd;font-weight:600}.cell-total .total-amount{font-weight:700;color:#1f2937}.cell-actions{min-width:120px;text-align:center;padding:8px 12px}.actions-wrapper{display:flex;justify-content:center;gap:8px}.btn-action{display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;height:36px}.btn-view{flex:2;max-width:120px;padding:0 16px;font-size:13px;font-weight:600;color:#3b82f6;background:#eff6ff;white-space:nowrap}.btn-view-invoice{display:inline-block;width:100%;padding:10px 16px;font-size:14px;font-weight:600;color:#fff;background:#3b82f6;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:center}.btn-view-invoice:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.btn-view-invoice:active{transform:translateY(0)}.btn-view:hover{background:#dbeafe;transform:translateY(-1px)}.btn-edit{flex:0 0 36px;width:36px;height:36px;padding:0;background:#e0f2fe;color:#0ea5e9;border:1px solid transparent}.btn-edit:hover{background:#bae6fd;border-color:#7dd3fc}.btn-edit img{width:18px;height:18px;opacity:1}.btn-delete{flex:0 0 36px;width:36px;height:36px;padding:0;background:#fee2e2;color:#dc2626}.btn-delete:hover{background:#fecaca}.btn-delete img{width:18px;height:18px}.delete-modal-content{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 25px 80px #00000040;animation:zoomIn .2s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-icon-wrapper{width:64px;height:64px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.delete-modal-icon{width:32px;height:32px}.delete-modal-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.delete-modal-desc{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.5}.delete-modal-actions{display:flex;gap:12px;width:100%}.btn-confirm-delete{flex:1;padding:12px;background:#dc2626;color:#fff;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.btn-confirm-delete:hover{background:#b91c1c;box-shadow:0 4px 12px #dc262633}.btn-cancel-delete{flex:1;padding:12px;background:#f3f4f6;color:#4b5563;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.btn-cancel-delete:hover{background:#e5e7eb}.sales-empty{padding:80px 20px;text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center;gap:16px}.empty-icon{width:48px;height:48px;opacity:.5}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.bill-details-modal{background:#fff;border-radius:24px;width:100%;max-width:550px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#fff;border-bottom:1px solid #f3f4f6}.modal-title{font-size:20px;font-weight:800;color:#111827;letter-spacing:-.5px}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;font-size:16px;color:#6b7280;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#e5e7eb;color:#1f2937;transform:rotate(90deg)}.premium-modal-body{padding:0;overflow-y:auto;flex:1;min-height:0;background:#f9fafb}.sales-details-modal{max-height:90vh}.sales-details-modal .premium-modal-body{max-height:420px;overflow-y:scroll!important;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#64748b #e2e8f0}.sales-details-modal .premium-modal-body::-webkit-scrollbar{width:12px}.sales-details-modal .premium-modal-body::-webkit-scrollbar-track{background:#e2e8f0;border-radius:999px}.sales-details-modal .premium-modal-body::-webkit-scrollbar-thumb{background:#64748b;border-radius:999px;border:2px solid #e2e8f0}.sales-details-modal .premium-modal-body::-webkit-scrollbar-thumb:hover{background:#475569}.premium-header{background:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f3f4f6}.premium-invoice-info{display:flex;flex-direction:column;gap:4px}.premium-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.premium-value.invoice-num{font-size:18px;font-weight:700;color:#2563eb;font-family:monospace}.premium-date{font-size:14px;color:#6b7280;font-weight:500;background:#f3f4f6;padding:6px 12px;border-radius:20px}.premium-items-list{padding:24px 32px;display:flex;flex-direction:column;gap:16px}.premium-item-card{background:#fff;padding:16px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease;border:1px solid transparent}.premium-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;border-color:#e5e7eb}.item-icon-wrapper{width:48px;height:48px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center}.item-icon{width:24px;height:24px;font-size:20px;line-height:1}.item-type-badge{font-size:20px}.item-details{flex:1;display:flex;flex-direction:column;gap:4px}.item-name{font-size:15px;font-weight:600;color:#1f2937}.item-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.item-qty{background:#eef2ff;color:#4f46e5;padding:2px 8px;border-radius:6px;font-weight:600;font-size:12px}.item-total{font-size:16px;font-weight:700;color:#111827}.premium-summary{background:#fff;padding:24px 32px;margin-top:8px;border-top:1px solid #f3f4f6}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:#4b5563}.summary-row spa:last-child{font-weight:600;color:#1f2937}.summary-row.discount{color:#10b981}.premium-divider{height:1px;background:#f3f4f6;margin:16px 0}.summary-row.total{margin-bottom:0;align-items:baseline}.summary-row.total span:first-child{font-size:16px;font-weight:600;color:#374151}.total-amount-large{font-size:28px;font-weight:800;color:#2563eb;letter-spacing:-.5px}.premium-footer-info{padding:20px 32px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px}.footer-tag{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e5e7eb;padding:6px 12px;border-radius:20px;font-size:12px}.tag-label{color:#6b7280}.tag-value{color:#374151;font-weight:600}.footer-tag-wide{max-width:100%;align-items:flex-start}.footer-tag-wide .tag-value{max-width:260px;white-space:normal;line-height:1.4;word-break:break-word}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-top:1px solid #e5e7eb;background:#fff}.btn-print{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:#111827;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.btn-print:hover{background:#000;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.btn-close{padding:12px 24px;font-size:14px;font-weight:600;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-close:hover{background:#f9fafb;border-color:#d1d5db}@media(max-width:992px){.sales-page{padding:24px 16px;margin-right:0}.sales-controls{flex-direction:column;align-items:stretch}.sales-search-input{width:100%}.sales-controls-left{justify-content:space-between;margin-top:10px;flex-wrap:wrap;gap:8px}}@media(max-width:768px){.sales-page-title{font-size:24px}.bill-details-modal{max-height:95vh;width:95%}.sales-details-modal{max-height:95vh}.sales-details-modal .premium-modal-body{max-height:55vh}.premium-items-list,.premium-header,.premium-summary{padding:16px}.sales-controls-left{flex-direction:column;align-items:stretch;gap:10px}.sales-select{min-width:unset;width:100%}.sales-date-input{width:100%}.btn-preview-recon,.btn-close-day{width:100%;font-size:13px;padding:10px 12px}}.sales-type-filter{display:flex;gap:12px;margin-bottom:24px}.type-filter-btn{padding:10px 20px;border:2px solid #e0e6f5;background:#fff;color:#6b7280;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease}.type-filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.type-filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}@media(max-width:768px){.sales-type-filter{flex-wrap:wrap;gap:8px}.type-filter-btn{padding:8px 16px;font-size:13px}}.type-badge{display:inline-block;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap}.type-badge.type-online{background:#e3f2fd;color:#1565c0}.type-badge.type-cashier{background:#e8f5e9;color:#2e7d32}.cell-type{text-align:center}.btn-preview-recon,.btn-close-day{padding:12px 20px;font-size:14px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-preview-recon{background:#e0f2fe;color:#0ea5e9;border:1px solid #7dd3fc}.btn-preview-recon:hover:not(:disabled){background:#bae6fd;box-shadow:0 4px 12px #0ea5e933;transform:translateY(-2px)}.btn-close-day{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.btn-close-day:hover:not(:disabled){background:#fecaca;box-shadow:0 4px 12px #dc262633;transform:translateY(-2px)}.btn-preview-recon:disabled,.btn-close-day:disabled{opacity:.6;cursor:not-allowed}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;padding:20px;border-top:1px solid #e5e7eb}.pagination-numbers{display:flex;align-items:center;gap:8px}.pagination-number{min-width:36px;height:36px;padding:0 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pagination-number:hover{background:#f3f4f6;border-color:#9ca3af}.pagination-number.active{background:#197bbd;border-color:#197bbd;color:#fff}.pagination-ellipsis{color:#9ca3af;font-size:14px;font-weight:700;padding:0 4px}.pagination-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.pagination-info{font-size:14px;color:#6b7280;font-weight:500;min-width:120px;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.create-purchase-modal{background:#fff;width:800px;max-width:95%;max-height:95vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 25px #0003}.modal-header{padding:16px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.modal-header h2{margin:0;font-size:1.25rem;color:#333}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-body{padding:24px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#9ca3af #e5e7eb}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:#e5e7eb;border-radius:5px}.modal-body::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:5px;border:2px solid #e5e7eb}.modal-body::-webkit-scrollbar-thumb:hover{background:#6b7280}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-weight:500;font-size:.9rem;color:#555}.form-group input,.form-group select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.editable-input{background-color:#fff;color:#111827}.items-section{margin-top:12px;border-top:1px solid #eee;padding-top:8px;min-width:0}.items-section h3{margin:0 0 10px}.add-item-row{display:flex;gap:10px;margin-bottom:16px;background:#f9f9f9;padding:10px;border-radius:8px;align-items:center;flex-wrap:wrap}.add-item-row>*{min-width:0}.add-item-row select,.add-item-row input{height:36px;padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.9rem;color:#111827}.add-item-row input{text-align:center}.product-select{flex:2;min-width:200px}.qty-input,.price-input,.discount-input{width:80px}.add-btn{background:#10b981;color:#fff;border:none;width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.items-table-wrapper{max-width:100%;height:400px;overflow-y:scroll;overflow-x:auto;border:1px solid #eef2f7;border-radius:8px;margin-top:10px;scrollbar-width:thick;scrollbar-color:#3b82f6 #e5e7eb;display:block}.items-table-wrapper::-webkit-scrollbar{width:12px}.items-table-wrapper::-webkit-scrollbar-track{background:#e5e7eb;border-radius:6px}.items-table-wrapper::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:6px;border:2px solid #e5e7eb}.items-table-wrapper::-webkit-scrollbar-thumb:hover{background:#1d4ed8}.items-table{width:100%;min-width:620px;border-collapse:collapse;table-layout:fixed;display:table}.items-table th{text-align:right;padding:10px 8px;border-bottom:2px solid #eee;color:#444;font-size:.9rem;background-color:#f8fafc;font-weight:600;white-space:nowrap}.items-table td{padding:10px 8px;border-bottom:1px solid #eee;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-table th:first-child,.items-table td:first-child{white-space:normal;word-break:break-word}.remove-btn{background:none;border:none;cursor:pointer;opacity:.7}.remove-btn:hover{opacity:1}.totals-section{margin-top:24px;border-top:1px solid #eee;padding-top:16px;display:flex;flex-direction:column;align-items:flex-end}.total-row{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-bottom:8px;font-size:1rem;width:100%}.total-row span:first-child{font-weight:500}.total-row.final{font-weight:700;font-size:1.2rem;color:#197bbd;margin-top:8px;padding-top:8px;border-top:1px dashed #ddd}.invoice-discount-input{width:100px;padding:6px;text-align:center;border:1px solid #ddd;border-radius:6px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.readonly-input{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px;background:#f8f9fa}.cancel-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer}.save-btn{padding:8px 24px;background:#197bbd;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.save-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:900px){.create-purchase-modal{width:96vw}.modal-body{padding:16px}.items-table-wrapper{height:300px}.items-table{min-width:560px}}.users-page{direction:rtl;padding:32px 40px;margin-right:250px;min-height:calc(100vh - 80px);background:#fafbfc}.users-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:22px;font-weight:700;color:#111827;margin:0 0 2px}.page-subtitle{font-size:13px;color:#9ca3af;margin:0}.btn-add{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:#111827;color:#fff;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease}.btn-add:hover{background:#1f2937}.btn-add span{font-size:16px;line-height:1}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.users-stat-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid #e5e7eb}.users-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.users-stat-icon img{width:20px;height:20px;filter:brightness(0) invert(1)}.users-stat-text{display:flex;flex-direction:column;gap:2px}.users-stat-label{font-size:12px;font-weight:600;color:#6b7280}.users-stat-value{font-size:20px;font-weight:700}.search-bar{position:relative;margin-bottom:28px;max-width:380px}.search-bar input{width:100%;height:40px;padding:0 40px 0 14px;font-size:13px;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.search-bar input::placeholder{color:#9ca3af}.search-bar input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f114}.search-bar-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex}.search-bar-icon img{width:16px;height:16px;opacity:.35}.users-list-container{display:flex;flex-direction:column;gap:28px}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;color:#9ca3af;font-size:14px}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin .7s linear infinite}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af;font-size:14px}.role-group{display:flex;flex-direction:column}.role-group-header{display:flex;align-items:center;gap:8px;padding:0 0 10px}.role-group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.role-group-label{font-size:13px;font-weight:600;color:#6b7280;letter-spacing:.2px}.role-group-count{font-size:11px;font-weight:700;padding:1px 8px;border-radius:10px;line-height:1.5}.list-table{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:visible}.list-body{max-height:420px;overflow-y:auto;border-radius:0 0 10px 10px}.list-table .list-header{border-radius:10px 10px 0 0}.list-table .list-row:last-child{border-radius:0 0 10px 10px}.list-header,.list-row{display:flex;align-items:center;padding:0 20px}.col-user{flex:2.4;min-width:0}.col-role,.col-status{flex:1}.col-branches{flex:1.8;padding:8px 12px}.col-actions{flex:0 0 48px;display:flex;justify-content:center}.list-header{height:40px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.list-header .col{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.list-row{height:60px;border-bottom:1px solid #f3f4f6;transition:background .12s ease}.list-row:last-child{border-bottom:none}.list-row:hover{background:#f9fafb}.list-row .btn-more{opacity:0;transition:opacity .12s ease}.list-row:hover .btn-more{opacity:1}.col-user{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.user-avatar-icon{width:22px;height:22px}.user-identity{display:flex;flex-direction:column;gap:1px;min-width:0}.user-name{font-size:13.5px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:#9ca3af;direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-role{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11.5px;font-weight:600}.badge-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:6px;font-size:11.5px;font-weight:600}.badge-status.active{background:#ecfdf5;color:#059669}.badge-status.inactive{background:#f3f4f6;color:#6b7280}.status-dot{width:6px;height:6px;border-radius:50%}.badge-status.active .status-dot{background:#10b981}.badge-status.inactive .status-dot{background:#9ca3af}.col-branches{display:flex;align-items:center}.branches-container{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%}.branch-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#f0f4f8;color:#1e40af;font-size:11px;font-weight:500;border-radius:12px;white-space:nowrap;border:1px solid #dbeafe;word-break:break-word}.text-muted{color:#9ca3af;font-size:12px}.row-actions{position:relative}.btn-more{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:18px;color:#9ca3af;transition:all .12s ease;line-height:1}.btn-more:hover{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.actions-dropdown{position:absolute;left:0;top:calc(100% + 4px);background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #00000014;min-width:150px;z-index:50;padding:4px;animation:ddIn .1s ease-out}.actions-dropdown--portal{position:fixed;left:auto;z-index:2000}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:6px;cursor:pointer;font-size:12.5px;color:#374151;font-weight:500;transition:background .1s ease;text-align:right}.dd-item:hover{background:#f9fafb}.dd-item--danger{color:#dc2626}.dd-item--danger:hover{background:#fef2f2}.dd-icon{width:14px;height:14px;opacity:.5}.dd-icon-text{width:14px;text-align:center;font-size:12px;color:#9ca3af}.dd-divider{height:1px;background:#f3f4f6;margin:3px 0}@media(max-width:992px){.users-page{padding:20px 16px;margin-right:0}.users-page-header{flex-direction:column;align-items:flex-start;gap:16px}.search-bar{max-width:100%}.list-header{display:none}.list-row{flex-wrap:wrap;height:auto;padding:10px 12px;gap:4px;align-items:center}.col-user{flex:1 1 100%;margin-bottom:2px}.col-role,.col-status{flex:0 0 auto}.col-branches{flex:1 1 auto;font-size:10px;text-align:left;padding-left:4px}.branch-badge{padding:3px 8px;font-size:9px}.col-actions{margin-right:0;padding-right:8px;flex:0 0 auto}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-loader{display:flex;flex-direction:column}.skeleton-row{display:flex;align-items:center;padding:12px;gap:8px;border-bottom:1px solid #f3f4f6;height:60px}.skeleton-item{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:6px}.skeleton-avatar{width:36px;height:36px;min-width:36px;border-radius:8px}.skeleton-user{flex:2.4;height:16px}.skeleton-badge{flex:1;height:20px}.skeleton-text{flex:1;height:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .12s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;border-radius:14px;width:100%;max-width:400px;padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 16px 48px #0000001f;animation:modalUp .15s ease-out;position:relative}.modal-box--wide{max-width:480px;text-align:right;align-items:stretch}@keyframes modalUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;left:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:#6b7280;transition:all .12s ease}.modal-close:hover{background:#e5e7eb;color:#111827}.modal-icon-wrap{width:48px;height:48px;background:#fef2f2;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.modal-icon-wrap img{width:22px;height:22px}.modal-box h3{font-size:17px;font-weight:700;color:#111827;margin:0 0 6px}.modal-box p{font-size:13px;color:#6b7280;margin:0 0 24px;line-height:1.6}.modal-btns{display:flex;gap:8px;width:100%;margin-top:8px}.btn-primary,.btn-danger,.btn-ghost{flex:1;padding:10px 16px;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .12s ease}.btn-primary{background:#111827;color:#fff}.btn-primary:hover{background:#1f2937}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:#f3f4f6;color:#374151}.btn-ghost:hover{background:#e5e7eb}.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.form-error-banner{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;margin-bottom:8px;text-align:center}.modal-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:12.5px;font-weight:600;color:#374151}.field-input{padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease;background:#fafbfc}.field-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f114;background:#fff}.field-input.input-error{border-color:#fca5a5;background:#fef2f2}.field-input.input-error:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc262614}.field-error{font-size:11.5px;color:#dc2626;font-weight:500}.role-picker{display:flex;gap:8px}.role-picker-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fafbfc;cursor:pointer;font-size:12px;font-weight:600;color:#6b7280;transition:all .15s ease}.role-picker-btn:hover{border-color:var(--rp-color);background:var(--rp-bg);color:var(--rp-color)}.role-picker-btn.active{border-color:var(--rp-color);background:var(--rp-bg);color:var(--rp-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--rp-color) 12%,transparent)}.role-picker-icon{width:20px;height:20px}.branches-selector{display:flex;flex-direction:column;gap:8px;padding:8px;background:#fafbfc;border-radius:8px;border:1px solid #e5e7eb}.branch-checkbox{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;border-radius:6px;transition:all .15s ease}.branch-checkbox:hover{background:#f3f4f6}.branch-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#061f3d;border-radius:4px}.branch-checkbox span{font-size:13px;color:#374151;font-weight:500}.branch-checkbox input[type=checkbox]:checked+span{color:#061f3d;font-weight:600}.orders-page{direction:rtl;margin-right:250px;padding:32px 24px 40px;min-height:calc(100vh - 80px);background:#f5f7ff}.orders-page-header{margin-bottom:24px}.orders-page-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.orders-page-subtitle{font-size:14px;color:#6b7280;margin:0}.orders-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.orders-controls-right{display:flex;align-items:center;gap:12px}.orders-controls-left{display:flex;align-items:center;gap:10px}.orders-search-wrapper{position:relative;display:flex;align-items:center}.orders-search-input{width:320px;height:44px;padding:0 50px 0 16px;font-size:14px;color:#333;text-align:right;background:#fff;border:1px solid #e0e6f5;border-radius:12px;outline:none;box-shadow:0 4px 12px #0f235f14}.orders-search-input::placeholder{color:#9aa1b5}.orders-search-input:focus{border-color:#3b82f6}.orders-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer}.orders-search-btn .search-icon{width:100%;height:100%}.orders-select{min-width:180px}.orders-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px}.summary-card{background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 4px 12px #0f235f0f;border-right:4px solid transparent}.summary-total{border-right-color:#3b82f6}.summary-new{border-right-color:#8b5cf6}.summary-processing{border-right-color:#f59e0b}.summary-shipped{border-right-color:#06b6d4}.summary-delivered{border-right-color:#22c55e}.summary-label{font-size:13px;color:#6b7280}.summary-value{font-size:28px;font-weight:700;color:#1f2937}.orders-table-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0f235f0f;overflow:hidden}.orders-table-wrapper{width:100%;overflow-x:auto}.orders-table-wrapper::-webkit-scrollbar{height:8px}.orders-table-wrapper::-webkit-scrollbar-thumb{background:#0f235f26;border-radius:4px}.orders-table{width:100%;border-collapse:collapse;font-size:14px}.orders-table thead th{background:#fafbff;color:#6b7280;font-weight:600;text-align:center;padding:16px 12px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.orders-table tbody td{padding:16px 12px;text-align:center;border-bottom:1px solid #f3f4f6;color:#4b5563;vertical-align:middle}.orders-table tbody tr:hover{background:#f8faff}.cell-order{text-align:right}.order-number{font-weight:600;color:#8b5cf6}.cell-date{white-space:nowrap}.cell-customer{text-align:right}.customer-name{display:block;font-weight:600;color:#1f2937;margin-bottom:4px}.customer-phone{font-size:12px;color:#9ca3af;display:block}.cell-address{max-width:200px;text-align:right;font-size:13px;color:#6b7280}.cell-items{text-align:right;max-width:200px}.items-count{display:block;font-weight:600;color:#1f2937;margin-bottom:4px}.items-preview{font-size:12px;color:#9ca3af;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-total{white-space:nowrap}.total-amount{font-weight:700;color:#1f2937}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.status-new{background:#ede9fe;color:#7c3aed}.status-processing{background:#fef3c7;color:#d97706}.status-shipped{background:#cffafe;color:#0891b2}.status-delivered{background:#dcfce7;color:#16a34a}.status-cancelled{background:#fee2e2;color:#dc2626}.btn-view-details{padding:8px 16px;font-size:13px;font-weight:600;color:#8b5cf6;background:#f3f0ff;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.btn-view-details:hover{background:#ede9fe}.orders-empty{padding:80px 20px;text-align:center}.empty-icon{font-size:48px;display:block;margin-bottom:16px}.orders-empty p{font-size:16px;color:#9ca3af}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.order-details-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#fafbff}.modal-title{font-size:20px;font-weight:700;color:#1f2937;margin:0}.modal-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;font-size:18px;color:#6b7280;cursor:pointer;transition:all .15s ease}.modal-close-btn:hover{background:#e5e7eb;color:#1f2937}.modal-body{padding:24px;overflow-y:auto;flex:1}.order-info{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;padding:20px;background:#f8faff;border-radius:12px}.info-row{display:flex;align-items:center;gap:8px}.info-label{font-size:13px;color:#6b7280}.info-value{font-size:14px;font-weight:600;color:#1f2937}.order-num{color:#8b5cf6}.customer-section{margin-bottom:24px;padding:20px;background:#fefce8;border-radius:12px;border-right:4px solid #eab308}.customer-section .section-title{color:#854d0e;margin-bottom:12px}.customer-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.customer-details .info-row{flex-direction:column;align-items:flex-start;gap:4px}.items-section{margin-bottom:24px}.section-title{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 16px}.items-table{width:100%;border-collapse:collapse;font-size:13px}.items-table thead th{background:#f3f4f6;padding:12px 10px;text-align:center;font-weight:600;color:#6b7280}.items-table tbody td{padding:12px 10px;text-align:center;border-bottom:1px solid #f3f4f6;color:#4b5563}.items-table tbody td:first-child{text-align:right;font-weight:500;color:#1f2937}.type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.type-book{background:#dbeafe;color:#2563eb}.type-game{background:#fce7f3;color:#db2777}.totals-section{background:#f8faff;border-radius:12px;padding:20px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;color:#4b5563;border-bottom:1px dashed #e5e7eb}.total-row:last-child{border-bottom:none}.total-row.shipping{color:#0891b2}.total-row.grand-total{font-size:18px;font-weight:700;color:#1f2937;border-bottom:none;padding-top:16px;margin-top:8px;border-top:2px solid #e5e7eb}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#fafbff}.btn-print{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #8b5cf64d}.print-icon{width:18px;height:18px;filter:brightness(0) invert(1)}.btn-print:hover{box-shadow:0 6px 16px #8b5cf666}.btn-close{padding:12px 24px;font-size:14px;font-weight:600;color:#4b5563;background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease}.btn-close:hover{background:#e5e7eb}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s infinite ease-in-out;border-radius:6px}.shimmer-row td{padding:16px 12px}.shimmer-order{width:100px;height:16px}.shimmer-date{width:100px;height:16px;margin:0 auto}.shimmer-customer{width:140px;height:32px}.shimmer-address{width:160px;height:16px}.shimmer-items{width:140px;height:32px}.shimmer-total{width:70px;height:16px;margin:0 auto}.shimmer-status-pill{width:80px;height:28px;border-radius:14px;margin:0 auto}.shimmer-btn{width:100px;height:36px;border-radius:8px;margin:0 auto}@media(max-width:1200px){.orders-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.orders-page{margin-right:0;padding:24px 16px}.orders-summary{grid-template-columns:repeat(3,1fr)}.orders-controls{flex-direction:column;align-items:stretch}.orders-controls-right,.orders-controls-left{flex-wrap:wrap}.orders-search-input{width:100%}}@media(max-width:768px){.orders-page-title{font-size:22px}.orders-summary{grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{padding:16px}.summary-value{font-size:22px}.order-info,.customer-details{grid-template-columns:1fr}.order-details-modal{max-height:95vh}}@media(max-width:480px){.orders-page{padding:16px 12px}.orders-page-title{font-size:20px}.summary-card{padding:12px}.summary-value{font-size:20px}.summary-label{font-size:11px}.orders-table thead th,.orders-table tbody td{padding:12px 8px;font-size:12px}.modal-body{padding:16px}.items-table thead th,.items-table tbody td{padding:8px 6px;font-size:11px}}.pos-inquiry-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);direction:rtl}.pos-inquiry-content{background:#fff;border-radius:16px;width:95vw;max-width:1200px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pos-inquiry-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:16px 16px 0 0}.pos-inquiry-header h3{margin:0;font-size:18px;font-weight:700;color:#1e293b}.pos-inquiry-close-btn{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#94a3b8;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pos-inquiry-close-btn:hover{background:#fee2e2;color:#ef4444}.pos-inquiry-filters{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.pos-inquiry-body{padding:20px;overflow-x:auto;overflow-y:auto;flex:1;max-height:500px;min-height:300px}.inquiry-table-container{overflow-x:auto;overflow-y:auto}.pos-layout{display:flex;flex-direction:column;min-height:100vh;padding-right:250px;background-color:#f3f4f6;overflow-y:auto}.pos-tabs-bar{display:flex;align-items:center;background:#fff;padding:8px 16px 0;border-bottom:1px solid #e5e7eb;height:50px;gap:4px}.pos-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s;min-width:120px;justify-content:space-between}.pos-tab:hover{background:#f3f4f6}.pos-tab.active{background:#fff;color:#2563eb;font-weight:600;border-top:2px solid #2563eb;margin-bottom:-1px;padding-bottom:9px;z-index:1}.pos-tab-close{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:14px;color:#9ca3af}.pos-tab-close:hover{background:#fee2e2;color:#ef4444}.pos-add-tab-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px dashed #cbd5e1;background:transparent;cursor:pointer;color:#64748b;margin-right:4px}.pos-add-tab-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.pos-workspace{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px;overflow:visible}.pos-toolbar{background:#fff;padding:16px;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;align-items:center;justify-content:space-between}.pos-search-wrapper{flex:1;display:flex}.pos-inquiry-btn{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #3b82f633}.pos-inquiry-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f64d}.pos-inquiry-btn:active{transform:translateY(0);box-shadow:0 1px 2px #3b82f633}.pos-search-container{position:relative;width:100%;flex:1}.pos-search-input-wrapper{position:relative;display:flex;align-items:center}.pos-search-icon{position:absolute;right:16px;width:20px;opacity:.5;pointer-events:none}.pos-search-input{width:100%;padding:14px 48px 14px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;outline:none;transition:border .15s;background:#f8fafc;text-align:right;direction:rtl}.pos-search-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.pos-search-results{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a;border:1px solid #e2e8f0;z-index:50;max-height:400px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-bottom:1px solid #f1f5f9;flex-direction:row-reverse;text-align:right;direction:rtl}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background:#f1f5f9}.result-image{width:40px;height:40px;object-fit:contain;background:#f8fafc;border-radius:4px}.result-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.result-info-header{display:flex;justify-content:space-between;width:100%;align-items:center}.result-name{display:block;font-weight:600;font-size:14px;color:#1e293b}.result-meta{font-size:12px;color:#64748b}.result-price{font-weight:700;color:#059669}.invoice-items{flex:1;overflow-y:auto;background:#fafbfc;padding:20px;display:flex;flex-direction:column}.invoice-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#cbd5e1;gap:12px;min-height:200px}.invoice-empty-state .empty-cart-icon{width:56px;height:56px;opacity:.3}.invoice-empty-state p{font-size:14px;margin:0}.invoice-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;direction:rtl}.invoice-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;transition:all .15s ease;direction:rtl;position:relative}.invoice-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.invoice-card.is-gift{background:#f0fdf4;border-color:#bbf7d0}.invoice-card.is-gift:hover{background:#ecfdf5;box-shadow:0 4px 12px #22c55e1f}.invoice-card.out-of-stock{background:#fef2f2;border-color:#fca5a5}.invoice-card.out-of-stock:hover{background:#fee2e2;border-color:#f87171}.stock-warning-badge{position:absolute;top:8px;left:8px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;z-index:1}.product-info{flex:1;display:flex;flex-direction:column;gap:4px}.stock-warning-text{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#dc2626;margin-top:2px}.adjust-stock-btn{padding:2px 8px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.adjust-stock-btn:hover{background:#dc2626}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px;min-height:36px}.product-name{font-size:13px;font-weight:700;color:#1e293b;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-actions{display:flex;gap:4px;flex-shrink:0}.btn-action{width:32px;height:32px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease;padding:0}.btn-action img{width:18px;height:18px;opacity:.6}.btn-action:hover img{opacity:1}.btn-action.gift:hover,.btn-action.gift.active{background:#fef3c7}.btn-action.delete:hover{background:#fee2e2}.card-body{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:10px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.price-section{display:flex;justify-content:space-between;align-items:center}.price-section .label{font-size:11px;color:#94a3b8;font-weight:600}.price-section .value{font-size:13px;font-weight:700;color:#1e293b}.qty-section{display:flex;flex-direction:column;gap:6px}.qty-row{display:flex;justify-content:space-between;align-items:center}.qty-section .label{font-size:11px;color:#94a3b8;font-weight:600}.qty-controls{display:flex;align-items:center;background:#f1f5f9;border-radius:5px;border:1px solid #e2e8f0;overflow:hidden;gap:0}.qty-btn{width:24px;height:24px;border:none;background:transparent;cursor:pointer;font-weight:700;font-size:12px;color:#64748b;transition:all .1s ease;display:flex;align-items:center;justify-content:center;padding:0}.qty-btn:active{transform:scale(.85)}.qty-btn.minus{color:#dc2626}.qty-btn.minus:hover{background:#fee2e2}.qty-btn.plus{color:#16a34a}.qty-btn.plus:hover{background:#dcfce7}.qty-display{width:28px;text-align:center;font-size:11px;font-weight:700;color:#1e293b;background:transparent;border:none}.price-input-wrapper{display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;transition:all .2s;width:70px}.price-input-wrapper:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 2px #3b82f61a}.currency-symbol{font-size:13px;font-weight:700;color:#1e293b;margin-left:4px}.pos-price-text{width:100%;background:transparent;font-size:13px;font-weight:700;color:#1e293b;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qty-display-input{width:40px;text-align:center;font-size:12px;font-weight:700;color:#1e293b;background:transparent;border:none;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;padding:2px 0;transition:all .2s}.qty-display-input:focus{background:#fff;box-shadow:inset 0 0 0 1px #3b82f6;border-radius:4px}.qty-display-input::-webkit-outer-spin-button,.qty-display-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.qty-section{display:flex;flex-direction:column;align-items:stretch;gap:4px}.qty-section>div:first-child{display:flex;justify-content:space-between;align-items:center}.quantity-error-msg{font-size:10px;color:#dc2626;font-weight:600;text-align:center;background:#fee2e2;padding:3px 6px;border-radius:4px;margin-top:4px}.card-footer{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:8px;border-radius:5px;gap:8px}.total-label{font-size:11px;color:#94a3b8;font-weight:600}.total-value{font-size:14px;font-weight:700;color:#0f172a}.stock-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stock-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:550px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;direction:rtl;text-align:right}.stock-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-direction:row-reverse}.stock-modal-header h3{margin:0;font-size:16px;font-weight:700;color:#1f2937}.modal-close-btn{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#9ca3af;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close-btn:hover{background:#fee2e2;color:#dc2626}.stock-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.product-info-modal{display:flex;align-items:center;gap:8px;padding:10px;background:#f9fafb;border-radius:6px}.product-info-modal .label{font-size:13px;font-weight:600;color:#6b7280}.product-info-modal .value{font-size:13px;font-weight:700;color:#1f2937}.branches-stock-list{display:flex;flex-direction:column;gap:10px}.list-header{font-size:13px;font-weight:600;color:#374151;margin-bottom:4px}.no-stock-message{text-align:center;padding:20px;color:#9ca3af;font-size:13px}.branch-stock-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:12px;transition:all .15s}.branch-stock-item:hover{background:#f3f4f6}.branch-stock-item.current-branch{background:#eff6ff;border-color:#93c5fd}.branch-info{flex:1;display:flex;align-items:center;gap:8px}.branch-name{font-size:13px;font-weight:600;color:#1f2937}.current-badge{font-size:10px;font-weight:600;color:#2563eb;background:#dbeafe;padding:2px 8px;border-radius:4px}.stock-input-group{display:flex;align-items:center;gap:8px}.stock-input-group label{font-size:12px;font-weight:600;color:#6b7280;white-space:nowrap}.stock-input-group .stock-input-field{width:80px;padding:6px 10px;font-size:13px}.stock-input-field{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:all .15s}.stock-input-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.stock-modal-footer{display:flex;gap:10px;padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;flex-direction:row-reverse}.stock-save-error{font-size:12px;font-weight:600;color:#dc2626;background:#fee2e2;border:1px solid #fecaca;padding:8px 10px;border-radius:6px;text-align:right}.btn-cancel,.btn-save{flex:1;padding:10px 16px;font-size:14px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-save{background:#2563eb;color:#fff}.btn-save:hover{background:#1d4ed8}@media(min-width:1200px){.invoice-cards-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px)and (max-width:1199px){.invoice-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.invoice-cards-grid{grid-template-columns:repeat(2,1fr)}}body[dir=rtl] .card-header,body[dir=rtl] .price-section,body[dir=rtl] .qty-section,body[dir=rtl] .card-footer{flex-direction:row-reverse}.pos-table-area{flex:0 0 auto;max-height:240px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;display:flex;flex-direction:column}.pos-footer-area{background:#fff;padding:12px;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:grid;grid-template-columns:1fr 300px;gap:16px;flex:0 0 auto;align-items:start}.summ-controls{display:flex;flex-direction:column;gap:10px}.controls-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px}.control-row{display:flex;gap:8px}.control-group{flex:0;display:flex;flex-direction:column;gap:4px;width:100%}.control-label{font-size:11px;font-weight:600;color:#64748b;text-align:right}.control-select{padding:8px 10px;border:1px solid #e2e8f0;border-radius:5px;font-size:12px;background:#fff;text-align:right}.control-select-error{border-color:#ef4444!important}.control-input{padding:8px 10px;border:1px solid #e2e8f0;border-radius:5px;font-size:12px;background:#fff;text-align:right;width:100%;box-sizing:border-box;font-family:inherit}.control-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 2px #0596691a}.control-error-text{color:#ef4444;font-size:11px;margin-top:4px;text-align:right}.payment-methods{display:flex;flex-direction:column;gap:6px}.payment-method-btn{flex:1;padding:8px 10px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;font-weight:500;color:#475569;cursor:pointer;transition:all .15s;text-align:center;font-size:11px}.payment-method-btn.active{border-color:#2563eb;background:#eff6ff;color:#2563eb;font-weight:600}.summ-totals{background:#f8fafc;padding:12px;border-radius:6px;display:flex;flex-direction:column;gap:6px;border:1px solid #e2e8f0;flex:0 0 auto;justify-content:space-between}.total-row{display:flex;justify-content:space-between;font-size:12px;color:#475569;font-weight:500}.total-row.final{border-top:1px solid #e2e8f0;padding-top:4px;margin-top:2px;font-size:15px;font-weight:800;color:#1e293b}.summ-actions{display:flex;gap:6px;margin-top:auto;flex-wrap:wrap}.btn-save{flex:1;padding:0 8px;border-radius:6px;border:none;font-weight:600;cursor:pointer;font-size:11px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1;box-sizing:border-box;margin:0}.btn-primary{background:#2563eb;color:#fff;margin:0;line-height:1}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#fff;border:1px solid #cbd5e1;color:#475569;height:40px;margin:0;line-height:1;box-sizing:border-box}.btn-secondary:hover{background:#f1f5f9}.btn-low-stock{background:#fff7ed;border:1px solid #fdba74;color:#c2410c}.btn-low-stock:hover{background:#ffedd5}.low-stock-modal{max-width:520px}.low-stock-loading{text-align:center;font-size:13px;color:#64748b}.low-stock-list{display:flex;flex-direction:column;gap:10px}.low-stock-item{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.low-stock-name{font-size:13px;font-weight:700;color:#9a3412}.low-stock-meta{display:flex;justify-content:space-between;font-size:12px;color:#92400e}@media(max-width:1024px){.pos-layout{padding-right:0;padding-bottom:60px}.pos-footer-area{grid-template-columns:1fr;gap:16px}}@media(max-width:768px){.pos-layout{padding-right:0;height:auto;min-height:100vh;overflow-y:auto}.pos-workspace{padding:8px;gap:8px;overflow:visible;height:auto;flex:none}.pos-table-area{flex:none;height:300px;min-height:300px}.pos-tabs-bar{overflow-x:auto;padding-bottom:0;flex-shrink:0}.pos-tab{min-width:100px;padding:8px 12px;font-size:13px}.pos-toolbar{padding:12px;flex-shrink:0}.pos-search-input{font-size:14px;padding:10px 40px 10px 12px}.pos-invoice-table th,.pos-invoice-table td{padding:8px;font-size:12px}.qty-control{gap:4px}.qty-btn{width:20px;height:20px}.qty-input{width:24px;font-size:13px}.summ-controls{flex-direction:column}.control-row{flex-direction:column;gap:8px}.pos-footer-area{position:relative;margin-bottom:60px}}@media(max-width:480px){.pos-invoice-table{display:block;overflow-x:auto;white-space:nowrap}.summ-actions{flex-direction:column}.btn-save{height:48px}}.product-details-wrapper{direction:rtl;margin-right:250px;min-height:calc(100vh - 80px);background:transparent;padding:32px}.product-details-header{display:flex;align-items:center;gap:20px;margin-bottom:28px}.back-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.back-button:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.back-arrow{font-size:16px}.page-title{font-size:26px;font-weight:700;color:#1f2937;margin:0;flex:1}.product-id-badge{padding:8px 18px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:20px;font-size:14px;font-weight:700;color:#6b7280}.product-details-content{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}.product-image-card{background:#fff;border-radius:24px;padding:32px;text-align:center;box-shadow:0 8px 24px #0f235f14;position:sticky;top:100px}.product-image-wrapper{background:linear-gradient(135deg,#f8faff,#e8eeff);border-radius:20px;padding:40px;margin-bottom:16px}.product-main-image{width:120px;height:120px}.product-badge{display:inline-block;padding:8px 20px;border-radius:30px;font-size:14px;font-weight:700;margin-bottom:24px}.product-badge.badge-book{background:linear-gradient(135deg,#dbeafe,#c7d9fd);color:#1d4ed8}.product-badge.badge-game{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.quick-actions{display:flex;flex-direction:column;gap:10px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.action-btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 16px #22c55e59}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e66}.product-image-card .action-icon{width:18px;height:18px;filter:brightness(0) invert(1)}.product-info-card{background:#fff;border-radius:24px;padding:36px;box-shadow:0 8px 24px #0f235f14}.product-title{font-size:32px;font-weight:800;color:#1f2937;margin:0 0 28px;line-height:1.3}.product-price-display{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:16px;margin-bottom:28px}.product-price-display .price-label{font-size:16px;font-weight:600;color:#4b5563}.product-price-display .price-value{font-size:28px;font-weight:800;color:#16a34a}.description-section{margin-bottom:28px}.section-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.description-text{font-size:15px;color:#4b5563;line-height:1.9;margin:0;padding:20px;background:#f8faff;border-radius:14px;border-right:4px solid #3b82f6}.details-section{margin-bottom:28px}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.detail-box{padding:16px 18px;background:#f9fafb;border-radius:12px;border:1px solid #f3f4f6;transition:all .15s ease}.detail-box:hover{background:#f3f4f6;border-color:#e5e7eb}.detail-label{display:block;font-size:11px;font-weight:600;color:#9ca3af;margin-bottom:6px;text-transform:uppercase}.detail-value{font-size:15px;font-weight:600;color:#1f2937}.stock-section{padding:24px;background:linear-gradient(135deg,#f8faff,#eef2ff);border-radius:16px}.stock-table-wrapper{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb}.stock-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:14px 20px;background:#f3f4f6;font-size:12px;font-weight:700;color:#4b5563;text-transform:uppercase}.stock-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:16px 20px;font-size:14px;color:#1f2937;border-top:1px solid #e5e7eb;align-items:center}.stock-table-row:hover{background:#f9fafb}.stock-table-row .low-qty{color:#ef4444;font-weight:700}.stock-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.stock-status.status-ok{background:#dcfce7;color:#16a34a}.stock-status.status-low{background:#fee2e2;color:#dc2626}@media(max-width:1200px){.product-details-content{grid-template-columns:280px 1fr}.price-section{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.product-details-wrapper{margin-right:0;padding:20px}.product-details-content{grid-template-columns:1fr}.product-image-card{position:static}.product-image-wrapper{padding:24px}.product-main-image{width:80px;height:80px}}@media(max-width:768px){.page-title{font-size:22px}.product-title{font-size:24px}.price-section{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr 1fr}.stock-table-header,.stock-table-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:8px;font-size:12px}}@media(max-width:480px){.product-details-wrapper{padding:16px}.product-info-card{padding:20px}.details-grid{grid-template-columns:1fr}.stock-table-header,.stock-table-row{grid-template-columns:1fr 1fr}.stock-table-header span:nth-child(3),.stock-table-row span:nth-child(3){display:none}}.addcart-animated-btn{position:relative;overflow:hidden;outline:none;cursor:pointer;border-radius:12px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 16px #22c55e59;width:100%;height:54px;font-family:inherit}.addcart-animated-btn:hover{box-shadow:0 6px 20px #22c55e73}.addcart-default-layer,.addcart-hover-layer{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:0 24px;font-size:15px;font-weight:700;transition:all .3s ease;white-space:nowrap}.addcart-default-layer{position:relative}.addcart-default-layer span{color:#fff}.addcart-default-layer .addcart-icon{width:20px;height:20px;filter:brightness(0) invert(1)}.addcart-hover-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(100%)}.addcart-hover-layer span{color:#fff;font-size:18px;font-weight:800}.addcart-animated-btn:hover .addcart-default-layer{transform:translateY(-100%)}.addcart-animated-btn:hover .addcart-hover-layer{transform:translateY(0)}.settings-page{direction:rtl;min-height:100vh;background:linear-gradient(135deg,#f5f7ff,#e8f0fe);padding:32px 24px}.settings-layout{max-width:1100px;margin:0 auto;display:flex;gap:24px;min-height:calc(100vh - 64px)}.settings-sidebar{width:280px;flex-shrink:0;background:#fff;border-radius:20px;box-shadow:0 12px 40px #0f235f14;padding:24px 0;display:flex;flex-direction:column;height:fit-content;position:sticky;top:32px}.settings-sidebar-header{display:flex;align-items:center;gap:12px;padding:0 24px 20px;border-bottom:1px solid #eef2f8;margin-bottom:8px}.settings-sidebar-icon{width:28px;height:28px;object-fit:contain}.settings-sidebar-title{font-size:22px;font-weight:700;color:#1a2b4a;margin:0}.settings-nav{display:flex;flex-direction:column;padding:12px;flex:1}.settings-nav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;text-decoration:none;color:#4a5a78;font-size:15px;font-weight:500;transition:all .2s ease;margin-bottom:4px}.settings-nav-item:hover{background:#f0f5ff;color:#197bbd}.settings-nav-item.active{background:linear-gradient(135deg,#e8f3ff,#d6ebff);color:#197bbd;font-weight:600;box-shadow:0 4px 12px #197bbd26}.settings-nav-item.active .nav-icon{transform:scale(1.1)}.nav-icon{width:22px;height:22px;object-fit:contain;transition:transform .2s ease}.nav-label{flex:1}.settings-nav-divider{height:1px;background:#eef2f8;margin:12px 4px}.dashboard-link{background:#f0f9ff;border:1px dashed #197bbd}.dashboard-link:hover{background:#e0f2fe}.settings-sidebar-footer{padding:16px 12px 0;border-top:1px solid #eef2f8;margin-top:auto;display:flex;flex-direction:column;gap:8px}.settings-footer-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.settings-footer-btn.danger{background:#fef2f2;color:#dc2626}.settings-footer-btn.danger:hover{background:#fee2e2}.settings-footer-btn.logout{background:#f8faff;color:#5a6b85;border:1px solid #e0e8f5}.settings-footer-btn.logout:hover{background:#e8f3ff;color:#197bbd;border-color:#197bbd}.settings-content{flex:1;background:#fff;border-radius:20px;box-shadow:0 12px 40px #0f235f14;padding:32px;min-height:500px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.settings-section-title{font-size:22px;font-weight:700;color:#1a2b4a;margin:0 0 8px;display:flex;align-items:center;gap:12px}.settings-section-title .section-icon{width:28px;height:28px;object-fit:contain}.settings-section-desc{font-size:14px;color:#7a8ba8;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #eef2f8}.settings-field{margin-bottom:20px}.settings-label{display:block;font-size:13px;font-weight:600;color:#5a6b85;margin-bottom:8px}.settings-input,.settings-select{width:100%;padding:14px 18px;border-radius:12px;border:1px solid #e0e8f5;background:#fafbff;font-size:15px;color:#2a3a5c;outline:none;transition:all .2s ease;box-sizing:border-box}.settings-input:focus,.settings-select:focus{border-color:#197bbd;background:#fff;box-shadow:0 0 0 4px #197bbd1a}.settings-input::placeholder{color:#a0aec0}.settings-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237a8ba8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 18px center;padding-left:45px}.profile-avatar-section{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #eef2f8}.avatar-placeholder{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#e8f3ff,#d6ebff);display:flex;align-items:center;justify-content:center;font-size:48px;border:4px solid #197bbd;box-shadow:0 8px 24px #197bbd33}.avatar-info{flex:1}.avatar-name{font-size:18px;font-weight:700;color:#1a2b4a;margin-bottom:4px}.avatar-email{font-size:14px;color:#7a8ba8;margin-bottom:12px}.avatar-change-btn{background:#e8f3ff;border:none;color:#197bbd;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease}.avatar-change-btn:hover{background:#d6ebff}.avatar-change-btn .btn-icon{width:16px;height:16px;object-fit:contain}.avatar-icon{width:48px;height:48px;object-fit:contain}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #eef2f8}.settings-toggle-row:last-child{border-bottom:none}.toggle-info{flex:1}.toggle-label{font-size:15px;font-weight:600;color:#2a3a5c;margin-bottom:4px}.toggle-desc{font-size:13px;color:#7a8ba8}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#d7e2eb;border-radius:28px;transition:.3s ease}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;right:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s ease;box-shadow:0 2px 6px #00000026}.toggle-switch input:checked+.toggle-slider{background-color:#22c55e}.toggle-switch input:checked+.toggle-slider:before{transform:translate(-24px)}.settings-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:12px;border:none;background:linear-gradient(135deg,#197bbd,#1565a0);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px}.settings-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #197bbd4d}.settings-save-btn:active{transform:translateY(0)}.settings-save-btn .btn-icon,.settings-danger-btn .btn-icon{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}.settings-danger-btn .btn-icon{filter:none}.settings-danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;border:1px solid #fecaca;background:transparent;color:#dc2626;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px}.settings-danger-btn:hover{background:#fef2f2;border-color:#dc2626}.settings-subsection{margin-bottom:32px}.subsection-title{font-size:16px;font-weight:700;color:#2a3a5c;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e8f3ff}.settings-divider{height:1px;background:#eef2f8;margin:28px 0}.settings-link-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:#f8faff;border:1px solid #e0e8f5;border-radius:12px;color:#2a3a5c;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:right;margin-bottom:12px}.settings-link-btn:hover{background:#e8f3ff;border-color:#197bbd;color:#197bbd}.settings-link-btn .link-icon{width:22px;height:22px;object-fit:contain}.settings-link-btn .link-arrow{margin-right:auto;color:#7a8ba8}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:16px;color:#7a8ba8;margin-bottom:20px}.empty-state-btn{background:#e8f3ff;border:none;color:#197bbd;font-size:14px;font-weight:600;cursor:pointer;padding:12px 24px;border-radius:10px;transition:all .2s ease}.empty-state-btn:hover{background:#d6ebff}.empty-state-btn .btn-icon{width:16px;height:16px;object-fit:contain}.empty-state-icon-img{width:80px;height:80px;object-fit:contain;opacity:.5;margin-bottom:16px}.footer-btn-icon{width:18px;height:18px;object-fit:contain}.app-info-card{padding:24px;background:#f8faff;border-radius:16px;text-align:center}.app-info-icon{width:48px;height:48px;object-fit:contain;margin-bottom:12px}.app-info-name{font-size:18px;font-weight:700;color:#2a3a5c;margin-bottom:4px}.app-info-version{font-size:13px;color:#7a8ba8}@media(max-width:768px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;position:static}.settings-content{min-height:auto}.profile-avatar-section{flex-direction:column;text-align:center}.avatar-info{text-align:center}}@media(max-width:480px){.settings-page{padding:16px}.settings-sidebar{padding:16px 0}.settings-content{padding:20px}.settings-section-title{font-size:18px}}.under-construction-page{direction:rtl;margin-right:280px;padding:60px 24px;min-height:calc(100vh - 80px);background:transparent;display:flex;align-items:center;justify-content:center}.under-construction-card{background:#fff;border-radius:24px;padding:60px 50px;text-align:center;box-shadow:0 16px 48px #0f235f1a;max-width:480px;width:100%}.under-construction-icon{font-size:80px;margin-bottom:24px;animation:bounce 2s ease infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}.under-construction-title{font-size:28px;font-weight:700;color:#20243b;margin-bottom:16px}.under-construction-text{font-size:16px;color:#6b7280;line-height:1.7;margin-bottom:32px}.under-construction-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#197bbd,#0d5a8f);border:none;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px #197bbd4d}.under-construction-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #197bbd66}.under-construction-btn:active{transform:translateY(0)}@media(max-width:992px){.under-construction-page{margin-right:0;padding:40px 16px}.under-construction-card{padding:48px 32px}.under-construction-icon{font-size:64px}.under-construction-title{font-size:24px}.under-construction-text{font-size:15px}.under-construction-btn{padding:12px 28px;font-size:15px}}@media(max-width:480px){.under-construction-card{padding:36px 24px}.under-construction-icon{font-size:56px}.under-construction-title{font-size:22px}.under-construction-text{font-size:14px}.under-construction-btn{padding:11px 24px;font-size:14px;width:100%}}.loading-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffe6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-popup-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-popup-text{font-size:24px;font-weight:700;color:#1f2937;margin:0;animation:textPulse 2s ease-in-out infinite}.loading-popup-subtext{font-size:14px;color:#6b7280;margin:0}@keyframes textPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.cashier-page{direction:rtl;margin-right:280px;min-height:calc(100vh - 80px);background:#f5f7ff;padding:24px}.cashier-main-content{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0f235f0f}.cashier-mode-switch{display:flex;justify-content:flex-start;margin-bottom:20px}.cashier-online-btn{height:40px;padding:0 18px;border:1px solid #197bbd;border-radius:10px;background:#f0f7ff;color:#197bbd;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.cashier-online-btn:hover{background:#e0efff}.cashier-back-btn{height:40px;padding:0 18px;border:1px solid #dc2626;border-radius:10px;background:#fee2e2;color:#dc2626;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.cashier-back-btn:hover{background:#fecaca}.cashier-top-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;flex-wrap:wrap}.cashier-customer-section{display:flex;gap:16px;flex-wrap:wrap}.cashier-field{display:flex;flex-direction:column;gap:6px}.cashier-field label{font-size:12px;color:#6b7280;font-weight:500}.cashier-field input{height:40px;padding:0 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;min-width:120px}.cashier-field input:focus{border-color:#197bbd}.cashier-customer-section{position:relative;align-items:flex-end}.card-id-field{min-width:200px;position:relative}.card-id-input-wrapper{display:flex;flex-direction:row-reverse;gap:0}.card-id-input-wrapper input{border-radius:0 8px 8px 0;flex:1;min-width:120px}.card-id-input-wrapper input:focus{border-color:#197bbd}.card-id-input-wrapper input.input-error{border-color:#ef4444}.search-customer-btn{height:40px;width:42px;border:1px solid #197bbd;border-radius:8px 0 0 8px;border-right:none;background:#197bbd;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.search-customer-btn.with-clear{border-radius:0}.search-customer-btn:hover{background:#1565a0}.search-customer-btn:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.search-customer-btn img{width:24px;height:24px;display:block;flex-shrink:0;object-fit:contain}.clear-customer-btn{height:40px;width:42px;border:1px solid #ef4444;border-right:none;border-radius:8px 0 0 8px;background:#fee2e2;color:#dc2626;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.clear-customer-btn:hover{background:#fecaca}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.field-error-text{position:absolute;bottom:-18px;right:0;font-size:11px;color:#ef4444;white-space:nowrap}.barcode-error-text{display:block;font-size:12px;color:#ef4444;margin-top:4px;margin-right:0;font-weight:500}.field-readonly{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.cashier-invoice-nav{display:flex;flex-direction:row-reverse;align-items:center;gap:8px;background:#f0f7ff;padding:8px 16px;border-radius:24px}.invoice-nav-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .15s ease}.invoice-nav-btn.delete{background:#fee2e2;color:#dc2626}.invoice-nav-btn.delete img{width:18px;height:18px}.invoice-nav-btn.add{background:#d1fae5;color:#059669;font-weight:700}.invoice-nav-btn.add img{width:18px;height:18px}.invoice-nav-btn.arrow{background:#e0e7ff;color:#4f46e5}.invoice-nav-btn.arrow img{width:18px;height:18px}.invoice-nav-btn:disabled{opacity:.4;cursor:not-allowed}.invoice-counter{font-size:14px;font-weight:600;color:#374151;padding:0 12px}.cashier-product-input-row{display:flex;flex-direction:row-reverse;gap:16px;align-items:flex-end;padding:20px;background:#f9fafb;border-radius:12px;margin-bottom:20px;flex-wrap:wrap}.cashier-add-btn{width:40px;height:40px;border-radius:50%;border:none;background:#d1fae5;color:#059669;font-size:24px;font-weight:700;cursor:pointer;transition:all .15s ease}.cashier-add-btn:hover{background:#a7f3d0}.cashier-add-btn img{width:22px;height:22px}.cashier-add-btn:disabled{opacity:.4;cursor:not-allowed}.barcode-field input{min-width:180px}.online-address-field input{min-width:240px}.barcode-input-wrapper{position:relative;display:flex;align-items:center}.barcode-input-wrapper input{padding-right:40px}.barcode-icon{position:absolute;right:10px;width:24px;height:24px;opacity:.5;pointer-events:none}.product-name-field{flex:1;min-width:200px}.product-selector-btn{height:40px;padding:0 16px;background:#fff;border:1px dashed #197bbd;border-radius:8px;color:#197bbd;font-size:14px;cursor:pointer;width:100%;text-align:right;transition:all .15s ease}.product-selector-btn:hover{background:#f0f7ff;border-style:solid}.product-selector-btn.has-product{background:#d1fae5;border-color:#059669;border-style:solid;color:#059669;font-weight:600}.quantity-controls{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px}.quantity-controls button{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;font-size:18px;font-weight:600;transition:all .15s ease}.quantity-controls button:first-child{background:#fee2e2;color:#dc2626}.quantity-controls button:last-child{background:#d1fae5;color:#059669;display:flex;align-items:center;justify-content:center}.quantity-controls button:last-child img{width:16px;height:16px}.quantity-controls button:hover{transform:scale(1.05)}.quantity-controls span{min-width:24px;text-align:center;font-weight:600}.quantity-controls.small{padding:2px;width:fit-content}.quantity-controls.small button{width:24px;height:24px;font-size:14px}.quantity-controls.small span{min-width:16px;padding:0 2px}.cashier-customer-points{display:flex;gap:24px;padding:12px 20px;background:#f0f7ff;border-radius:8px;margin-bottom:20px;font-size:14px;color:#374151}.cashier-customer-points strong{color:#197bbd}.cashier-cart-section{overflow-x:auto;margin-bottom:20px}.cashier-cart-table{width:100%;border-collapse:collapse}.cashier-cart-table th{background:#f0f7ff;padding:14px 16px;font-size:13px;font-weight:600;color:#6b7280;text-align:center;border-bottom:2px solid #e5e7eb}.cashier-cart-table td{padding:16px;text-align:center;border-bottom:1px solid #f3f4f6;vertical-align:middle}.cashier-cart-table tbody tr:hover{background:#fafbff}.empty-cart{padding:40px!important;color:#9ca3af;font-size:15px}.cart-item-actions{display:flex;gap:6px;justify-content:center;margin-bottom:8px}.action-btn{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease}.action-btn:hover{transform:scale(1.1)}.action-btn-delete{background:#fee2e2}.action-btn-delete img{width:20px;height:20px}.action-btn-gift{background:#d1fae5}.action-btn-gift img{width:20px;height:20px}.action-btn-gift.active{background:#059669}.action-btn-gift.active img{filter:brightness(0) invert(1)}.action-btn-discount{background:#fef3c7;color:#d97706;font-weight:700}.action-btn-detail{background:#e0e7ff}.action-btn-detail img{width:20px;height:20px}.item-total{font-weight:600;color:#059669}.item-total.gift-price{color:#059669;font-weight:700}.cashier-cart-summary{background:#f9fafb;border-radius:12px;padding:20px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:15px;color:#374151}.summary-row.discount{color:#dc2626}.summary-row.total{padding-top:12px;margin-top:8px;border-top:2px solid #e5e7eb;font-size:18px;font-weight:700;color:#059669}.cashier-action-buttons{display:flex;gap:12px;margin-top:20px;justify-content:center}.cashier-btn{padding:12px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.cashier-btn-save{background:#197bbd;color:#fff;box-shadow:0 4px 12px #197bbd4d}.cashier-btn-save:hover{background:#1565a0;box-shadow:0 6px 16px #197bbd66}.cashier-btn-print{background:#059669;color:#fff;box-shadow:0 4px 12px #0596694d}.cashier-btn-print:hover{background:#047857;box-shadow:0 6px 16px #05966966}.product-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:5000}.product-popup{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #0003;animation:popupSlideIn .25s ease}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.product-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.product-popup-header h3{margin:0;font-size:18px;font-weight:700;color:#1f2937}.popup-close-btn{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;color:#6b7280;font-size:16px;cursor:pointer;transition:all .15s ease}.popup-close-btn:hover{background:#fee2e2;color:#dc2626}.product-popup-tabs{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid #e5e7eb;justify-content:center}.popup-tab{padding:8px 20px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.popup-tab:hover{border-color:#197bbd;color:#197bbd}.popup-tab.active{background:#197bbd;border-color:#197bbd;color:#fff}.product-popup-search{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid #e5e7eb}.product-popup-search img{width:20px;height:20px;opacity:.5}.product-popup-search input{flex:1;border:none;outline:none;font-size:14px;padding:8px 0}.product-popup-list{flex:1;overflow-y:auto;padding:8px}.no-products{padding:40px;text-align:center;color:#9ca3af}.product-popup-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:right}.product-popup-item:hover{background:#f0f7ff;border-color:#197bbd}.product-info{display:flex;flex-direction:column;gap:4px}.product-name{font-size:14px;font-weight:600;color:#1f2937}.product-code{font-size:12px;color:#9ca3af}.product-price{font-size:15px;font-weight:700;color:#059669}@media(max-width:1024px){.cashier-page{margin-right:0;padding:16px}.cashier-top-row{flex-direction:column;align-items:stretch}.cashier-customer-section,.cashier-invoice-nav{justify-content:center}}@media(max-width:768px){.cashier-product-input-row{flex-direction:column;align-items:stretch}.product-popup{margin:16px;max-height:calc(100vh - 32px)}}.branch-selector{width:200px}.branch-selector .modern-select{width:100%}.branch-selector .modern-select-toggle{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:14px;color:#374151;cursor:pointer;font-family:inherit}.branch-selector .modern-select-toggle:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkout-message{padding:12px;border-radius:6px;font-size:14px;font-weight:500;margin:8px 0}.checkout-message.success{background-color:#ecfdf5;border:1px solid #10b981;color:#065f46}.checkout-message.error{background-color:#fef2f2;border:1px solid #ef4444;color:#7f1d1d}.checkout-btn{width:100%;padding:12px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;margin-top:12px;transition:all .3s ease}.checkout-btn:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.checkout-btn:disabled{background-color:#d1d5db;cursor:not-allowed;opacity:.6}.customer-name-input-wrapper{position:relative;display:flex;flex-direction:row-reverse;gap:0;align-items:center}.customer-search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 6px 6px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a}.customer-search-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px;border:none;border-bottom:1px solid #f3f4f6;background:#fff;cursor:pointer;text-align:right;transition:background-color .2s}.customer-search-item:hover{background-color:#f9fafb}.customer-search-item:last-child{border-bottom:none}.customer-search-item .customer-name{font-weight:600;color:#1f2937;flex:1}.customer-search-item .customer-card-id{color:#6b7280;font-size:13px;margin-right:10px}.customer-name-input-wrapper input{flex:1;min-width:150px;border-left:none;border-right:none;border-radius:0;height:40px;padding:0 12px;border:1px solid #e5e7eb;font-size:14px;outline:none}.customer-name-input-wrapper input:focus{border-color:#197bbd}.customer-name-input-wrapper input.input-error{border-color:#ef4444}.customer-name-input-wrapper .search-customer-btn{height:40px;width:42px;border:1px solid #197bbd;border-radius:8px 0 0 8px;border-right:none;background:#197bbd;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;margin:0}.customer-name-input-wrapper .search-customer-btn:hover{background:#1565a0}.customer-name-input-wrapper .search-customer-btn:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.customer-name-input-wrapper .clear-customer-btn{height:40px;width:42px;border:1px solid #ef4444;border-left:none;border-radius:0 8px 8px 0;background:#fee2e2;color:#dc2626;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;margin:0}.customer-name-input-wrapper .clear-customer-btn:hover{background:#fecaca}.inquiry-popup{background:#fff;border-radius:16px;width:95vw;max-width:1200px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.inquiry-filters{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.inquiry-filters-row{display:flex;gap:12px;align-items:center}.inquiry-search-wrapper{position:relative;flex:2;min-width:300px}.inquiry-search-input{width:100%;padding:10px 40px 10px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;transition:border-color .2s;outline:none}.inquiry-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.inquiry-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;width:18px;height:18px}.inquiry-filter-select{flex:1;min-width:180px}.inquiry-table-container{padding:20px;overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.inquiry-table{width:100%;border-collapse:collapse;font-size:14px;min-width:900px}.inquiry-table th,.inquiry-table td{padding:12px 16px;text-align:right;border-bottom:1px solid #f1f5f9}.inquiry-table th{background:#f8fafc;font-weight:600;color:#475569;position:sticky;top:0;z-index:10}.inquiry-table tbody tr:hover{background:#f8fafc}.inquiry-table tbody tr:last-child td{border-bottom:none}.inquiry-product-name{font-weight:500;color:#1e293b;max-width:250px}.inquiry-price{font-weight:600;color:#0f172a}.inquiry-add-btn{background:#10b981;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.inquiry-add-btn:hover{background:#059669;transform:scale(1.05)}.inquiry-loading,.inquiry-empty{text-align:center;padding:60px 20px;color:#64748b;font-size:16px}.inquiry-loading{color:#3b82f6}.cashier-btn-inquiry{background:#3b82f6;border-color:#3b82f6}.cashier-btn-inquiry:hover{background:#2563eb;border-color:#2563eb}.stock-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600;text-align:center;min-width:60px}.stock-badge.in-stock{background:#d1fae5;color:#065f46}.stock-badge.low-stock{background:#fed7aa;color:#92400e}.stock-badge.out-of-stock{background:#fee2e2;color:#991b1b;font-size:12px}.inquiry-table tbody tr.row-out-of-stock{background-color:#fef2f2}.inquiry-table tbody tr.row-out-of-stock:hover{background-color:#fee2e2}.inquiry-add-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.5}.inquiry-add-btn:disabled:hover{background:#d1d5db;transform:none}.cashier-cart-table tbody tr.cart-row-out-of-stock{background:#fef2f2}.cashier-cart-table tbody tr.cart-row-out-of-stock:hover{background:#fee2e2}.cart-product-name-cell{text-align:right}.cart-product-name-cell>span{display:block;font-weight:600;color:#111827}.cart-stock-warning-text{margin-top:6px;display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;font-weight:700;color:#dc2626}.cart-adjust-stock-btn{border:none;border-radius:6px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;cursor:pointer;transition:background .15s ease}.cart-adjust-stock-btn:hover{background:#dc2626}.cashier-stock-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:6000}.cashier-stock-modal-content{width:92%;max-width:560px;max-height:85vh;background:#fff;border-radius:14px;box-shadow:0 20px 35px #02061740;display:flex;flex-direction:column;overflow:hidden}.cashier-stock-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.cashier-stock-modal-header h3{margin:0;font-size:17px;font-weight:700;color:#111827}.cashier-modal-close-btn{width:34px;height:34px;border:none;border-radius:8px;background:transparent;color:#6b7280;font-size:24px;cursor:pointer;transition:all .15s ease}.cashier-modal-close-btn:hover{background:#fee2e2;color:#dc2626}.cashier-stock-modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.cashier-product-info-modal{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb}.cashier-product-info-modal .label{font-size:13px;color:#6b7280;font-weight:600}.cashier-product-info-modal .value{font-size:13px;color:#111827;font-weight:700}.cashier-branches-stock-list{display:flex;flex-direction:column;gap:10px}.cashier-stock-list-header{font-size:13px;color:#374151;font-weight:700}.cashier-no-stock-message{text-align:center;padding:18px;border-radius:8px;background:#f9fafb;color:#9ca3af;font-size:13px}.cashier-branch-stock-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb}.cashier-branch-stock-item.current-branch{background:#eff6ff;border-color:#93c5fd}.cashier-branch-info{display:flex;align-items:center;gap:8px}.cashier-branch-name{font-size:13px;color:#111827;font-weight:600}.cashier-current-badge{font-size:10px;font-weight:700;color:#1d4ed8;background:#dbeafe;border-radius:6px;padding:2px 8px}.cashier-stock-input-group{display:flex;align-items:center;gap:8px}.cashier-stock-input-group label{color:#6b7280;font-size:12px;font-weight:600}.cashier-stock-input-field{width:88px;border:1px solid #d1d5db;border-radius:7px;padding:7px 10px;font-size:13px;outline:none}.cashier-stock-input-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.cashier-stock-save-error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:10px;font-size:12px;font-weight:700}.cashier-stock-modal-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f8fafc}.cashier-stock-btn-cancel,.cashier-stock-btn-save{flex:1;border:none;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.cashier-stock-btn-cancel{background:#e5e7eb;color:#374151}.cashier-stock-btn-cancel:hover{background:#d1d5db}.cashier-stock-btn-save{background:#2563eb;color:#fff}.cashier-stock-btn-save:hover{background:#1d4ed8}.cashier-stock-btn-save:disabled{opacity:.6;cursor:not-allowed}.cpd-page{direction:rtl;margin-right:280px;min-height:calc(100vh - 80px);background:#f8f9fa;padding:24px 32px}.cpd-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:14px}.cpd-back-link{background:none;border:none;color:#4f46e5;font-size:14px;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.cpd-back-link:hover{color:#3730a3}.cpd-breadcrumb-sep{color:#d1d5db}.cpd-breadcrumb-current{color:#6b7280;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpd-main{display:grid;grid-template-columns:420px 1fr;gap:48px;background:#fff;border-radius:16px;padding:32px;margin-bottom:24px}.cpd-image-section{position:sticky;top:100px;align-self:start}.cpd-image-container{position:relative;border-radius:16px;overflow:hidden;background:#f9fafb}.cpd-product-image{width:100%;height:420px;object-fit:cover;display:block;transition:transform .4s ease}.cpd-image-container:hover .cpd-product-image{transform:scale(1.05)}.cpd-badge{position:absolute;top:16px;right:16px;padding:6px 16px;border-radius:24px;font-size:13px;font-weight:600}.cpd-badge.badge-book{background:#eff6ff;color:#2563eb}.cpd-badge.badge-game{background:#fdf2f8;color:#db2777}.cpd-info-section{display:flex;flex-direction:column;gap:16px}.cpd-title{font-size:32px;font-weight:700;color:#111827;margin:0;line-height:1.3}.cpd-meta{display:flex;flex-wrap:wrap;gap:16px}.cpd-meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.cpd-meta-item svg{width:16px;height:16px;color:#9ca3af}.cpd-short-desc{font-size:15px;line-height:1.7;color:#4b5563;margin:8px 0}.cpd-pricing{display:flex;align-items:baseline;gap:12px;margin:8px 0}.cpd-price-main{font-size:36px;font-weight:800;color:#059669}.cpd-price-original{font-size:18px;color:#9ca3af;text-decoration:line-through}.cpd-stock{margin-bottom:8px}.cpd-stock-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.cpd-stock-badge.in-stock{background:#ecfdf5;color:#059669}.cpd-stock-badge.out-stock{background:#fef2f2;color:#dc2626}.cpd-cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px;padding:16px 32px;background:#4f46e5;color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .2s ease;margin:8px 0}.cpd-cta-btn:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 8px 20px #4f46e540}.cpd-cta-btn svg{width:22px;height:22px}.cpd-quick-info{display:flex;gap:24px;padding-top:16px;border-top:1px solid #f3f4f6;margin-top:8px}.cpd-quick-item{display:flex;flex-direction:column;gap:4px}.cpd-quick-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.cpd-quick-value{font-size:14px;font-weight:600;color:#374151}.cpd-tabs-section{background:#fff;border-radius:16px;overflow:hidden}.cpd-tabs{display:flex;border-bottom:1px solid #e5e7eb}.cpd-tab{flex:1;padding:16px 24px;background:none;border:none;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;position:relative}.cpd-tab:hover{color:#374151;background:#f9fafb}.cpd-tab.active{color:#4f46e5}.cpd-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#4f46e5;border-radius:3px 3px 0 0}.cpd-tab-content{padding:32px}.cpd-tab-pane{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cpd-full-description{font-size:15px;line-height:1.9;color:#4b5563;margin:0}.cpd-specs-list{display:grid;grid-template-columns:auto 1fr;gap:16px 24px;margin:0}.cpd-specs-list dt{font-size:14px;color:#9ca3af;font-weight:500}.cpd-specs-list dd{font-size:15px;color:#1f2937;font-weight:600;margin:0}.cpd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;color:#6b7280;font-size:16px}.cpd-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cpd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.cpd-error-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fef2f2;color:#dc2626;border-radius:50%;font-size:32px;font-weight:700}.cpd-error p{font-size:18px;color:#1f2937;margin:0}.cpd-btn-secondary{padding:12px 28px;background:#f3f4f6;color:#374151;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.cpd-btn-secondary:hover{background:#e5e7eb}@media(max-width:1200px){.cpd-page{margin-right:0;padding:16px}.cpd-main{grid-template-columns:1fr;gap:24px;padding:24px}.cpd-image-section{position:static;display:flex;justify-content:center}.cpd-image-container{width:100%;max-width:350px;border-radius:16px;background:#f3f4f6}.cpd-product-image{height:280px;width:100%;object-fit:contain;border-radius:16px}.cpd-title{font-size:26px;text-align:center}.cpd-meta,.cpd-pricing{justify-content:center}.cpd-stock{text-align:center}.cpd-price-main{font-size:28px}}@media(max-width:768px){.cpd-breadcrumb{flex-wrap:wrap}.cpd-main{padding:20px}.cpd-product-image{height:250px}.cpd-title{font-size:22px}.cpd-meta{gap:12px}.cpd-tabs{overflow-x:auto}.cpd-tab{padding:14px 16px;font-size:14px;white-space:nowrap}.cpd-tab-content{padding:20px}.cpd-specs-list{grid-template-columns:1fr;gap:12px}.cpd-specs-list dt{margin-bottom:-8px}}