*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.app{background:#f4f4f4;width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{z-index:200;background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:220px;min-width:220px;height:100vh;transition:width .25s,min-width .25s;display:flex;overflow:hidden}.sidebar-logo{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:18px 16px;display:flex}.logo-name{color:#2b9a8e;font-size:13px;font-weight:700;line-height:1.4}.sidebar-close-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px;line-height:1;display:none}.sidebar-nav{flex:1;padding:12px 8px}.sidebar-nav ul{flex-direction:column;gap:2px;list-style:none;display:flex}.nav-item{color:#555;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-item:hover{color:#222;background:#f5f5f5}.nav-item.active{color:#2b9a8e;background:#f0faf9;border-left:3px solid #2b9a8e;padding-left:9px}.sidebar-user{color:#888;border-top:1px solid #e0e0e0;padding:12px 16px;font-size:12px}.user-name{color:#333;font-size:13px;font-weight:600}.sidebar-overlay{z-index:199;background:#0006;display:none;position:fixed;inset:0}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.header{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.hamburger-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px;line-height:0;transition:background .12s;display:flex}.hamburger-btn:hover{background:#f0f0f0}.page-title{color:#333;font-size:16px;font-weight:600}.header-right{align-items:center;gap:8px;display:flex}.logout-btn{color:#e53e3e;cursor:pointer;background:0 0;border:1px solid #e53e3e;border-radius:5px;padding:5px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s}.logout-btn:hover{background:#fff5f5}.page-content{flex:1;padding:20px;overflow-y:auto}.page-content-reports{background:0 0}.sidebar-hidden{border-right:none!important;width:0!important;min-width:0!important}@media (width<=768px){.sidebar{height:100vh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn,.sidebar-overlay{display:block}.hamburger-btn{display:flex}.page-content{padding:14px}}.login-screen{z-index:999;font-family:inherit;display:flex;position:fixed;inset:0}.login-left{background:linear-gradient(145deg,#1a7a6e 0%,#2b9a8e 50%,#34b8aa 100%);justify-content:center;align-items:center;width:45%;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";background:#ffffff0f;border-radius:50%;width:350px;height:350px;position:absolute;top:-80px;left:-80px}.login-left:after{content:"";background:#ffffff0f;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-60px;right:-60px}.login-left-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.login-logo-img{object-fit:contain;background:#ffffff26;border-radius:20px;width:160px;height:160px;padding:12px;box-shadow:0 8px 32px #0003}.login-brand{color:#fff;margin:0;font-size:22px;font-weight:800;line-height:1.3}.login-brand-sub{color:#ffffffbf;margin:0;font-size:13px}.login-dots{gap:8px;margin-top:8px;display:flex}.login-dots span{background:#fff6;border-radius:50%;width:8px;height:8px}.login-dots span:first-child{background:#ffffffe6}.login-right{background:#f7f8fa;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-form-box{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:44px 40px;box-shadow:0 4px 24px #00000014}.login-form-header{margin-bottom:32px}.login-form-header h2{color:#1a1a1a;margin:0 0 6px;font-size:24px;font-weight:800}.login-form-header p{color:#888;margin:0;font-size:13px}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:7px;display:flex}.login-field label{color:#444;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#aaa;pointer-events:none;position:absolute;left:13px}.login-input-wrap input{color:#333;box-sizing:border-box;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:11px 42px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s}.login-input-wrap input:focus{background:#fff;border-color:#2b9a8e}.login-eye-btn{cursor:pointer;color:#aaa;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:12px}.login-eye-btn:hover{color:#2b9a8e}.login-error{color:#c00;background:#fff5f5;border:1px solid #fcc;border-radius:7px;padding:9px 13px;font-size:12px}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2b9a8e,#1a7a6e);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 4px 14px #2b9a8e59}.login-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;color:#bbb;margin-top:28px;margin-bottom:0;font-size:11px}@media (width<=640px){.login-left{display:none}.login-right{background:#fff}.login-form-box{box-shadow:none;padding:32px 24px}}.dash{flex-direction:column;gap:20px;width:100%;display:flex}.dash-welcome{background:linear-gradient(135deg,#1a7a6e 0%,#2b9a8e 60%,#34b8aa 100%);border-radius:14px;align-items:center;min-height:100px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.dash-welcome-text h2{color:#fff;margin:0 0 5px;font-size:22px;font-weight:800}.dash-welcome-text p{color:#ffffffbf;margin:0;font-size:13px}.dash-fruit{opacity:.18;pointer-events:none;font-size:38px;line-height:1;position:absolute}.dash-fruit-tl{font-size:44px;top:-6px;left:10px;transform:rotate(-15deg)}.dash-fruit-tr{font-size:50px;top:-4px;right:14px;transform:rotate(20deg)}.dash-fruit-bl{font-size:40px;bottom:-8px;left:60px;transform:rotate(10deg)}.dash-fruit-br{font-size:46px;bottom:-6px;right:60px;transform:rotate(-20deg)}.dash-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dash-stat-card{border:1px solid #e8e8e8;border-radius:10px;padding:18px 16px;position:relative;overflow:hidden}.dash-stat-card:after{content:"";background:#ffffff80;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-20px;right:-20px}.dash-stat-icon{margin-bottom:10px;font-size:22px}.dash-stat-value{color:#1a1a1a;margin-bottom:4px;font-size:20px;font-weight:800}.dash-stat-label{color:#444;margin-bottom:2px;font-size:12px;font-weight:700}.dash-stat-sub{color:#888;font-size:11px}.dash-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dash-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:18px}.dash-card-title{color:#333;border-bottom:1px solid #f0f0f0;margin-bottom:14px;padding-bottom:10px;font-size:14px;font-weight:600}.dash-table{border-collapse:collapse;width:100%;font-size:13px}.dash-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.4px;background:#f8f8f8;border-bottom:1px solid #eee;padding:7px 10px;font-size:11px;font-weight:600}.dash-table td{color:#444;border-bottom:1px solid #f5f5f5;padding:8px 10px}.dash-table tr:last-child td{border-bottom:none}.dash-menu-card{max-height:420px;overflow-y:auto}.dash-menu-loading,.dash-menu-error{color:#888;padding:10px 0;font-size:13px}.dash-menu-error{color:#c00}.dash-head-row{direction:rtl;border-bottom:1px solid #f0f0f0;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.dash-head-row:last-child{border-bottom:none}.dash-head-col-header{color:#888;text-transform:uppercase;letter-spacing:.5px;background:#f5f5f5;font-weight:700;border-bottom:1px solid #e0e0e0!important;font-size:11px!important}.dash-head-name{color:#333;font-size:14px}.dash-head-amount{color:#2b9a8e;font-size:14px;font-weight:700}.dash-links{flex-direction:column;gap:10px;list-style:none;display:flex}.dash-links li{color:#2b9a8e;cursor:pointer;background:#f0faf9;border-radius:6px;padding:8px 10px;font-size:13px;transition:background .12s}.dash-links li:hover{background:#e0f5f3}.dash-head-total{background:#f0faf9;font-weight:700;border-top:2px solid #2b9a8e!important}.dash-head-total .dash-head-amount,.dash-head-total .dash-head-name{color:#2b9a8e;font-weight:700}.dash-stat-clickable{cursor:pointer;transition:transform .12s,box-shadow .12s}.dash-stat-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001a}.dash-stat-hint{color:#aaa;font-style:italic}.dash-menu-break{background:#fff;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.dash-menu-break-title{color:#333;background:#fff8e1;border-bottom:1px solid #f0e0a0;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:700;display:flex}.dash-menu-break-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}.dash-menu-break-close:hover{color:#333}.dash-menu-break-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.dash-menu-break-row{border-bottom:1px solid #f5f5f5;border-right:1px solid #f5f5f5;justify-content:space-between;align-items:center;gap:10px;padding:11px 18px;display:flex}.dash-menu-break-name{color:#333;font-family:Noto Nastaliq Urdu,serif;font-size:13px}.dash-menu-break-count{color:#2b9a8e;white-space:nowrap;font-size:13px;font-weight:700}.dash-menu-break-total{color:#2b9a8e;background:#f0faf9;border-top:2px solid #2b9a8e;grid-column:1/-1;font-size:13px;font-weight:700}@media (width<=768px){.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-row{grid-template-columns:1fr}.dash-welcome{min-height:80px;padding:20px 18px}.dash-welcome-text h2{font-size:18px}.dash-fruit-tl{font-size:32px}.dash-fruit-tr{font-size:36px}.dash-fruit-bl{font-size:28px}.dash-fruit-br{font-size:32px}.dash-menu-break-grid{grid-template-columns:1fr}}@media (width<=420px){.dash-stats{grid-template-columns:1fr 1fr;gap:10px}.dash-stat-value{font-size:16px}.dash-stat-label{font-size:11px}}.rp-layout{background:0 0;align-items:flex-start;gap:20px;min-height:100%;display:flex}.rp-menu{background:0 0;width:220px;min-width:220px;height:100%;padding:0}.rp-menu-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px #0f172a0f}.rp-menu-title{color:#aaa;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #f0f0f0;margin-bottom:8px;padding:0 16px 12px;font-size:11px;font-weight:700}.rp-menu-group{margin-bottom:4px}.rp-menu-item{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .12s;display:flex}.rp-menu-item:hover{background:#f5f5f5}.rp-menu-item.open{color:#2b9a8e;background:#f0faf9}.rp-menu-item-icon{color:inherit;align-items:center;display:flex}.rp-menu-chevron{color:#aaa;align-items:center;margin-left:auto;transition:transform .2s;display:flex}.rp-menu-chevron.up{transform:rotate(180deg)}.rp-menu-sub{background:#fafafa;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:4px 0 6px}.rp-menu-sub-item{color:#555;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:9px 16px 9px 32px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.rp-menu-sub-item:hover{color:#2b9a8e;background:#f0faf9}.rp-menu-sub-item.active{color:#2b9a8e;background:#e8f7f5;border-left-color:#2b9a8e;font-weight:700}.rp-menu-dot{opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.rp-menu-sub-item.active .rp-menu-dot{opacity:1}.rp-content{background:0 0;flex:1;min-width:0;padding:0;overflow:visible}.rp-view-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:20px;box-shadow:0 10px 24px #0f172a0f}.rp-placeholder{color:#ccc;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:300px;font-size:13px;display:flex}.rp-panel{background:0 0;flex-direction:column;gap:0;width:100%;display:flex}.rp-panel-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:14px}.rp-panel-title{color:#1a1a1a;margin-bottom:4px;font-size:18px;font-weight:800}.rp-panel-sub{color:#999;font-size:12px}.rp-loading{color:#2b9a8e;align-self:flex-end;padding:8px 0;font-size:13px}.rp-filter-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.rp-filter-field{flex-direction:column;gap:5px;display:flex}.rp-filter-field label{color:#444;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.rp-filter-field input[type=date],.rp-filter-field select{color:#333;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:7px;outline:none;min-width:180px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.rp-filter-field input[type=date]:focus,.rp-filter-field select:focus{background:#fff;border-color:#2b9a8e}.rp-filter-btns{gap:8px;padding-bottom:1px;display:flex}.rp-btn-primary{color:#fff;cursor:pointer;background:#2b9a8e;border:none;border-radius:7px;padding:8px 22px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .12s}.rp-btn-primary:hover:not(:disabled){opacity:.88}.rp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.rp-btn-outline{color:#555;cursor:pointer;background:#fff;border:1.5px solid #d0d0d0;border-radius:7px;padding:8px 22px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s}.rp-btn-outline:hover{background:#f5f5f5}.rp-error{color:#c00;background:#fff5f5;border:1px solid #fcc;border-radius:7px;margin-bottom:12px;padding:9px 13px;font-size:12px}.rp-total-banner{direction:rtl;background:linear-gradient(135deg,#1a7a6e,#2b9a8e);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.rp-total-banner-label{color:#ffffffd9;font-family:Noto Nastaliq Urdu,serif;font-size:15px;font-weight:600}.rp-total-banner-value{color:#fff;font-size:24px;font-weight:800}.rp-group{border:1px solid #e8e8e8;border-radius:8px;margin-bottom:14px;overflow:hidden}.rp-group-head{color:#1a6fb5;text-align:center;background:#f8f8f8;border-bottom:1px solid #e8e8e8;padding:11px 14px;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:17px;font-weight:700}.rp-table{border-collapse:collapse;width:100%;font-size:13px}.rp-table thead th{color:#666;text-align:right;background:#f5f5f5;border-bottom:1px solid #e8e8e8;padding:8px 14px;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:12px;font-weight:600}.rp-table tbody tr{border-bottom:1px solid #f5f5f5}.rp-table tbody tr:last-child{border-bottom:none}.rp-table tbody tr:hover{background:#fafafa}.rp-table td{color:#333;vertical-align:middle;padding:9px 14px}.rp-item-name{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:14px}.rp-subtotal td{color:#555;background:#f8f8f8;border-top:1px solid #e8e8e8;padding:8px 14px;font-size:12.5px;font-weight:600}.rp-grand-total{color:#2b9a8e;background:#f0faf9;border:1px solid #2b9a8e;border-radius:8px;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 16px;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:15px;font-weight:700;display:flex}.rp-shift-section{margin-bottom:18px}.rp-shift-section-title{border-radius:6px 6px 0 0;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.rp-shift-section-title.closed{color:#2e7d32;background:#e8f5e9}.rp-shift-section-title.open{color:#f57f17;background:#fff8e1}.rp-section-note{opacity:.75;font-size:11px;font-weight:400}.rp-section-total{color:#333;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:0 0 6px 6px;justify-content:space-between;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.rp-shift{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:12px;overflow:hidden}.rp-shift-header{background:#f8f8f8;border-bottom:1px solid #e8e8e8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.rp-shift-info{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.rp-shift-user{color:#333;font-size:12px;font-weight:600}.rp-shift-time{color:#888;font-size:12px}.rp-shift-total{color:#2b9a8e;font-size:13px;font-weight:700}.rp-empty{text-align:center;color:#999;padding:40px;font-size:13px}@media (width<=768px){.rp-layout{flex-direction:column}.rp-menu{width:100%;min-width:unset}.rp-view-card{padding:14px}.rp-filter-row{flex-direction:column;align-items:stretch}.rp-filter-btns{width:100%}.rp-btn-primary,.rp-btn-outline{text-align:center;flex:1}.rp-filter-field select,.rp-filter-field input[type=date]{width:100%;min-width:unset}.rp-table{font-size:12px}.rp-table td,.rp-table th{padding:7px 8px}.rp-shift-header{flex-direction:column;align-items:flex-start}.rp-total-banner-value{font-size:20px}}