.layout{display:flex;flex-direction:column;min-height:100vh;direction:rtl;width:100%}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:.2rem 1rem;height:60px;background-color:var(--white);box-shadow:0 1px 2px #0000000d;color:#333;z-index:1000;position:relative}.top-bar-start{display:flex;align-items:center;gap:1rem}.logo-link{text-decoration:none;display:flex;justify-content:center;align-items:center}.logo{height:40px;width:auto;object-fit:contain}.top-bar-center{display:flex;align-items:center}.main-nav{display:flex;gap:1.5rem}.main-nav a{color:#555;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s}.main-nav a:hover{color:var(--primary-blue)}.main-nav a.active{color:var(--primary-blue);font-weight:700;border-bottom:2px solid var(--primary-blue)}.mobile-greeting-container{display:none}.mobile-visible{font-size:.9rem;color:#666;margin-top:.25rem}.top-bar-end{display:flex;align-items:center;gap:1rem}.user-greeting{font-size:.95rem;font-weight:500;color:#333}.logout-btn{background-color:transparent;border:1px solid #ff4d4f;color:#ff4d4f;padding:.3rem .8rem;font-size:.9rem;cursor:pointer;border-radius:4px;transition:all .2s}.logout-btn:hover{background-color:#ff4d4f;color:#fff}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1100}.hamburger-btn span{width:24px;height:2px;background:var(--primary-blue);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger-btn.open span:first-child{transform:rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:rotate(-45deg)}.mobile-menu{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:var(--white);transform:translate(100%);transition:transform .3s ease-in-out;z-index:999;padding:2rem;box-shadow:-2px 0 5px #0000001a}.mobile-menu.open{transform:translate(0)}.mobile-nav{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.mobile-nav a{font-size:1.2rem;color:#333;text-decoration:none;font-weight:500}.mobile-user-greeting{font-weight:700;color:var(--primary-blue);margin-bottom:1rem}.mobile-divider{width:100%;border:0;border-top:1px solid #eee}.mobile-logout{margin-top:1rem;width:100%;text-align:center}.content{flex:1;padding:2rem;background-color:#f5f5f5;color:#213547;width:100%;overflow-x:hidden}@media (max-width: 768px){.desktop-only{display:none!important}.hamburger-btn{display:flex;position:absolute;right:1rem;top:18px}.top-bar{flex-direction:column;height:auto;padding:.5rem 1rem;justify-content:center;gap:.5rem}.top-bar-start{display:contents}.logo-link{margin:0 auto;display:block}.logo{height:40px}.mobile-greeting-container{display:block;text-align:center;width:100%;margin-bottom:.5rem}.mobile-menu{top:85px;height:calc(100vh - 85px);width:100vw;right:0;left:auto;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-nav{width:100%}.mobile-nav a{display:block;width:80%;text-align:center;padding:.75rem;border-radius:8px;transition:all .2s;color:#333}.mobile-nav a:hover{color:var(--primary-blue);background-color:#2527720d}.mobile-nav a.active{background-color:var(--primary-blue);color:var(--white)}.content{padding:1rem;margin-top:.5rem}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.login-card{background-color:var(--white);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;border:1px solid var(--primary-blue);width:100%;max-width:400px;text-align:center}.login-logo{max-width:150px;height:auto;margin-bottom:1rem}h2{color:var(--primary-blue);margin-bottom:2rem}.form-group{margin-bottom:1.5rem;text-align:right;width:100%}label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}input{width:100%;padding:.75rem;background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;font-size:1rem;box-sizing:border-box}input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #25277233}button[type=submit]{width:100%;padding:.75rem;background-color:var(--primary-blue);color:var(--white);border:none;border-radius:4px;font-weight:700;cursor:pointer;margin-top:1rem;box-sizing:border-box}button[type=submit]:hover{filter:brightness(1.1)}.error-message{background-color:#fee2e2;color:#ef4444;padding:.75rem;border-radius:4px;margin-bottom:1.5rem;border:1px solid #fecaca}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.toggle-password{position:absolute;left:10px;background:none;border:none;cursor:pointer;font-size:1.2rem;color:#888;padding:0;top:50%;transform:translateY(-50%)}.toggle-password:hover{color:var(--primary-blue)}.sales-home{padding:2rem;direction:rtl;max-width:1000px;margin:0 auto}.header-actions{margin-bottom:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-secondary{background-color:#6b7280;color:var(--white);padding:.8rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem}.add-sale-btn{background-color:var(--primary-blue);color:var(--white);padding:.8rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem}.sales-list{display:flex;flex-direction:column;gap:1.5rem}.sale-card{background:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000000d;border:1px solid var(--primary-blue);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.sale-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;padding-bottom:.5rem}.sale-date{color:#666;margin:0;font-size:.9rem}.sale-card{padding:1rem;gap:.5rem}.pending-item-row{padding:.5rem;flex-direction:row;justify-content:space-between;align-items:center}.item-info{flex:1;padding:.5rem}.item-payment-section{flex:2;max-width:80%}.payment-input-row{margin-top:.2rem}.small-input,.small-select{padding:.2rem;font-size:.9rem}.add-part-btn{width:28px;height:28px;font-size:1rem}.paid-badge{background:#e0f2f1;color:#00695c;padding:0 2px;border-radius:2px;font-size:.75rem;font-weight:700;text-align:center;display:inline-block}.sale-items-list{display:flex;flex-direction:column;gap:0rem}.pending-item-row{background:#f9fafb;border-radius:6px;padding:1rem;border:1px solid #eee;display:flex;flex-direction:column;gap:.2rem}.item-info{display:flex;justify-content:space-between;align-items:center}.item-payment-section{background:white;padding:.1rem;border-radius:0;border:1px dashed #ddd}.payment-input-row{display:flex;gap:.5rem;margin-top:.5rem}.small-input{flex:2;padding:.4rem;border:1px solid #ccc;border-radius:4px}.small-select{flex:1;padding:.4rem;border:1px solid #ccc;border-radius:4px}.add-part-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary-blue);color:var(--white);border:none;border-radius:4px;cursor:pointer;font-size:1.2rem}.add-part-btn:disabled{background:#ccc;cursor:not-allowed}.added-parts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.payment-part-tag{background:#eef2ff;color:#4f46e5;padding:2px 8px;border-radius:12px;font-size:.85rem;display:flex;align-items:center;gap:6px;border:1px solid #c7d2fe}.remove-part{cursor:pointer;color:#ef4444;font-weight:700}.sale-footer-summary{background:#fdfdfd;padding:1rem;border-radius:6px;border-top:2px solid #f0f0f0;margin-top:1rem}.totals-row{display:flex;justify-content:space-between;margin-bottom:1rem}.total-block{display:flex;flex-direction:column;gap:.3rem}.total-block .label{font-size:.9rem;color:#666}.total-block .values{display:flex;gap:.5rem}.val{font-weight:700;color:#333}.val.done{color:#10b981}.actions-row{display:flex;justify-content:flex-end}.complete-btn{background-color:var(--primary-blue);color:var(--white);padding:.6rem 2rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;font-weight:700}.complete-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.error-msg{color:#ef4444;font-size:.9rem;margin-bottom:.5rem;text-align:right}#root{max-width:100%;width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;background-color:var(--white);border:1px solid var(--primary-blue);border-radius:8px;color:#213547}.read-the-docs{color:#888}.dashboard-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:2rem}.dashboard-container h1{font-size:2.5rem;color:var(--primary-blue);margin:0}.development-status{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:600px;border:1px solid #eee}.development-status p{font-size:1.2rem;color:#333;font-weight:500}.development-status .subtext{font-size:1rem;color:#666;margin-top:1rem}.btn-secondary{background:var(--white);color:var(--primary-blue);border:1px solid var(--primary-blue);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .2s}.btn-secondary:hover{background:#f0f0ff}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.pos-container{display:flex;flex-direction:column;min-height:calc(100vh - 80px);max-width:800px;margin:0 auto;padding:1rem;position:relative}.cart-section{margin-bottom:1rem;border:1px solid #ddd;border-radius:8px;background:#fdfdfd;padding:1rem;flex-grow:0;flex-shrink:0}.empty-cart-message{text-align:center;color:#888;margin-top:2rem}.cart-items{display:flex;flex-direction:column;gap:.5rem}.cart-item{display:flex;justify-content:space-between;align-items:center;background:white;padding:.8rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.item-details{display:flex;gap:1rem;align-items:center;flex:1}.item-name{font-weight:700}.item-qty{background:#eee;padding:2px 6px;border-radius:4px;font-size:.9rem}.badge.deposit{background:#fff3cd;color:#856404;padding:2px 6px;border-radius:4px;font-size:.8rem;border:1px solid #ffeeba}.remove-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.2rem;padding:0 .5rem}.input-section{background:white;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;margin-top:220px}.search-wrapper{position:relative;margin-bottom:1rem}.search-input{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.suggestions-list{position:absolute;bottom:100%;right:0;width:100%;max-height:200px;overflow-y:auto;background:white;border:1px solid #ddd;border-radius:6px 6px 0 0;list-style:none;padding:0;margin:0;z-index:10000;box-shadow:0 -4px 6px #0000001a}.suggestions-list li{padding:.8rem;cursor:pointer;border-bottom:1px solid #eee}.suggestions-list li:hover{background:#f5f5f5}.item-form{background:#f9f9f9;padding:1rem;border-radius:6px;border:1px solid #eee}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row.actions{align-items:center;justify-content:space-between;margin-bottom:0}.form-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.form-group.small{flex:0 0 80px}.form-group label{font-size:.9rem;color:#555;font-weight:500}.form-group input{padding:.6rem;border:1px solid #ccc;border-radius:4px}.add-item-btn{background-color:var(--primary-blue);color:#fff;padding:.6rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:700}.add-item-btn:hover{filter:brightness(1.1)}.pos-footer{background:white;color:#333;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;box-shadow:0 -2px 10px #0000000d}.total-display{font-size:1.2rem;display:flex;gap:1rem;align-items:center}.total-display .amount{font-weight:700;color:var(--primary-blue);font-size:1.5rem}.complete-sale-btn{background-color:var(--primary-blue);color:#fff;padding:.8rem 2rem;font-size:1.1rem;border:none;border-radius:6px;cursor:pointer;font-weight:700}.complete-sale-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.error-message{color:#ef4444;margin:0 1rem}.success-message{color:#10b981;margin:0 1rem}.btn-secondary{padding:.4rem .8rem;background:#6b7280;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.toggle-switch{position:relative;display:flex;align-items:center;gap:1rem;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:relative;cursor:pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s;width:50px;height:26px;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translate(24px)}.label-text{font-size:1rem;font-weight:700;color:#333}.employees-container{padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.page-header h1{font-size:2.5rem;color:var(--primary-blue);margin:0;white-space:nowrap}.add-btn{background-color:var(--primary-blue);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .2s;font-size:1rem}.add-btn:hover{filter:brightness(1.1)}.employee-form-card{background:var(--white);padding:2rem;border-radius:12px;margin-bottom:2rem;border:1px solid #eee;box-shadow:0 4px 6px #0000000d}.form-section{margin-bottom:2rem;border-bottom:1px solid #eee;padding-bottom:1rem}.form-section h3{color:var(--primary-blue);margin-bottom:1rem}.cancel-btn{background:var(--white);color:var(--primary-blue);border:1px solid var(--primary-blue);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .2s}.cancel-btn:hover{background:#f0f0ff}.form-row{display:flex;gap:1.5rem;flex-wrap:wrap}.form-group{flex:1;min-width:200px;margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;background:var(--white);border:1px solid #ccc;border-radius:6px;color:#333}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input{width:auto}.submit-btn{width:100%;padding:1rem;background:#10B981;color:#fff;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;font-weight:700}.employees-list{overflow-x:auto;width:100%}.employees-list table{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.employees-list th,.employees-list td{padding:1rem;text-align:right;border-bottom:1px solid #eee}.employees-list th{background:var(--white);color:var(--primary-blue);font-weight:700;font-size:1.05rem}.btn-edit{background:var(--white);color:#000;font-weight:700;border:2px solid #ffd700;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:all .2s}.btn-edit:hover{background:#fff9e6}.btn-delete{background:#ef4444;color:var(--white);border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:all .2s}.btn-delete:hover{filter:brightness(1.1)}.btn-details{background:var(--white);color:var(--primary-blue);border:1px solid var(--primary-blue);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s}.btn-details:hover{background:#f0f0ff}.badge{padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.user-badge{background:#3b82f640;color:#60a5fa}.no-user{background:#4b556340;color:#9ca3af}.custom-checkbox{width:20px;height:20px;accent-color:var(--primary-blue);cursor:pointer;border:2px solid var(--primary-blue);outline:none}.accounting-page .tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #eee}.accounting-page .tab-btn{padding:.8rem 2rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1.1rem;cursor:pointer;font-weight:700;color:#666}.accounting-page .tab-btn.active{border-bottom-color:var(--primary-blue);color:var(--primary-blue)}.employee-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.employee-card{padding:1.5rem;background:white;border-radius:8px;box-shadow:0 2px 5px #0000001a}.card-details .detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem}.card-details .highlight{font-weight:700;background:#f9f9f9;padding:.2rem 0}.card-details .total{font-size:1.1rem;font-weight:700;margin-top:.5rem}.stat-card{text-align:center;padding:2rem}.stat-card .stat-value{font-size:2rem;font-weight:700;margin:1rem 0}:root{font-family:Cairo,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;direction:rtl;text-align:right;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-blue: #252772;--white: #ffffff}*,*:before,*:after{box-sizing:border-box}body{margin:0;display:block;min-height:100vh;width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-blue);color:var(--white);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{filter:brightness(1.1)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn-secondary{background-color:var(--white);color:var(--primary-blue);border:1px solid var(--primary-blue)}.btn-secondary:hover{background-color:#f0f0ff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}