@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";:root{--sage: #A7AFA3;--sage-dark: #7A8576;--sage-darker: #5C6358;--sage-light: #C8CFC5;--sage-pale: #E8EBE6;--sage-mist: #F4F6F3;--white: #FFFFFF;--ink: #1E2420;--ink-soft: #3D4840;--ink-muted: #6B736A;--accent: #FFFFFF;--shadow-sm: 0 1px 4px rgba(90,100,88,.08);--shadow-md: 0 4px 20px rgba(90,100,88,.12);--shadow-lg: 0 12px 40px rgba(90,100,88,.18);--radius: 14px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Cairo,system-ui,sans-serif;background:var(--sage-mist);color:var(--ink);direction:rtl;-webkit-font-smoothing:antialiased}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 80%,rgba(167,175,163,.25) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(167,175,163,.15) 0%,transparent 50%),linear-gradient(160deg,var(--sage-darker) 0%,var(--sage-dark) 50%,var(--sage) 100%)}.login-card{background:var(--white);border-radius:24px;padding:52px 44px;width:100%;max-width:400px;box-shadow:var(--shadow-lg),0 0 0 1px #fff9;text-align:center}.login-logo{font-size:2.8rem;font-weight:900;color:var(--sage-darker);letter-spacing:-1px;margin-bottom:4px;line-height:1}.login-logo span{color:var(--sage)}.login-tagline{display:inline-block;background:var(--sage-pale);color:var(--sage-dark);font-size:.75rem;font-weight:600;padding:4px 14px;border-radius:20px;margin-bottom:32px;letter-spacing:.5px}.login-input{width:100%;padding:14px 18px;border:1.5px solid var(--sage-pale);border-radius:var(--radius-sm);font-family:Cairo,sans-serif;font-size:1rem;text-align:center;letter-spacing:6px;outline:none;background:var(--sage-mist);color:var(--ink);transition:all .2s;direction:ltr}.login-input:focus{border-color:var(--sage);background:var(--white);box-shadow:0 0 0 4px #a7afa326}.login-btn{width:100%;margin-top:14px;padding:14px;background:var(--sage-darker);color:var(--white);border:none;border-radius:var(--radius-sm);font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:all .2s}.login-btn:hover{background:var(--sage-dark);transform:translateY(-1px);box-shadow:0 6px 16px #5a645833}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-error{margin-top:12px;color:#c0392b;font-size:.85rem;font-weight:600}.app-layout{display:flex;min-height:100vh}.sidebar{width:256px;background:var(--sage-darker);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;right:0;bottom:0}.sidebar-logo{padding:30px 24px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo-text{font-size:1.9rem;font-weight:900;color:var(--white);line-height:1;letter-spacing:-.5px}.sidebar-logo-text span{color:var(--sage-light)}.sidebar-logo-sub{font-size:.72rem;color:#fff6;font-weight:500;margin-top:3px;letter-spacing:.3px}.sidebar-nav{flex:1;padding:16px 14px}.nav-section{font-size:.68rem;font-weight:700;color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;padding:14px 10px 8px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:var(--radius-sm);cursor:pointer;color:#fff9;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;margin-bottom:3px}.nav-item:hover{background:#ffffff12;color:var(--white)}.nav-item.active{background:#ffffff24;color:var(--white)}.nav-item.active .nav-dot{background:var(--sage-light)}.nav-dot{width:6px;height:6px;border-radius:50%;background:transparent;margin-right:auto;flex-shrink:0;transition:background .15s}.sidebar-footer{padding:18px 24px;border-top:1px solid rgba(255,255,255,.08);font-size:.72rem;color:#ffffff4d;font-weight:500}.logout-btn{display:flex;align-items:center;gap:7px;margin-bottom:10px;cursor:pointer;color:#ffffff80;font-size:.82rem;font-weight:600;transition:color .15s}.logout-btn:hover{color:#fffc}.main-content{flex:1;margin-right:256px;padding:36px 32px;min-height:100vh}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.page-title{font-size:1.6rem;font-weight:800;color:var(--ink);line-height:1.1}.page-subtitle{font-size:.85rem;font-weight:500;color:var(--ink-muted);margin-top:3px}.page-badge{background:var(--sage-pale);color:var(--sage-dark);font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:20px;border:1px solid var(--sage-light)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-bottom:26px}.metric-card{background:var(--white);border-radius:var(--radius);padding:24px 22px;box-shadow:var(--shadow-sm);border:1px solid var(--sage-pale);position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:var(--sage-pale);color:var(--sage-darker)}.metric-card.accent .metric-card-icon{background:var(--sage-darker);color:var(--white)}.metric-label{font-size:.78rem;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.metric-value{font-size:2rem;font-weight:800;color:var(--ink);line-height:1}.metric-card.accent .metric-value{color:var(--sage-darker)}.metric-sub{font-size:.8rem;color:var(--ink-muted);font-weight:500;margin-top:6px}.chart-section{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--sage-pale);margin-bottom:22px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title{font-size:1rem;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:9px}.section-title-icon{width:30px;height:30px;background:var(--sage-pale);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--sage-darker);flex-shrink:0}.section-pill{background:var(--sage-pale);color:var(--sage-dark);font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:20px}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;font-family:Cairo,sans-serif}.data-table thead th{padding:10px 14px;text-align:right;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);background:var(--sage-mist);border-bottom:1px solid var(--sage-pale)}.data-table td{padding:13px 14px;border-bottom:1px solid var(--sage-mist);color:var(--ink-soft)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--sage-mist)}.rank-num{font-weight:900;font-size:.95rem;color:var(--sage-light)}.rank-num.top{color:var(--sage-darker)}.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700}.badge-sale,.badge-done{background:#e6f0eb;color:#2d6a4f}.badge-draft{background:var(--sage-pale);color:var(--sage-darker)}.badge-sent{background:#eaf0fa;color:#2c5282}.badge-cancel{background:#fae6e6;color:#9b2c2c}.channel-tag{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:6px}.ch-online{background:#ede9fe;color:#5b21b6}.ch-b2b{background:#e6f0eb;color:#2d6a4f}.ch-pos{background:var(--sage-pale);color:var(--sage-darker)}.ch-other{background:var(--sage-mist);color:var(--ink-muted)}.hr-dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:16px}.dept-card{background:var(--sage-mist);border-radius:var(--radius-sm);padding:18px;border:1px solid var(--sage-pale);transition:box-shadow .2s}.dept-card:hover{box-shadow:var(--shadow-sm)}.dept-name{font-weight:700;font-size:.88rem;color:var(--ink);margin-bottom:12px}.dept-stats{display:flex;gap:12px}.dept-stat{text-align:center;flex:1}.dept-stat-num{font-size:1.4rem;font-weight:800;line-height:1}.dept-stat-label{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-muted);margin-top:3px}.stat-present{color:#2d6a4f}.stat-late{color:#9b6400}.stat-absent{color:#9b2c2c}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:14px;padding:70px;color:var(--ink-muted);font-weight:600}.spinner{width:28px;height:28px;border:3px solid var(--sage-pale);border-top-color:var(--sage-dark);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 24px;color:var(--ink-muted);font-weight:600;font-size:.9rem}.divider{height:1px;background:var(--sage-pale);margin:20px 0}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--sage-pale);box-shadow:0 -4px 20px #5a64581a;z-index:100;padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.mobile-nav-inner{display:flex;justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;text-decoration:none;color:var(--ink-muted);font-size:.65rem;font-weight:700;border-radius:var(--radius-sm);transition:color .15s;min-width:70px}.mobile-nav-item.active{color:var(--sage-darker)}.mobile-nav-item.active svg{stroke:var(--sage-darker)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--sage-darker);color:#fff;align-items:center;justify-content:space-between;padding:0 18px;z-index:100;box-shadow:0 2px 10px #00000026}.mobile-header-logo{font-size:1.5rem;font-weight:900;color:#fff}.mobile-header-logo span{color:var(--sage-light)}@media (max-width: 768px){.sidebar{display:none}.mobile-nav{display:block}.mobile-header{display:flex}.main-content{margin-right:0;padding:72px 16px 80px}.cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:16px}.metric-value{font-size:1.5rem}.metric-card-icon{width:32px;height:32px;margin-bottom:10px}div[style*="gridTemplateColumns: 2fr 1fr"]{display:block!important}div[style*="gridTemplateColumns: 2fr 1fr"]>div{margin-bottom:16px}.chart-section{padding:16px}.page-title{font-size:1.3rem}.data-table{font-size:.78rem}.data-table thead th{padding:8px 10px;font-size:.65rem}.data-table td{padding:10px}.data-table .hide-mobile{display:none}.hr-dept-grid{grid-template-columns:repeat(2,1fr);gap:12px}.login-card{padding:36px 24px;margin:16px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 420px){.cards-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-value{font-size:1.3rem}}