@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700;900&display=swap);.btn-back,.form-input{border:1px solid #ddd}.btn,.btn-add,.search-input,body{font-family:Cairo,sans-serif}.fav-float,.preview-container,.product-card h4,.product-desc,.search-container,.whatsapp-float,header,td,th{text-align:center}.form-input,.modal,.preview-desc,.preview-img-box,.product-card{box-sizing:border-box}.admin-table,.invoice-table,.procurement-table,table{border-collapse:collapse}body{direction:rtl;margin:0;padding-bottom:100px;background-color:#f8f8f8}header{background:#f8f8f8;padding:20px}header .logo{max-height:50px}.marquee-container{background:#c8a76a;color:#000;padding:5px;overflow:hidden;white-space:nowrap}.marquee{display:inline-block;animation:15s linear infinite marquee}@keyframes marquee{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.header-nav{background:#fff;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.admin-header,.section-header{justify-content:space-between}.btn-back{text-decoration:none;color:#333;font-weight:700;padding:5px 15px;border-radius:5px;font-size:.9rem}.section-header{display:flex;background:0 0;border:none;box-shadow:none;border-bottom:2px solid #eee;border-right:6px solid #1a2a3a;padding-bottom:10px;margin-bottom:15px;margin-left:10px;margin-top:10px}.section-header h3{font-size:1.2rem;color:#1a2a3a;font-weight:800}.section-header button{background:#fff;border:1px solid #1a2a3a;color:#1a2a3a;border-radius:10px;transition:.3s}.admin-table th,.section-header button:hover{background:#1a2a3a;color:#fff}.products-row{display:flex;overflow-x:auto;gap:10px;padding:10px 5px;scroll-behavior:smooth;scrollbar-width:thin}.products-row::-webkit-scrollbar{height:5px}.products-row::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.products-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px}.product-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);padding:12px;display:flex;flex-direction:column;justify-content:space-between;position:relative;margin-bottom:15px;border:1px solid #f0f0f0;transition:.3s;width:calc(50% - 10px);overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1);border-color:#c8a76a}.products-row .product-card{min-width:170px;max-width:170px;width:170px;margin-bottom:0}.product-card img{width:100%;height:150px;object-fit:contain;background-color:#f9f9f9;border-radius:8px;padding:5px;margin-bottom:10px;mix-blend-mode:multiply}.product-card h4{font-size:.95rem;color:#333;margin:5px 0;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-desc{font-size:.75rem;color:#777;margin-bottom:8px}.price-box{display:flex;justify-content:center;align-items:baseline;gap:5px;margin-bottom:5px}.new-price{color:#1a2a3a;font-size:1.1rem;font-weight:900}.btn-add,.cart-count,.cart-name{font-weight:700}.old-price{font-size:.8rem;color:#aaa;text-decoration:line-through}.fav-float,.logo-container,.nav-item,.whatsapp-float{text-decoration:none}.qty-label{font-size:.7rem;color:#28a745;background:#e8f5e9;padding:2px 8px;border-radius:5px;margin:0 auto 10px;width:fit-content;display:block}.btn-add,.cats-float{background:linear-gradient(45deg,#1a2a3a,#2c3e50)}.btn-add,.cart-float,.cats-float{display:flex;color:#fff;cursor:pointer}.product-card p{margin:2px 0;font-size:.75rem!important}.btn-add{border:none;padding:8px 15px;width:100%;border-radius:5px;font-size:.9rem;margin-top:auto;transition:.3s;align-items:center;justify-content:center;gap:5px}.btn-add:hover{background:linear-gradient(45deg,#c8a76a,#d4b06a);transform:scale(1.02)}.cart-float,.cats-float{position:fixed;bottom:20px;width:50px;height:50px;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:1000;justify-content:center;align-items:center;font-size:24px;transition:transform .2s}.cats-float{left:20px;z-index:2000}.cart-float{right:20px;background:#fff}.logo-container:hover,.size-btn:hover{background:#1a2a3a;border-color:#1a2a3a}.cart-float:active,.cats-float:active{transform:scale(.9)}.fav-btn:hover,.fav-float:hover,.whatsapp-float:hover{transform:scale(1.1)}.cart-count{position:absolute;top:-5px;left:-5px;background:#1a2a3a;color:#fff;border-radius:50%;padding:3px 9px;font-size:11px}.cats-menu-container{display:none;position:fixed;background:#fff;min-width:200px;max-height:60vh;overflow-y:auto;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:1001;padding:5px 0;animation:.3s slideUp;border:1px solid #eee}.cats-menu-container a{display:block;padding:12px 15px;color:#333;text-decoration:none;border-bottom:1px solid #f0f0f0;font-size:.95rem}.cats-menu-container a:hover{background:#f8f9fa;color:#1a2a3a;padding-right:20px;transition:.2s}.cats-menu-container h4{margin:0;padding:10px;text-align:center;background:#f1f1f1;font-size:1rem;color:#555;border-bottom:2px solid #1a2a3a}.modal{align-items:center;justify-content:center;padding-bottom:20px}.modal-content{border:1px solid #888;position:relative;display:flex;flex-direction:column;cursor:pointer}#cartItems{overflow-y:auto;flex-grow:1;margin-bottom:15px;padding:5px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.cart-item,.qty-group{display:flex;align-items:center}.cart-item{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:10px;margin-bottom:10px;box-shadow:0 2px 5px rgba(0,0,0,.03);transition:transform .2s;position:relative}.cart-item img{width:70px;height:70px;object-fit:cover;border-radius:8px;border:1px solid #eee;margin-left:10px;background-color:#f9f9f9}.cart-details{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.cart-name{font-size:.9rem;color:#1a2a3a;margin:0;line-height:1.2}.cart-size{font-size:.75rem;color:#d00000;font-weight:400}.cart-price,.qty-btn,.qty-num{font-weight:700}.cart-price{font-size:.85rem;color:#555}.cart-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:80px}.qty-group{background:#f4f4f4;border-radius:20px;padding:2px}.qty-btn,.whatsapp-float{display:flex;align-items:center}.qty-btn{width:28px;height:28px;border:none;background:#fff;border-radius:50%;color:#1a2a3a;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);justify-content:center;font-size:1rem}.qty-num,td,th{font-size:.9rem}.qty-num{padding:0 10px;color:#333}.tools-group{display:flex;gap:10px}.tool-btn{background:0 0;border:none;cursor:pointer;font-size:1.1rem;color:#888;transition:.2s;padding:0}.tool-btn.delete:hover{color:#dc3545}.tool-btn.view:hover{color:#007bff}.form-input{width:100%;padding:10px;margin:5px 0;border-radius:4px}.search-input,td,th{border:1px solid #ddd}.panel{box-shadow:0 2px 5px rgba(0,0,0,.05)}table{width:100%;margin-top:10px;background:#fff}td,th{padding:10px}th{background-color:#333;color:#fff}@media (min-width:768px){.products-grid{gap:15px;justify-content:flex-start}.product-card{width:200px;padding:10px}.products-row .product-card{min-width:200px;max-width:200px;width:200px}.product-card img{height:160px}.product-card h4{font-size:1rem}}.search-container{margin:10px auto;max-width:500px;display:flex;justify-content:center;gap:5px;padding:0 10px}.search-input{width:100%;padding:10px;border-radius:5px}.search-btn{padding:10px 15px;background:#fff;color:#1a2a3a;border:1px solid #1a2a3aa4;border-radius:5px;cursor:pointer}.whatsapp-float{position:fixed;bottom:80px;right:20px;background-color:#25d366;color:#fff;width:50px;height:50px;border-radius:50%;font-size:30px;box-shadow:2px 2px 3px #999;z-index:1000;justify-content:center;transition:transform .3s}.logo-text-sam,.logo-text-store{font-family:Cairo,sans-serif;font-size:28px;text-transform:uppercase}.logo-container{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:2px solid #1a2a3a;padding:5px 15px;border-radius:4px;transition:.3s}.logo-text-sam{font-weight:900;color:#1a2a3a;letter-spacing:1px}.logo-text-store{font-weight:300;color:#c8a76a}.admin-body,.btn-modal,.size-btn{font-family:Almarai,sans-serif}.logo-container:hover .logo-text-sam{color:#fff}.size-btn{padding:10px 20px;border:2px solid #ddd;background:#fff;cursor:pointer;border-radius:5px;font-weight:700;transition:.2s}.size-btn:hover{color:#fff}.fav-btn{position:absolute;top:10px;left:10px;width:35px;height:35px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;border:none;z-index:10;transition:transform .2s;padding:0}.center-fab,.fav-count,.fav-float{border-radius:50%}.fav-btn i{font-size:18px;color:#ccc;transition:color .2s}.fav-btn.active i{color:#e74c3c;font-weight:900}.fav-float{position:fixed;bottom:140px;right:20px;background-color:#e74c3c;color:#fff;width:50px;height:50px;font-size:24px;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:1000;display:flex;align-items:center;justify-content:center;transition:transform .3s}.fav-float:hover{color:#fff}.fav-count{position:absolute;top:-5px;left:-5px;background:#1a2a3a;color:#fff;padding:1px 8px;font-size:11px;font-weight:700;border:1px solid #fff}.preview-container{display:flex;flex-direction:column;align-items:center}.center-fab,.preview-img-box{align-items:center;display:flex}.preview-img-box{width:100%;height:220px;background-color:#f9f9f9;border-radius:12px;margin-bottom:15px;justify-content:center;border:1px solid #eee;padding:10px}.preview-img-box img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.preview-title{font-size:1.2rem;font-weight:800;color:#1a2a3a;margin:5px 0}.preview-price{font-size:1.4rem;color:#d00000;font-weight:900;margin-bottom:15px}.preview-desc{background-color:#f4f6f8;padding:12px;border-radius:8px;color:#555;font-size:.9rem;line-height:1.5;width:100%;text-align:right;margin-bottom:20px;border:1px dashed #ccc;max-height:100px;overflow-y:auto}.empty-message,.invoice-header,.invoice-table,.modal-title,.track-box{text-align:center}.preview-actions{display:flex;gap:10px;width:100%}.btn-modal{flex:1;padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem;transition:.2s;display:flex;align-items:center;justify-content:center;gap:5px}.btn-close-action{background-color:#6c757d;color:#fff}.btn-remove-action{background-color:#ffebee;color:#d32f2f;border:1px solid #ffcdd2}.btn-close-action:hover{background-color:#5a6268}.btn-remove-action:hover{background-color:#ffcdd2}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:65px;background-color:#1a2a3a;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:9999;border-top-left-radius:15px;border-top-right-radius:15px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aab0b6;font-size:.75rem;cursor:pointer;width:20%;transition:.3s}.location-btn,.tab-btn{cursor:pointer;transition:.2s}.nav-item i{font-size:1.2rem;margin-bottom:3px}.nav-item:active,.nav-item:hover{color:#c8a76a}.center-fab-container{position:relative;top:-25px}.center-fab{width:60px;height:60px;background:linear-gradient(45deg,#c8a76a,#e0c080);justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.3);border:5px solid #f8f8f8;color:#1a2a3a;font-size:1.4rem;position:relative}.nav-cart-count{position:absolute;top:0;right:0;background-color:#d00000;color:#fff;font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.cats-menu-container{bottom:75px;left:10px;border-bottom-left-radius:0}.admin-body{background-color:#f0f2f5;margin:0;padding:10px;color:#333;direction:rtl}.btn,.tab-btn{font-family:inherit}.panel,.tab-btn{background:#fff}.admin-container{max-width:1200px;margin:0 auto}.admin-h1,.admin-h2,.admin-h3{margin:0;color:#1a2a3a}.admin-h2{color:#1a2a3a}.admin-header{display:flex;align-items:center;margin-bottom:20px}.tabs-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:15px;scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none}.tab-btn{padding:10px 20px;border:1px solid #ddd;border-radius:8px;white-space:nowrap;font-weight:700;color:#555}.tab-btn.active{background:#1a2a3a;color:#fff;border-color:#1a2a3a}.tab-content{display:none}.admin-table-responsive,.tab-content.active{display:block}.panel{border-radius:10px;padding:15px;box-shadow:0 2px 10px rgba(0,0,0,.03);margin-bottom:20px}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}.btn{padding:8px 15px;border-radius:6px;cursor:pointer;border:none;color:#fff;font-size:.9rem;margin:2px}.btn-green{background:#28a745}.btn-orange{background:#fd7e14}.btn-red{background:#dc3545}.btn-blue{background:#007bff}.admin-input,.admin-select,.admin-textarea{width:100%;padding:10px;margin:5px 0;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:1rem}#invoice-area,.notes-textarea{font-family:Almarai,sans-serif}.search-bar{width:100%;padding:12px;border:2px solid #1a2a3a;border-radius:8px;margin-bottom:20px;font-size:1rem}.admin-form-inline{display:inline}.admin-table{width:100%;margin-top:10px;table-layout:fixed}.admin-table td,.admin-table th{padding:12px;border-bottom:1px solid #eee;text-align:center;vertical-align:middle;word-wrap:break-word}.admin-table .thumb{width:50px;height:50px;border-radius:5px;object-fit:cover}.modal{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);align-items:center;justify-content:center}.modal-content{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.close{float:left;font-size:24px;cursor:pointer}.admin-label{display:block;margin-top:10px;font-weight:700;color:#555;font-size:.9rem}@media screen and (max-width:768px){.admin-header{flex-direction:column-reverse;gap:10px;align-items:center!important}.admin-header .admin-h2{font-size:1.5rem;margin-bottom:5px}.admin-header .btn-red{width:100%;text-align:center;padding:10px}.admin-table,.admin-table tbody,.admin-table td,.admin-table th,.admin-table thead,.admin-table tr{display:block}.admin-table thead tr{position:absolute;top:-9999px;left:-9999px}.admin-table tr{background:#fff;margin-bottom:15px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid #e0e0e0;padding:15px}.admin-table td{border:none;border-bottom:1px dashed #eee;padding:10px 0;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:.95rem}.admin-table td:last-child{border-bottom:none}.admin-table td:before{content:attr(data-label);font-weight:700;color:#777;margin-left:10px;white-space:nowrap}.admin-table td[data-label=العميل],.admin-table td[data-label=المنتجات]{display:block;text-align:right;background-color:#f9f9f9;padding:10px;border-radius:8px;margin-top:5px;line-height:1.8}.admin-table td[data-label=العميل]:before,.admin-table td[data-label=المنتجات]:before{display:block;margin-bottom:5px;border-bottom:1px solid #ddd;width:100%}.admin-table td[data-label=صورة]{justify-content:center;border-bottom:none}.admin-table td[data-label=المنتج]:before,.admin-table td[data-label=تحكم]:before,.admin-table td[data-label=صورة]:before{display:none}.admin-table td[data-label=المنتج]{display:block;text-align:center;font-size:1.1rem}.admin-table td[data-label=تحكم]{display:flex;gap:10px;margin-top:10px;border-top:1px solid #eee;padding-top:15px}.admin-table td[data-label=تحكم] button,.admin-table td[data-label=تحكم] form{flex:1;width:100%}.admin-table .btn{width:100%;padding:10px;font-size:1rem}.admin-table td[data-label=الحالة]{display:block;text-align:right}.admin-table td[data-label=الحالة] select{width:100%;margin-top:5px;padding:10px}}.procurement-supplier-block{margin-bottom:20px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.procurement-supplier-header{background:#1a2a3a;color:#fff;padding:10px;font-weight:700}.procurement-table{width:100%;background:#fff;border-radius:8px;overflow:hidden}.procurement-table thead tr{background:#f9f9f9;border-bottom:2px solid #eee}.procurement-table th{color:#333;background:#eee}.procurement-table tr{border-bottom:1px solid #eee}.procurement-table td{padding:10px}.procurement-table .product-name{font-weight:700;color:#1a2a3a}.procurement-table .size{color:#d00000;font-weight:700}.procurement-table .quantity{font-size:1.1rem;font-weight:900}.category-title{color:#1a2a3a;margin-top:10px}.spacer-20{height:20px}.empty-message{padding:50px;color:#777}.modal-footer{margin-top:auto}.form-group-relative{position:relative;margin-bottom:5px}.input-with-icon{padding-left:45px!important;margin-bottom:0!important}.location-btn{position:absolute;left:0;top:0;bottom:0;width:40px;border:none;background:#e9ecef;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#d00000;display:flex;align-items:center;justify-content:center}.location-btn i{font-size:1.2rem}.form-hint{display:block;color:#777;margin-bottom:8px;font-size:.75rem}.notes-textarea{height:50px;resize:none}.btn-checkout{background:#1a2a3a;margin-top:10px;padding:12px}.sizes-container{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0}.out-of-stock-message{color:red;font-size:.8em;font-weight:700}.btn-add:disabled{background-color:#ccc!important;cursor:not-allowed}.track-box{background:#fff;max-width:400px;margin:50px auto;padding:30px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.05)}.status-icon{font-size:50px;margin-bottom:10px;display:block}.st-new{color:#555}.st-processing{color:#e67e22}.st-shipping{color:#3498db}.st-delivered{color:#27ae60}.st-canceled{color:#c0392b}.track-divider{margin:15px 0;border:0;border-top:1px dashed #ddd}.track-result-box{border:2px solid #eee}.error-message{color:red}#invoice-area{display:none;background:#fff;padding:20px;border:1px solid #333;width:500px}.invoice-header{border-bottom:2px solid #eee;padding-bottom:10px;margin-bottom:10px}.invoice-subtitle{margin:0;color:#777}.invoice-id,.invoice-total-amount{color:#d00000}.invoice-id{margin:0;font-weight:700}.invoice-details{margin-bottom:15px;font-size:.9rem}.invoice-detail-item{margin:5px 0}.invoice-table{border-color:#eee;width:100%}.invoice-table-header{background:#f9f9f9}.invoice-table-header-cell{padding:8px}.invoice-total-section{text-align:left;margin-top:15px}.invoice-notes{color:red;font-weight:700}.size-modal-content{height:auto;text-align:center;padding-top:30px}/* تنسيق بطاقات التقارير */
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 20px; }
.stat-card { background: linear-gradient(135deg, #1a2a3a, #2c3e50); color: #fff; padding: 20px; border-radius: 10px; text-align: center; }
.stat-num { font-size: 1.8rem; font-weight: bold; margin: 10px 0; }
.stat-label { font-size: 0.9rem; opacity: 0.9; }
/* تحسين زر التفاصيل */
.btn-dark { background: #333; color: #fff; text-decoration: none; display: inline-block; }