@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";*{font-family:Cairo,sans-serif!important;padding:0;margin:0;box-sizing:border-box}body{background-color:#f7f7f7}.app{display:flex;flex-direction:row;min-height:100vh}.sidebar{width:250px;height:100vh;position:fixed;top:0;z-index:1000}.navbar{position:fixed;top:0;height:60px;z-index:999}:dir(ltr) .navbar{left:250px;right:0;width:calc(100% - 250px)}:dir(rtl) .navbar{right:250px;left:0;width:calc(100% - 250px)}.content{flex-grow:1;padding:20px;background-color:#fff;overflow-y:auto;margin-top:60px}:dir(ltr) .content{margin-left:250px;margin-right:0}:dir(rtl) .content{margin-right:250px;margin-left:0}@media(max-width:768px){.navbar{width:100%;left:0;right:0}:dir(ltr) .navbar,:dir(rtl) .navbar{left:0;right:0;width:100%}.content{margin-left:0!important;margin-right:0!important;padding-top:60px}.sidebar{width:0}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5;font-family:Roboto,sans-serif;padding:0}.login-box{background-color:#fff;padding:40px 50px;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:420px;transition:transform .3s ease-in-out}.login-box:hover{transform:translateY(-5px)}h2{text-align:center;font-size:28px;color:#333;margin-bottom:30px;font-weight:700;letter-spacing:1px}.input-group{margin-bottom:30px}.input-group label{display:block;font-size:14px;color:#777;margin-bottom:8px;font-weight:500}.input-group input{width:100%;padding:14px;font-size:16px;border:2px solid #ddd;border-radius:10px;transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 1px 3px #0000001a}.input-group input:focus{border-color:#1e88e5;box-shadow:0 0 10px #1e88e580;outline:none}.login-btn{width:100%;padding:14px;background-color:#1e88e5;color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:0 4px 10px #00000026}.login-btn:disabled{background-color:#bdbdbd;cursor:not-allowed;box-shadow:none}.login-btn:hover:not(:disabled){background-color:#1565c0;transform:translateY(-2px)}@media screen and (max-width:480px){.login-box{padding:30px 40px}h2{font-size:24px}.input-group input{padding:12px}.login-btn{font-size:16px;padding:12px}}.home-page{font-family:Cairo,sans-serif;background-color:#f0f2f5;padding:30px;min-height:calc(100vh - 60px)}.home-page h2{text-align:center;font-size:1rem;color:#1a237e;margin-bottom:40px;font-weight:700;border-bottom:2px solid #e0e0e0;padding-bottom:15px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px}.stat-card{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:3rem;position:absolute;opacity:.1;inset-inline-end:15px;top:15px}.stat-label{font-size:.9rem;color:#6c757d;font-weight:600;margin-bottom:5px}.stat-value{font-size:1.2rem;font-weight:800;color:#343a40;margin-bottom:10px}.stat-footer{border-top:1px solid #e9ecef;padding-top:10px;margin-top:10px}.stat-sub-value{font-size:.85rem;color:#495057;font-weight:500}.stat-card.orders .stat-icon{color:#007bff}.stat-card.revenue .stat-icon{color:#28a745}.stat-card.low-stock .stat-icon{color:#ffc107}.stat-card.orders .stat-value{color:#007bff}.stat-card.revenue .stat-value{color:#28a745}.stat-card.low-stock .stat-value{color:#dc3545}.stat-card.orders .new-orders{color:#28a745}.summary-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.summary-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d;padding:20px}.summary-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e0e0e0;padding-bottom:10px;margin-bottom:15px}.summary-header h3{margin:0;font-size:1.1rem;color:#1a237e;display:flex;align-items:center;gap:8px;font-weight:700}.view-all-btn{background:none;border:none;color:#007bff;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .3s}.view-all-btn:hover{color:#0056b3}.summary-table{width:100%;border-collapse:collapse}.summary-table th,.summary-table td{padding:10px 0;text-align:start;font-size:.9rem}.summary-table th{color:#1a237e;font-weight:600;border-bottom:1px solid #e0e0e0}.summary-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.summary-table tbody tr.clickable-row:hover{background-color:#f5f9ff;cursor:pointer}.status-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600;display:inline-block}.status-new{background-color:#fff3cd;color:#856404}.status-processing{background-color:#cce5ff;color:#004085}.status-completed{background-color:#d4edda;color:#155724}.summary-loading,.summary-error,.summary-no-data{text-align:center;padding:20px;color:#777;font-style:italic}.summary-error{color:#dc3545}.quick-action-list{list-style:none;padding:0;margin:0}.quick-action-list li{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee;font-size:.95rem;font-weight:500;color:#495057;cursor:pointer;transition:background-color .2s,color .2s}.quick-action-list li:last-child{border-bottom:none}.quick-action-list li:hover{background-color:#f5f5f5;color:#1e88e5;padding-inline-start:5px;padding-inline-end:5px;border-radius:4px}.quick-action-list li svg{margin-inline-end:8px;color:#1e88e5}.quick-action-list li svg:last-child{margin-inline-end:0;color:#999;font-size:.7rem}@media(max-width:992px){.summary-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.home-page{padding:15px}.stats-grid{gap:15px}.summary-table thead{display:none}.summary-table tr{display:block;margin-bottom:15px;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 5px #0000000d}.summary-table td{display:block;text-align:end;padding:8px 15px 8px 40%;position:relative}.summary-table td:last-child{border-bottom:none}.summary-table td:before{content:attr(data-label);position:absolute;inset-inline-start:15px;font-weight:600;color:#1a237e;width:35%;text-align:start;font-size:.85rem}}.orders-page{font-family:Cairo,sans-serif;background-color:#f0f2f5;padding:30px;min-height:calc(100vh - 60px)}.page-title{text-align:center;font-size:2.5rem;color:#1a237e;margin-bottom:40px;font-weight:700;border-bottom:2px solid #e0e0e0;padding-bottom:15px}.orders-header{display:flex;justify-content:center;margin-bottom:30px;background-color:#fff;padding:15px;border-radius:12px;box-shadow:0 4px 10px #0000000d}.filter-controls{display:flex;align-items:center;gap:10px}.filter-icon{font-size:1.2rem;color:#1e88e5;margin-inline-end:10px}.filter-btn{padding:8px 15px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;color:#555;cursor:pointer;transition:all .3s;font-weight:500}.filter-btn:hover{background-color:#e0e0e0;border-color:#aaa}.filter-btn.active{background-color:#1e88e5;color:#fff;border-color:#1e88e5;box-shadow:0 2px 5px #1e88e566}.orders-table-container{overflow-x:auto;background-color:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;padding:20px}.orders-table{width:100%;border-collapse:separate;border-spacing:0 10px}.orders-table th{text-align:start;font-size:1rem;color:#1a237e;font-weight:700;padding:10px 15px;border-bottom:2px solid #e0e0e0;cursor:pointer;text-transform:uppercase}.orders-table td{padding:15px;font-size:.95rem;color:#555;background-color:#fcfcfc;border:none;vertical-align:middle;white-space:normal;word-break:break-word}.orders-table th.column-narrow{width:50px;text-align:center}.orders-table td.column-narrow-data{text-align:center;font-weight:700;color:#444}.orders-table tbody tr{transition:background-color .3s,box-shadow .3s;border-radius:10px;box-shadow:0 2px 5px #0000000d}.orders-table tbody tr:hover{background-color:#f5f9ff;box-shadow:0 4px 10px #1e88e51a}.customer-cell{display:flex;align-items:flex-start;gap:8px;font-weight:600}.customer-cell .user-icon{color:#1e88e5;font-size:1.1em;flex-shrink:0}.status-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:5px}.status-new{background-color:#ffe0b2;color:#ff9800}.status-new .icon{color:#ff9800}.status-processing{background-color:#bbdefb;color:#2196f3}.status-processing .icon{color:#2196f3}.status-completed{background-color:#c8e6c9;color:#4caf50}.status-completed .icon{color:#4caf50}.details-btn-table{padding:8px 15px;background-color:#1e88e5;color:#fff;border:none;border-radius:5px;font-size:.9rem;cursor:pointer;transition:background-color .3s}.details-btn-table:hover{background-color:#1565c0}.sort-icon{font-size:.8rem;margin-inline-start:5px;vertical-align:middle;color:#aaa}.no-orders{grid-column:1 / -1;text-align:center;font-size:1.2rem;color:#777;padding:50px;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000000d}.loading-message{grid-column:1 / -1;text-align:center;font-size:1.5rem;color:#1e88e5;padding:30px;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000000d}.error-message{text-align:center;padding:15px;margin:20px 0;background-color:#fce4ec;color:#d81b60;border:1px solid #d81b60;border-radius:8px;font-weight:500}@media(max-width:768px){.orders-table thead{display:none}.orders-table,.orders-table tbody,.orders-table tr,.orders-table td{display:block;width:100%}.orders-table tr{margin-bottom:15px;border-radius:15px;box-shadow:0 8px 20px #0000001a;padding:10px 0;background-color:#fff}.orders-table td{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:start;padding:12px 15px;flex-wrap:wrap;border-bottom:1px solid #f0f0f0}.orders-table td:last-child{border-bottom:none;justify-content:center}.orders-table td:first-child{padding-top:15px}.orders-table td:before{content:attr(data-label) ": ";font-weight:700;color:#1a237e;flex:1 0 40%;text-align:start}.orders-table td>*:not(.icon){flex:1 0 55%;text-align:start;word-break:break-word}.customer-cell{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.customer-cell .user-icon{flex-shrink:0;font-size:1rem;margin-inline-start:0}.details-btn-table{width:100%;margin-top:10px;padding:10px;font-size:.95rem}.filter-controls{flex-wrap:wrap;justify-content:center}}.order-details-page{font-family:Cairo,sans-serif;background-color:#f7f7f7;padding:40px;min-height:100vh}.details-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.page-title-details{font-size:1.3rem;color:#1a237e;font-weight:700}.page-title-details span{color:#1e88e5}.back-btn-glass{display:flex;align-items:center;padding:10px 15px;background:#fff3;color:#1a237e;border:1px solid rgba(255,255,255,.4);border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;font-weight:600;transition:all .3s;gap:8px;box-shadow:0 4px 6px #0000001a}.back-btn-glass:hover{background:#fff6}.details-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.detail-card.glass-card{background:#ffffffe6;padding:30px;border-radius:20px;box-shadow:0 10px 30px #00000026;border:none;transition:transform .3s}.detail-card.glass-card:hover{transform:translateY(-5px)}.qr-card{min-width:200px;max-width:350px;margin:0 auto;text-align:center}.qr-container{display:flex;justify-content:center;align-items:center;padding:20px 0}.qr-image{width:150px;height:150px;object-fit:contain;border:5px solid white;border-radius:5px;box-shadow:0 0 10px #0000001a}.items-card{grid-column:1 / -1}.card-title-details{font-size:1.2rem;color:#1a237e;margin-bottom:25px;font-weight:700;padding-bottom:10px;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.note-section{margin-top:20px;padding:15px;border-radius:10px;background-color:#fff3cd;border:1px solid #ffe0a5;font-size:.9rem}.note-section strong{color:#856404;margin-inline-end:5px}.info-list p{display:flex;align-items:center;gap:10px;margin:15px 0;font-size:1rem;color:#444}.info-list strong{color:#1a237e;font-weight:600;flex-shrink:0}.info-list .icon{color:#1e88e5;flex-shrink:0;font-size:1rem}.status-row{margin-top:20px!important;padding-top:15px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.status-badge-details{padding:7px 15px;border-radius:25px;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center}.summary-title .summary-icon{font-size:1.2rem;opacity:.8}.status-new .summary-icon{color:#ff9800}.status-processing .summary-icon{color:#2196f3}.status-completed .summary-icon{color:#4caf50}.pricing-list p{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dotted #e0e0e0;font-size:1rem;color:#555}.pricing-list p span{font-weight:600}.grand-total-row{font-size:1rem!important;font-weight:800!important;color:#1a237e!important;padding-top:20px!important;border-top:3px solid #1e88e5!important;margin-top:15px!important;display:flex;align-items:center;justify-content:space-between}.grand-total-row .icon{color:#4caf50;font-size:1.5rem;margin-inline-end:10px}.items-table{width:100%;border-collapse:separate;border-spacing:0 8px}.items-table th{padding:12px 15px;text-align:start;background-color:#f7f7f7;color:#1a237e;font-size:.95rem;font-weight:700;text-transform:uppercase;border-bottom:2px solid #e0e0e0}.items-table td{padding:15px;font-size:.9rem;background-color:#fff;border:none;box-shadow:0 1px 3px #0000000d;transition:background-color .3s}.items-table tbody tr:hover td{background-color:#f5f9ff}.loading-message-details{text-align:center;padding:50px;font-size:1.5rem;color:#1e88e5}.order-details-error{text-align:center;padding:50px;margin:50px auto;max-width:600px;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000000d}@media(max-width:768px){.order-details-page{padding:20px}.details-content-grid{gap:20px}}@media(max-width:600px){.details-header-bar{flex-direction:column;align-items:flex-start;gap:15px}.page-title-details{font-size:1.5rem}.items-table thead{display:none}.items-table,.items-table tbody,.items-table tr,.items-table td{display:block;width:100%;text-align:end}.items-table tr{margin-bottom:15px;box-shadow:0 4px 10px #0000001a;border-radius:10px}.items-table td{border-bottom:1px solid #eee;position:relative;padding-inline-start:45%}.items-table td:last-child{border-bottom:none}.items-table td:before{position:absolute;inset-inline-start:15px;font-weight:700;color:#1a237e;max-width:40%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.items-table td:nth-child(1):before{content:"#"}.items-table td:nth-child(2):before{content:"المنتج:"}.items-table td:nth-child(3):before{content:"الكمية:"}.items-table td:nth-child(4):before{content:"سعر الوحدة:"}.items-table td:nth-child(5):before{content:"الإجمالي:"}}.pagination-container{display:flex;justify-content:center;align-items:center;list-style:none;padding:15px 0;margin-top:20px;-webkit-user-select:none;user-select:none}.pagination-item{margin:0 4px;height:35px;min-width:35px;padding:0 8px;display:flex;justify-content:center;align-items:center;line-height:35px;text-align:center;border-radius:8px;cursor:pointer;background-color:#fff;border:1px solid #ccc;transition:all .2s ease-in-out;font-weight:500;font-size:.95rem}.page-btn:hover{background-color:#f0f0f0}.pagination-item.active{background-color:#1e88e5;color:#fff;border-color:#1e88e5;pointer-events:none}.pagination-item.dots{cursor:default;background-color:transparent;border:none;color:#777;padding:0 10px}.pagination-item.control-btn{background-color:#1a237e;color:#fff;border:none;font-size:1.1rem}.pagination-item.control-btn:hover:not(.disabled){background-color:#0d123d}.pagination-item.disabled{opacity:.5;cursor:not-allowed;background-color:#ccc;color:#777}.products-page{font-family:Cairo,sans-serif;background-color:#f0f2f5;padding:30px;min-height:calc(100vh - 60px)}.page-title{text-align:center;font-size:1rem;color:#1a237e;margin-bottom:40px;font-weight:700;border-bottom:2px solid #e0e0e0;padding-bottom:15px}.products-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:15px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d}.search-box{display:flex;align-items:center;border:1px solid #ccc;border-radius:8px;padding:8px 12px;background-color:#f9f9f9;flex-grow:1;max-width:400px}.search-icon{color:#1e88e5;margin-inline-end:10px;font-size:1rem}.search-box input{border:none;outline:none;background:transparent;font-size:.9rem;width:100%}.add-product-btn{display:flex;align-items:center;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s;gap:8px}.add-product-btn:hover{background-color:#388e3c}.products-table-container{overflow-x:auto;background-color:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;padding:20px}.products-table{width:100%;border-collapse:separate;border-spacing:0 10px}.products-table th{text-align:start;font-size:.9rem;color:#1a237e;font-weight:700;padding:10px 15px;border-bottom:2px solid #e0e0e0;cursor:pointer;text-transform:uppercase}.products-table td{padding:15px;font-size:.9rem;color:#555;background-color:#fcfcfc;border:none;vertical-align:middle;white-space:normal;word-break:break-word}.products-table tbody tr{transition:background-color .3s,box-shadow .3s;border-radius:10px;box-shadow:0 2px 5px #0000000d}.products-table tbody tr:hover{background-color:#f5f9ff;box-shadow:0 4px 10px #1e88e51a}.products-table th.column-image{width:80px;text-align:center}.products-table td.image-cell{text-align:center}.product-thumb{width:50px;height:50px;object-fit:cover;border-radius:5px;box-shadow:0 1px 3px #0000001a}.no-image-placeholder{width:50px;height:50px;line-height:50px;background-color:#f0f0f0;color:#999;font-size:.6rem;border-radius:5px;margin:0 auto}.product-icon,.price-icon{color:#1e88e5;margin-inline-end:8px}.product-row td:nth-child(3){font-weight:600;color:#333}.stock-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:5px}.stock-badge .icon{font-size:.8rem}.status-out-stock{background-color:#fce4ec;color:#d81b60}.status-low-stock{background-color:#fffde7;color:#ffc107}.status-in-stock{background-color:#e8f5e9;color:#4caf50}.status-active-sale{color:#1e88e5;font-weight:600}.status-inactive-sale{color:#777;font-weight:500;font-style:italic}.edit-btn{padding:6px 12px;background-color:#1e88e5;color:#fff;border:none;border-radius:5px;font-size:.8rem;cursor:pointer;transition:background-color .3s}.edit-btn:hover{background-color:#1565c0}.column-narrow{width:50px;text-align:center}.column-narrow-data{text-align:center;font-weight:700}.loading-message,.error-message,.no-products{text-align:center;padding:30px;margin-top:20px;border-radius:15px;background-color:#fff;box-shadow:0 4px 10px #0000000d;font-size:1rem;color:#1e88e5}.error-message{color:#d81b60;background-color:#fce4ec;border:1px solid #d81b60}.no-products{color:#777;font-style:italic}@media(max-width:768px){.products-controls{flex-direction:column;align-items:stretch;gap:15px}.search-box{max-width:100%}.products-table thead{display:none}.products-table,.products-table tbody,.products-table tr,.products-table td{display:block;width:100%;text-align:end}.products-table tr{margin-bottom:15px;box-shadow:0 4px 10px #0000001a;border-radius:10px;padding:5px 0}.products-table td{border-bottom:1px solid #f0f0f0;position:relative;padding:10px 15px 10px 55%;white-space:normal;word-break:break-word}.products-table td:last-child{border-bottom:none;text-align:center;padding:15px 0;padding-inline-start:0}.products-table td:first-child{display:none}.products-table td.image-cell{display:block;text-align:center;padding:10px 15px;border-bottom:1px solid #f0f0f0}.products-table td.image-cell:before{display:none}.products-table td:before{content:attr(data-label);position:absolute;inset-inline-start:15px;font-weight:700;color:#1a237e;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.products-table td:nth-child(3):before{content:"اسم المنتج:"}.products-table td:nth-child(4):before{content:"السعر:"}.products-table td:nth-child(5):before{content:"الكمية:"}.products-table td:nth-child(6):before{content:"الضريبة:"}.products-table td:nth-child(7):before{content:"إجمالي المبيعات:"}.products-table td:nth-child(8):before{content:"الحالة:"}.products-table td:nth-child(9):before{content:"الإجراءات:"}.products-table td:last-child:before{content:"";display:none}}.new-item-page-container{font-family:Cairo,sans-serif;background:linear-gradient(180deg,#f7f9fc,#eef1f7);padding:40px;min-height:100vh}.item-form{max-width:1400px;margin:0 auto}.page-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.page-main-title{font-size:1.2rem;font-weight:800;color:#1a237e;letter-spacing:.5px;margin:0}.save-button{padding:12px 30px;background-color:#42a5f5;color:#fff;border:none;border-radius:12px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 10px #42a5f533}.save-button:hover:not(:disabled){background-color:#1e88e5;box-shadow:0 8px 20px #42a5f580;transform:translateY(-2px)}.save-button:disabled{opacity:.6;background-color:#b3c8e5;cursor:not-allowed}.select-input{padding:12px 14px;border:1px solid #e0e4eb;border-radius:10px;font-size:1rem;box-shadow:inset 0 1px 3px #0000000d;appearance:none}.select-input:focus{border-color:#42a5f5;outline:none;box-shadow:0 0 0 4px #42a5f533}.select-input option{padding:12px 14px}.input-field-group label{font-size:1rem;color:#1e237d;font-weight:600;margin-bottom:8px}.main-info-card{background-color:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:35px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px 40px}.input-field-group{display:flex;flex-direction:column;margin-bottom:15px}.input-field-group label{font-size:.9rem;color:#1e237d;font-weight:600;margin-bottom:8px}.text-input,.custom-select{width:100%;padding:12px 14px;border:1px solid #e0e4eb;border-radius:8px;font-size:1rem;box-shadow:inset 0 1px 3px #0000000d;background-color:#fff;cursor:pointer;appearance:none}.grid-item-switches{display:flex;flex-direction:column;justify-content:center;gap:15px;min-height:80px}.text-input:focus{border-color:#42a5f5;outline:none;box-shadow:0 0 0 4px #42a5f533}.error-message{font-size:.85rem;color:#dc3545;margin-top:5px}.form-control-label-custom{display:flex;align-items:center;gap:10px}input[type=checkbox]{width:20px;height:20px;border-radius:4px;border:2px solid #42a5f5;cursor:pointer;transition:all .3s ease}input[type=checkbox]:checked{background-color:#42a5f5;border-color:#42a5f5;box-shadow:0 0 0 4px #42a5f533}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 4px #42a5f533}input[type=checkbox]:hover{background-color:#1e88e5}.units-header-stack{padding:0 10px;margin-bottom:20px}.units-title{font-size:1.6rem;color:#1a237e}.add-unit-button{border:2px dashed #4caf50;color:#4caf50;padding:8px 20px;border-radius:25px;font-weight:700;transition:all .2s}.add-unit-button:hover{background-color:#e8f5e9;box-shadow:0 2px 5px #4caf5033}.units-table-header{display:grid;grid-template-columns:40px 1.5fr 1fr repeat(3,1.2fr) 40px 2.5fr;gap:15px;padding:15px;background-color:#1e88e5;color:#fff;border-radius:12px 12px 0 0;font-weight:700;font-size:.9rem;text-align:center;align-items:center}.units-table-header>div:not(.col-num,.col-delete){text-align:start}.unit-row-card{background-color:#fff;padding:15px 10px;box-shadow:0 1px 3px #0000000d;margin-bottom:5px;border-bottom:1px solid #f0f0f0}.unit-row-card:last-of-type{border-radius:0 0 12px 12px}.unit-row-grid{display:grid;grid-template-columns:40px 1.5fr 1fr repeat(3,1.2fr) 40px 2.5fr;gap:15px;align-items:center}.unit-row-card .col-num{font-weight:700;color:#1e88e5;justify-content:center;font-size:1rem}.unit-row-card .col-delete{justify-content:center}.col-barcode-section{grid-column:1 / -1;padding:15px 0;margin-top:15px;background-color:#fafbff;border-radius:8px;padding-inline-start:15px;padding-inline-end:15px}.barcode-input-row{margin-bottom:10px}.barcode-display{border:1px solid #d0d5dd;background-color:#fff;padding:3px;border-radius:4px}@media(max-width:900px){.main-info-card{padding:20px}.info-grid{grid-template-columns:1fr;gap:15px}.units-table-header{display:none}.unit-row-card{margin-bottom:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.unit-row-grid{display:flex;flex-direction:column;gap:10px}.unit-row-grid>div{width:100%;padding-inline-end:0;margin-bottom:5px;flex-direction:column;align-items:flex-start}.unit-row-card .col-num{order:-2;font-size:1.3rem;padding-bottom:10px;border-bottom:1px dashed #eee;margin-bottom:10px}.col-barcode-section{order:98;width:100%;padding-top:10px;margin-top:10px;border-top:1px dashed #eee}.col-delete{order:99;justify-content:flex-end;padding-top:10px;border-top:1px dashed #eee}}.store-identity-page{font-family:Cairo,sans-serif;background:linear-gradient(180deg,#f7f9fc,#eef1f7);padding:40px;min-height:calc(100vh - 60px)}.identity-form{max-width:1200px;margin:0 auto}.page-title{font-size:2rem;color:#1a237e;margin-bottom:40px;font-weight:700;border-bottom:2px solid #e0e0e0;padding-bottom:15px;display:flex;align-items:center;gap:10px}.title-icon{color:#007bff}.identity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.grid-item.full-width{grid-column:1 / -1}.upload-field-container{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 15px #00000014;height:100%;min-height:250px}.upload-title{font-size:1.15rem;color:#1a237e;font-weight:600;margin-bottom:20px}.file-input-hidden{display:none}.drop-area{border:3px dashed #bbdefb;border-radius:10px;height:200px;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;background-color:#fcfcfc;transition:all .3s;cursor:pointer;overflow:hidden;position:relative}.drop-area:hover{border-color:#42a5f5;background-color:#f0f8ff}.upload-label{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;cursor:pointer;color:#007bff;gap:10px}.upload-icon{font-size:2.5rem;color:#1e88e5}.example-image{max-width:80%;max-height:100px;object-fit:contain;opacity:.7;transition:opacity .3s}.drop-area:hover .example-image{opacity:.9}.upload-specs{font-size:.85rem;color:#6c757d;margin-top:5px}.file-preview{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;background-color:#fff}.preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.remove-btn{position:absolute;top:10px;right:10px;background-color:#dc3545;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s;z-index:10}.remove-btn:hover{background-color:#c82333}.save-button-container{margin-top:40px;text-align:center}.save-button-id{padding:12px 40px;background-color:#28a745;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px #28a7454d}.save-button-id:hover:not(:disabled){background-color:#1e7e34;transform:translateY(-2px);box-shadow:0 6px 15px #28a74580}.save-button-id:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.store-identity-page{padding:15px}.identity-grid{grid-template-columns:1fr}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;color:#000;width:calc(100% - 250px);position:fixed;top:0;z-index:999}:dir(ltr) .navbar{left:250px;right:auto}:dir(rtl) .navbar{right:250px;left:auto}@media(max-width:768px){.navbar{width:100%;left:0;right:0;padding:10px 15px}:dir(rtl) .navbar{left:0;right:0}:dir(ltr) .navbar{left:0;right:0}}.navbar-left,.navbar-right{display:flex;align-items:center}.navbar-icon{background:none;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.language-circle{width:40px;height:40px;border-radius:50%;border:2px solid #E8F9FF;display:flex;justify-content:center;align-items:center;color:#007bff;font-weight:700;font-size:16px;cursor:pointer}.navbar-title{font-size:24px}.sidebar{width:250px;height:100vh;background-color:#fff;color:#555;position:fixed;top:0;padding:20px;transition:none;border-radius:0;box-shadow:0 4px 6px #0000001a;z-index:1000}:dir(rtl) .sidebar{right:0;left:auto}:dir(ltr) .sidebar{left:0;right:auto}.sidebar-logo{display:flex;justify-content:center;margin-bottom:30px}.sidebar-logo img{width:100px}.sidebar ul{list-style-type:none;padding:0}.sidebar li{display:flex;align-items:center;margin:15px 0;font-size:18px;cursor:pointer;padding:10px 15px;border-radius:8px;transition:background-color .3s ease}.sidebar li:hover{background-color:#f0f0f0}.sidebar li.active{background-color:#e8f9ff;color:#007bff;font-weight:600;position:relative}:dir(rtl) .sidebar-icon{margin-left:10px;margin-right:0}:dir(ltr) .sidebar-icon{margin-right:10px;margin-left:0}:dir(rtl) .sidebar li.active:after{content:" ";position:absolute;width:4px;height:100%;border-radius:0 8px 8px 0;background-color:#007bff;right:0;top:0}:dir(ltr) .sidebar li.active:after{content:" ";position:absolute;width:4px;height:100%;border-radius:8px 0 0 8px;background-color:#007bff;left:0;top:0}@media(max-width:768px){.sidebar{display:none}}.categories-page{font-family:Cairo,sans-serif;background-color:#f0f2f5;padding:30px;min-height:calc(100vh - 60px)}.categories-page h2{text-align:center;font-size:1rem;color:#1a237e;margin-bottom:40px;font-weight:700;border-bottom:2px solid #e0e0e0;padding-bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px}.category-actions-bar{display:flex;justify-content:flex-start;margin-bottom:30px;padding:15px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d}.add-btn{display:flex;align-items:center;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s;gap:8px}.add-btn:hover{background-color:#388e3c}.categories-table-container{overflow-x:auto;background-color:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;padding:20px}.categories-table{width:100%;border-collapse:separate;border-spacing:0 10px;font-size:.95rem}.categories-table th{text-align:start;font-size:.9rem;color:#1a237e;font-weight:700;padding:10px 15px;border-bottom:2px solid #e0e0e0;cursor:pointer;text-transform:uppercase}.categories-table td{padding:15px;font-size:.9rem;color:#555;background-color:#fcfcfc;border:none;vertical-align:middle;white-space:normal;word-break:break-word}.categories-table tbody tr{transition:background-color .3s,box-shadow .3s;border-radius:10px;box-shadow:0 2px 5px #0000000d}.categories-table tbody tr:hover{background-color:#f5f9ff;box-shadow:0 4px 10px #1e88e51a}.column-narrow{width:50px;text-align:center!important}.column-narrow-data{text-align:center!important;color:#333;font-weight:700}.sort-icon{font-size:.7rem;margin-inline-start:5px;vertical-align:middle;color:#aaa}.edit-btn-table,.delete-btn-table{padding:6px 12px;border:none;border-radius:5px;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background-color .3s;margin:0 4px}.edit-btn-table{background-color:#1e88e5;color:#fff}.edit-btn-table:hover{background-color:#1565c0}.delete-btn-table{background-color:#dc3545;color:#fff}.delete-btn-table:hover{background-color:#c82333}.loading-message,.no-categories{text-align:center;padding:30px;margin-top:20px;border-radius:15px;background-color:#fff;box-shadow:0 4px 10px #0000000d;font-size:1rem;color:#1e88e5}.no-categories{color:#777;font-style:italic}.error-message{color:#d81b60;background-color:#fce4ec;border:1px solid #d81b60;padding:15px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 8px 25px #0006;width:90%;max-width:500px;animation:fadeIn .3s ease-out}.modal h3{margin-top:0;margin-bottom:20px;color:#1a237e;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.cancel-btn,.confirm-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.cancel-btn{background-color:#9e9e9e;color:#fff}.cancel-btn:hover{background-color:#757575}.confirm-btn{background-color:#4caf50;color:#fff}.confirm-btn:hover{background-color:#388e3c}.confirm-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.saving-message{text-align:end;color:#1e88e5;margin-top:10px}.error-message-form{color:#dc3545;margin-top:10px;text-align:end}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.categories-page{padding:15px}.categories-page h2{display:none}.category-actions-bar{justify-content:center}.categories-table thead{display:none}.categories-table,.categories-table tbody,.categories-table tr,.categories-table td{display:block;width:100%}.categories-table tr{margin-bottom:15px;box-shadow:0 4px 10px #0000001a;border-radius:10px;padding:5px 0}.categories-table td{border-bottom:1px solid #f0f0f0;position:relative;padding:10px 15px 10px 55%;text-align:end}.categories-table td:last-child{border-bottom:none;text-align:center;padding:15px 0;padding-inline-start:0}.column-narrow-data{display:none!important}.categories-table td:before{content:attr(data-label);position:absolute;inset-inline-start:15px;font-weight:700;color:#1a237e;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.categories-table td:last-child:before{content:"";display:none}.modal{padding:20px}.modal-actions{flex-direction:column-reverse}.cancel-btn,.confirm-btn{width:100%;padding:12px 20px}}