@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap";.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border-color);background-color:#f8f6f2d9;width:100%;transition:background-color .4s,border-color .4s;position:fixed;top:0}body.dark-mode .navbar{background-color:#0a0a0ad9}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo-area{align-items:center;gap:.75rem;display:flex}.logo-icon{color:var(--accent-gold)}.logo-text{letter-spacing:.5px;margin-bottom:-5px;font-size:1.5rem;font-weight:800}.logo-subtext{color:var(--accent-gold);letter-spacing:1px;font-size:.8rem}.nav-right{align-items:center;gap:1.5rem;display:flex}.theme-toggle-btn,.cart-toggle-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .3s,color .3s,transform .3s;display:flex;position:relative}.theme-toggle-btn:hover,.cart-toggle-btn:hover{color:var(--accent-gold);background-color:#d4af371a}.theme-toggle-btn:hover{transform:rotate(15deg)}.cart-badge{background-color:var(--accent-gold);color:#fff;border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:0;right:0;transform:translate(25%,-25%)}@media (width<=600px){.navbar-container{padding:.75rem 1rem}.logo-text{font-size:1.2rem}.logo-subtext{font-size:.7rem}.nav-right{gap:.5rem}.theme-toggle-btn,.cart-toggle-btn{padding:6px}}.hero-section{text-align:center;background-image:url(/assets/hero_bg_new-CJI8KJbx.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;height:80vh;margin-bottom:4rem;display:flex;position:relative}@media (width<=768px){.hero-section{background-attachment:scroll;height:60vh;margin-bottom:2rem}}.hero-overlay{background:linear-gradient(#f8f6f280,#f8f6f2f2);transition:background .4s;position:absolute;inset:0}body.dark-mode .hero-overlay{background:linear-gradient(#0a0a0a80,#0a0a0af2)}.hero-content{z-index:1;max-width:800px;padding:0 2rem;position:relative}.hero-title{color:var(--text-main);margin-bottom:1rem;font-size:clamp(2.2rem,8vw,3.5rem);font-weight:800;transition:color .4s}body.dark-mode .hero-title{color:#fff}.hero-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:clamp(1rem,4vw,1.25rem)}body.dark-mode .hero-subtitle{color:#ddd}.primary-btn{background-color:var(--accent-gold);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #d4af374d}.primary-btn:hover{background-color:var(--accent-gold-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.fabric-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s,background-color .4s,border-color .4s;display:flex;overflow:hidden}.fabric-card:hover{border-color:#d4af3780;transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}body.light-mode .fabric-card:hover{box-shadow:0 15px 30px #00000014}.fabric-image-container{background-color:#0000;justify-content:center;align-items:center;height:280px;padding:.75rem;display:flex;position:relative;overflow:hidden}.fabric-image{object-fit:contain;filter:drop-shadow(0 8px 12px #0003);width:100%;height:100%;transition:transform .5s}body.dark-mode .fabric-image{filter:drop-shadow(0 8px 15px #000c)}.fabric-card:hover .fabric-image{transform:scale(1.05)}.fabric-properties-overlay{flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;right:8px}.property-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--accent-gold);background:#fffc;border:1px solid #d4af3733;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:flex}body.dark-mode .property-badge{background:#0009;border:1px solid #d4af371a}.fabric-details{flex-direction:column;flex-grow:1;padding:1rem;display:flex}.fabric-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.fabric-id{color:var(--accent-gold);letter-spacing:1px;font-size:.75rem;font-weight:700}.fabric-name{font-size:1.1rem;font-weight:700}.fabric-description{color:var(--text-muted);flex-grow:1;margin-bottom:1rem;font-size:.85rem}.details-btn{width:100%;color:var(--text-main);border:1px solid var(--border-color);background-color:#0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:.6rem;font-size:.9rem;transition:all .3s;display:flex}.fabric-card:hover .details-btn{border-color:var(--accent-gold);color:var(--accent-gold)}@media (width<=600px){.fabric-image-container{height:180px;padding:.5rem}.fabric-details{padding:.75rem}.fabric-name{font-size:.95rem}.fabric-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}.details-btn{padding:.5rem;font-size:.8rem}.property-badge{padding:2px 5px;font-size:.65rem}}.card-closed{opacity:.8;cursor:not-allowed!important}.card-closed:hover{box-shadow:none!important;transform:none!important}.closed-status-overlay{z-index:5;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.closed-status-overlay span{color:#fff;background:#e74c3c;border-radius:20px;padding:8px 16px;font-size:1rem;font-weight:700;box-shadow:0 4px 10px #0000004d}.card-closed .fabric-image{filter:grayscale()!important}.card-closed .details-btn{cursor:not-allowed;color:#fff!important;background:#95a5a6!important;border:none!important}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;background-color:#fff6;justify-content:center;align-items:center;padding:2rem;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}body.dark-mode .modal-overlay{background-color:#000000b3}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:row;width:100%;max-width:1000px;max-height:90vh;animation:.3s ease-out forwards scaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}body.dark-mode .modal-content{box-shadow:0 25px 50px -12px #00000080}.modal-image-col{background-color:var(--bg-secondary);flex:1.2;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.modal-image{object-fit:contain;filter:drop-shadow(0 20px 30px #00000026);width:100%;height:100%;max-height:70vh;transition:transform .8s}body.dark-mode .modal-image{filter:drop-shadow(0 20px 30px #00000080)}.modal-image-col:hover .modal-image{transform:scale(1.6)}.modal-close-btn{color:#000;cursor:pointer;z-index:10;background:#ffffffb3;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex;position:absolute;top:1rem;right:1rem}body.dark-mode .modal-close-btn{color:#fff;background:#00000080;border:none}.modal-close-btn:hover{background:var(--accent-gold);color:#fff}.modal-info-col{flex-direction:column;flex:1;padding:3rem;display:flex;overflow-y:auto}.modal-info-col h3{color:var(--text-main);margin-bottom:.5rem;font-size:2.2rem;line-height:1.2}.modal-info-col .modal-id{color:var(--accent-gold);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;display:inline-block}.modal-divider{background-color:var(--border-color);height:1px;margin:1.5rem 0}.prop-list-modal{flex-direction:column;gap:15px;margin-bottom:2rem;display:flex}.prop-list-modal .property-item{color:var(--text-main);align-items:center;gap:15px;font-size:1.1rem;display:flex}.prop-list-modal .property-item svg{color:var(--accent-gold)}.modal-whatsapp-btn{color:#fff;cursor:pointer;background-color:#25d366;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:1.2rem;font-family:inherit;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #25d3664d}.modal-whatsapp-btn:hover{background-color:#1ebe5d;transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.color-section{border:1px solid var(--border-color);background-color:#00000008;border-radius:12px;margin:1.5rem 0 2rem;padding:1rem}body.dark-mode .color-section{background-color:#ffffff08}.color-header{margin-bottom:1.2rem}.color-header h4{color:var(--text-main);margin-bottom:4px;font-size:1.2rem}.selection-hint{color:var(--text-muted);font-size:.85rem}.color-selection-list{flex-direction:column;gap:8px;max-height:400px;padding-right:5px;display:flex;overflow-y:auto}.color-selection-list::-webkit-scrollbar{width:6px}.color-selection-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.color-selection-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.color-selection-row:hover{border-color:var(--accent-gold);transform:translate(-3px)}.color-info-group{align-items:center;gap:12px;display:flex}.color-swatch-box-v2{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:flex;box-shadow:inset 0 0 0 1px #0000001a}.color-label{color:var(--text-main);font-size:1rem;font-weight:600}.color-controls{align-items:center;gap:10px;display:flex}.meters-input-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;width:100px;padding:0 8px;display:flex}.meters-input{width:100%;color:var(--text-main);text-align:center;background:0 0;border:none;padding:8px 4px;font-family:inherit;font-size:.95rem}.meters-input:focus{outline:none}.meters-unit{color:var(--text-muted);font-size:.8rem;font-weight:600}.add-color-btn{background:var(--accent-gold);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.add-color-btn:hover{background:var(--accent-gold-hover);transform:scale(1.05)}.add-color-btn.success{background:#27ae60}.oos-badge{color:#e74c3c;background:#e74c3c1a;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:600}.row-disabled{opacity:.6;background:var(--bg-secondary)}.view-full-cart-btn{color:#fff;cursor:pointer;background-color:#25d366;border:none;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:1.5rem;padding:1.2rem;font-family:inherit;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #25d3664d}.view-full-cart-btn:hover{background-color:#1ebe5d;transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.fabric-cart-summary{background:#27ae6014;border:1px solid #27ae604d;border-radius:10px;margin:1.5rem 0;padding:1rem}.fabric-cart-summary-header{margin-bottom:.75rem}.fcs-title{color:#27ae60;font-size:.9rem;font-weight:700}.fcs-items{flex-wrap:wrap;gap:10px;display:flex}.fcs-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:7px;padding:5px 10px 5px 7px;display:flex}.fcs-swatch{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:800;display:flex}.fcs-meters{color:var(--text-main);font-size:.85rem;font-weight:600}.fcs-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px;font-size:.8rem;line-height:1}.fcs-remove:hover{color:#e74c3c}@media (width<=900px){.modal-content{flex-direction:column;width:95%;max-height:92vh}.modal-image-col{flex:none;height:220px;padding:1rem}.modal-image{max-height:200px}.modal-info-col{padding:1.5rem}.modal-header-text h3{font-size:1.5rem}.color-selection-list{max-height:300px}.color-selection-row{padding:.6rem .8rem}.color-swatch-box-v2{width:32px;height:32px;font-size:.75rem}.color-label{font-size:.9rem}.meters-input-wrapper{width:85px}.meters-input{padding:10px 4px;font-size:1rem}.add-color-btn{width:44px;height:44px}.view-full-cart-btn{z-index:10;margin-top:1rem;padding:1rem;font-size:1.1rem;position:sticky;bottom:0}}@media (width<=480px){.modal-overlay{padding:.5rem}.color-controls{gap:5px}.color-info-group{gap:8px}}.cart-modal-content{border-radius:16px;flex-direction:column;max-width:600px;height:90vh;margin-left:auto;margin-right:auto}.cart-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.cart-header-title{align-items:center;gap:15px;display:flex}.cart-header-title h2{margin:0;font-size:1.5rem}.cart-header-badge{background:var(--accent-gold);color:#fff;border-radius:12px;padding:4px 10px;font-size:.9rem;font-weight:700}.relative-close{border:1px solid var(--border-color);color:var(--text-main);background:0 0;position:static}.cart-body{background-color:var(--bg-card);flex:1;padding:2rem;overflow-y:auto}.empty-cart{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{color:var(--border-color);margin-bottom:1.5rem}.empty-cart h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.5rem}.cart-items-list{flex-direction:column;gap:1.5rem;display:flex}.cart-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex}.cart-item:hover{border-color:#d4af374d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cart-item-image{object-fit:contain;background:#0003;border-radius:8px;width:80px;height:80px;padding:5px}body.light-mode .cart-item-image{background:#ffffff80}.cart-item-details{flex:1}.cart-item-id{color:var(--accent-gold);font-size:.75rem;font-weight:700;display:block}.cart-item-name{color:var(--text-main);margin:.2rem 0;font-size:1.1rem}.cart-item-color{color:var(--text-muted);font-size:.9rem}.cart-item-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.quantity-controls{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:10px;padding:4px;display:flex}.qty-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.qty-btn:hover:not(:disabled){color:var(--accent-gold);background:#d4af3733}.qty-value{text-align:center;min-width:45px;font-size:.95rem;font-weight:700}.remove-btn{color:#e74c3c;cursor:pointer;background:#e74c3c1a;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;transition:all .2s;display:flex}.remove-btn:hover{color:#fff;background:#e74c3c}.cart-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.5rem 2rem}.cart-summary{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.2rem;display:flex}.cart-summary strong{color:var(--accent-gold);font-size:1.5rem}@media (width<=600px){.cart-modal-content{border-radius:0;max-width:100%;height:100vh}.cart-header{padding:1rem}.cart-header-title h2{font-size:1.2rem}.cart-body{padding:1rem}.cart-item{gap:.75rem;padding:.75rem}.cart-item-image{width:60px;height:60px}.cart-item-name{font-size:1rem}.cart-item-actions{gap:5px}.quantity-controls{padding:2px}.qty-btn{width:34px;height:34px}.qty-value{min-width:35px;font-size:.9rem}.cart-footer{padding:1rem;box-shadow:0 -4px 15px #0000001a}.cart-summary{margin-bottom:1rem;font-size:1.1rem}.modal-whatsapp-btn{padding:1rem;font-size:1.1rem}}.admin-logo-trigger{cursor:pointer;transition:transform .3s,color .3s}.admin-logo-trigger:hover{color:var(--accent-gold-hover);transform:scale(1.15)rotate(10deg)}.admin-overlay{-webkit-backdrop-filter:blur(14px);z-index:2000;-webkit-overflow-scrolling:touch;background:#000000e0;justify-content:center;align-items:flex-start;padding:1.5rem 1rem 3rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0;overflow:hidden auto}.admin-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:960px;margin:auto 0;overflow:hidden;box-shadow:0 32px 90px #0009}.admin-header{border-bottom:2px solid var(--accent-gold);z-index:10;background:linear-gradient(135deg,#0f0f23 0%,#1a1a3e 100%);justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex;position:sticky;top:0}body.light-mode .admin-header{background:linear-gradient(135deg,#1a1a2e,#2d3561)}.admin-header-title{color:var(--accent-gold);align-items:center;gap:10px;display:flex}.admin-header-title h2{color:var(--accent-gold);margin:0;font-size:1.2rem}.admin-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px;transition:color .2s,background .2s;display:flex}.admin-close-btn:hover{color:#e74c3c;background:#e74c3c1a}.admin-login-body{text-align:center;flex-direction:column;align-items:center;gap:.9rem;padding:3rem 1.5rem;display:flex}.admin-login-icon{color:var(--accent-gold);opacity:.7}.admin-login-body h3{color:var(--text-main);margin:0;font-size:1.4rem}.admin-login-body p{color:var(--text-muted);margin:0;font-size:.9rem}.admin-login-form{flex-direction:column;gap:1rem;width:100%;max-width:300px;margin-top:.8rem;display:flex}.admin-password-input{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-main);text-align:center;letter-spacing:5px;border-radius:12px;padding:.9rem 1.1rem;font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}.admin-password-input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 0 3px #d4af3726}.admin-error{color:#e74c3c;margin:0;font-size:.88rem}.admin-login-btn{background:var(--accent-gold);color:#000;cursor:pointer;border:none;border-radius:12px;padding:.95rem;font-family:inherit;font-size:1.05rem;font-weight:700;transition:all .3s}.admin-login-btn:hover{background:var(--accent-gold-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3759}.admin-body{padding:1.2rem 1.5rem 2rem}.admin-welcome{color:#27ae60;background:#27ae6014;border:1px solid #27ae6038;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:1.2rem;padding:.6rem .9rem;font-size:.88rem;display:flex}.admin-logout-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:4px;margin-right:auto;padding:4px 11px;font-family:inherit;font-size:.8rem;transition:all .2s;display:flex}.admin-logout-btn:hover{color:#e74c3c;border-color:#e74c3c}.admin-tabs{border-bottom:2px solid var(--border-color);gap:0;margin-bottom:1.5rem;display:flex}.admin-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 16px 12px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;position:relative}.admin-tab-btn span{white-space:nowrap}.admin-tab-btn:hover{color:var(--text-main)}.admin-tab-btn.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.tab-alert-dot{color:#fff;text-align:center;background:#e74c3c;border-radius:8px;min-width:16px;padding:1px 5px;font-size:.65rem;font-weight:800}.admin-fabrics-list{flex-direction:column;gap:1.2rem;display:flex}.admin-fabric-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;gap:1rem;padding:1.1rem;display:flex}.admin-fabric-info{align-items:flex-start;gap:.9rem;display:flex}.admin-fabric-thumb{object-fit:contain;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;width:54px;height:54px;padding:4px}.admin-fabric-meta{flex:1;min-width:0}.admin-fabric-id{color:var(--accent-gold);font-size:.76rem;font-weight:700;display:block}.admin-fabric-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 4px;font-size:.92rem;overflow:hidden}.admin-oos-text{color:var(--text-muted);font-size:.8rem}.admin-color-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:7px;display:grid}.admin-color-box{aspect-ratio:1;cursor:pointer;touch-action:manipulation;border:2px solid;border-radius:9px;justify-content:center;align-items:center;min-height:44px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .16s;display:flex;position:relative}.admin-available{color:#27ae60;background:#27ae6012;border-color:#27ae6061}.admin-available:hover,.admin-available:focus-visible{color:#e74c3c;background:#e74c3c1a;border-color:#e74c3c80;transform:scale(1.07)}.admin-oos{color:#e74c3c;background:#e74c3c14;border-color:#e74c3c73;overflow:hidden}.admin-oos:after{content:"";opacity:.6;background:currentColor;width:100%;height:2px;position:absolute;top:50%;left:0;transform:rotate(-45deg)}.admin-oos:hover,.admin-oos:focus-visible{color:#27ae60;background:#27ae601a;border-color:#27ae6080}.admin-save-btn{background:var(--accent-gold);color:#000;cursor:pointer;touch-action:manipulation;border:none;border-radius:9px;align-self:flex-end;align-items:center;gap:7px;padding:.65rem 1.3rem;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.admin-save-btn:hover:not(:disabled){background:var(--accent-gold-hover);transform:translateY(-1px)}.admin-save-btn:disabled{opacity:.6;cursor:not-allowed}.wh-summary-bar{flex-wrap:wrap;gap:10px;margin-bottom:1.1rem;display:flex}.wh-summary-item{background:var(--bg-secondary);border:1px solid var(--border-color);min-width:110px;color:var(--text-muted);border-radius:12px;flex:1;align-items:center;gap:10px;padding:10px 14px;display:flex}.wh-sum-gold{color:var(--accent-gold);background:#d4af370d;border-color:#d4af374d}.wh-sum-warn{color:#e74c3c;background:#e74c3c0f;border-color:#e74c3c59}.wh-sum-val{color:var(--text-main);font-size:1.25rem;font-weight:800;line-height:1;display:block}.wh-sum-gold .wh-sum-val{color:var(--accent-gold)}.wh-sum-warn .wh-sum-val{color:#e74c3c}.wh-sum-lbl{color:inherit;opacity:.75;white-space:nowrap;font-size:.72rem}.wh-search-bar{margin-bottom:1rem}.wh-search-input{background:var(--bg-secondary);border:1.5px solid var(--border-color);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:12px;padding:10px 16px;font-family:inherit;font-size:.9rem;transition:border-color .25s,box-shadow .25s}.wh-search-input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 0 3px #d4af371f}.wh-fabric-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:14px;transition:box-shadow .2s,border-color .2s;overflow:hidden}.wh-fabric-card:hover{box-shadow:0 4px 20px #0000002e}.wh-low-stock{border-color:#e74c3c66}.wh-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem 1.1rem;transition:background .15s;display:flex}.wh-card-header:hover{background:#ffffff06}body.light-mode .wh-card-header:hover{background:#00000005}.wh-card-left{flex:1;align-items:center;gap:.9rem;min-width:0;display:flex}.wh-low-badge{color:#e74c3c;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-flex}.wh-card-stats{flex-shrink:0;align-items:center;gap:7px;display:flex}.wh-stat-pill{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 9px;font-size:.78rem;font-weight:700;display:flex}.wh-stat-weight{color:var(--accent-gold);background:#d4af370f;border-color:#d4af374d}.wh-stat-warn{color:#e74c3c;background:#e74c3c12;border-color:#e74c3c59}.wh-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.wh-color-grid-wrapper{border-top:1px solid var(--border-color);padding:1rem 1.1rem 1.1rem;animation:.18s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wh-hint{color:var(--text-muted);margin:0 0 .8rem;font-size:.78rem}.wh-color-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px}.wh-color-btn{border:2px solid var(--border-color);background:var(--bg-card);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:54px;min-height:54px;padding:6px 4px;font-family:inherit;transition:all .16s;display:flex}.wh-color-btn:hover,.wh-color-btn:focus-visible{border-color:var(--accent-gold);background:#d4af370f;outline:none;transform:scale(1.07);box-shadow:0 4px 14px #0003}.wh-has-rolls{background:#d4af370a;border-color:#d4af3759}.wh-btn-low{background:#e74c3c0d;border-color:#e74c3c80}.wh-color-num{color:var(--text-main);font-size:.85rem;font-weight:800;line-height:1}.wh-roll-info{flex-direction:column;align-items:center;gap:1px;display:flex}.wh-roll-count{color:var(--accent-gold);background:#d4af3726;border-radius:4px;padding:0 4px;font-size:.65rem;font-weight:800;line-height:1.4}.wh-roll-kg{color:var(--text-muted);font-size:.58rem;font-weight:600}.wh-roll-empty{color:var(--text-muted);opacity:.4;font-size:1rem;line-height:1}.wh-no-results{text-align:center;color:var(--text-muted);opacity:.6;flex-direction:column;align-items:center;gap:10px;padding:2.5rem;display:flex}.wh-no-results p{margin:0;font-size:.9rem}.roll-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:3000;background:#000000d1;justify-content:center;align-items:flex-end;padding:0;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@media (width>=600px){.roll-modal-overlay{align-items:center;padding:1.5rem}}.roll-modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:540px;max-height:92dvh;animation:.25s cubic-bezier(.34,1.2,.64,1) slideUp;display:flex;overflow:hidden;box-shadow:0 -8px 40px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (width>=600px){.roll-modal-content{border-radius:20px;animation:.22s cubic-bezier(.34,1.3,.64,1) popIn;box-shadow:0 25px 70px #000000a6}@keyframes popIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}}.roll-modal-content:before{content:"";background:var(--border-color);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0;display:block}@media (width>=600px){.roll-modal-content:before{display:none}}.roll-modal-header{border-bottom:2px solid var(--accent-gold);background:linear-gradient(135deg,#0f0f23,#1a1a3e);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.4rem;display:flex}.roll-modal-title{color:var(--accent-gold);align-items:center;gap:10px;min-width:0;display:flex}.roll-modal-fabric-id{color:#d4af37a6;font-size:.72rem;font-weight:700;display:block}.roll-modal-title h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.95rem;overflow:hidden}.roll-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;min-height:36px;transition:color .2s;display:flex}.roll-modal-close:hover{color:#e74c3c}.roll-modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:1.2rem;padding:1.2rem 1.4rem;display:flex;overflow-y:auto}.rm-stats-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rm-stat{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:12px;display:flex}.rm-stat-accent{background:#d4af370d;border-color:#d4af374d}.rm-stat-icon{color:var(--text-muted)}.rm-stat-accent .rm-stat-icon{color:var(--accent-gold)}.rm-stat-val{color:var(--text-main);font-size:1.6rem;font-weight:800;line-height:1}.rm-stat-accent .rm-stat-val{color:var(--accent-gold)}.rm-stat-lbl{color:var(--text-muted);font-size:.7rem}.rm-section-title{color:var(--text-main);align-items:center;gap:6px;margin:0 0 10px;font-size:.85rem;font-weight:700;display:flex}.rm-add-section{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;padding:1rem 1.1rem}.rm-add-row{align-items:stretch;gap:9px;display:flex}.rm-input-group{flex:1;align-items:center;display:flex;position:relative}.rm-weight-input{background:var(--bg-card);border:1.5px solid var(--border-color);width:100%;color:var(--text-main);text-align:right;border-radius:10px;padding:13px 52px 13px 14px;font-family:inherit;font-size:max(16px,1.1rem);font-weight:700;transition:border-color .25s,box-shadow .25s}.rm-weight-input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 0 3px #d4af3724}.rm-weight-input::placeholder{color:var(--text-muted);font-size:1rem;font-weight:400}.rm-unit-badge{color:var(--accent-gold);pointer-events:none;background:#d4af371f;border-radius:6px;padding:2px 7px;font-size:.73rem;font-weight:700;position:absolute;left:10px}.rm-add-btn{background:var(--accent-gold);color:#000;cursor:pointer;white-space:nowrap;touch-action:manipulation;border:none;border-radius:10px;align-items:center;gap:5px;padding:0 16px;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.rm-add-btn:hover{background:var(--accent-gold-hover);transform:translateY(-1px)}.rm-count-badge{background:var(--accent-gold);color:#000;border-radius:10px;margin-right:auto;padding:1px 7px;font-size:.68rem;font-weight:800}.rm-empty{background:var(--bg-secondary);border:2px dashed var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:2rem;display:flex}.rm-empty-icon{color:var(--text-muted);opacity:.35}.rm-empty p{color:var(--text-muted);margin:0;font-size:.88rem;font-weight:600}.rm-empty span{color:var(--text-muted);opacity:.65;font-size:.76rem}.rm-rolls-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px;max-height:260px;display:grid;overflow-y:auto}.rm-roll-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:10px;transition:border-color .2s,background .2s;display:flex}.rm-roll-card:hover{border-color:#d4af3761}.rm-roll-deleting{background:#e74c3c0f!important;border-color:#e74c3c99!important}.rm-roll-editing{background:#d4af370d!important;border-color:#d4af3799!important}.rm-roll-top{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.rm-roll-num{color:var(--text-muted);background:var(--bg-card);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.68rem;font-weight:700}.rm-roll-weight{color:var(--text-main);align-items:baseline;gap:2px;font-size:1rem;font-weight:800;display:flex}.rm-roll-weight small{color:var(--text-muted);font-size:.62rem;font-weight:600}.rm-edit-input{background:var(--bg-card);border:1.5px solid var(--accent-gold);width:100%;color:var(--text-main);text-align:right;border-radius:7px;min-width:0;padding:4px 6px;font-family:inherit;font-size:max(16px,.95rem);font-weight:700}.rm-edit-input:focus{outline:none;box-shadow:0 0 0 2px #d4af3733}.rm-btn-row{gap:5px;display:flex}.rm-edit-btn,.rm-delete-btn{border:1px solid var(--border-color);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:7px;flex:1;justify-content:center;align-items:center;min-height:32px;padding:6px 4px;transition:all .18s;display:flex}.rm-edit-btn{color:var(--accent-gold)}.rm-delete-btn{color:var(--text-muted)}.rm-edit-btn:hover{background:#d4af371a;border-color:#d4af3766}.rm-delete-btn:hover{color:#e74c3c;background:#e74c3c17;border-color:#e74c3c66}.rm-action-save,.rm-action-cancel{cursor:pointer;touch-action:manipulation;border:none;border-radius:6px;flex:1;padding:5px;font-family:inherit;font-size:.72rem;font-weight:700}.rm-action-save{background:var(--accent-gold);color:#000}.rm-action-cancel{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted)}.rm-confirm-row{color:#e74c3c;flex-wrap:wrap;align-items:center;gap:4px;font-size:.7rem;font-weight:700;display:flex}.rm-warn-icon{color:#e74c3c;flex-shrink:0}.rm-confirm-yes{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;padding:3px 8px;font-size:.7rem;font-weight:700}.rm-confirm-yes:hover{background:#c0392b}.rm-confirm-no{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:5px;padding:3px 8px;font-size:.7rem;font-weight:700}.rm-confirm-no:hover{color:var(--text-main)}.roll-modal-footer{border-top:1px solid var(--border-color);padding:1rem 1.4rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));flex-shrink:0;gap:9px;display:flex}.roll-save-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#27ae60;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.roll-save-btn:hover{background:#219653;transform:translateY(-1px);box-shadow:0 4px 14px #27ae604d}.roll-cancel-btn{border:1.5px solid var(--border-color);color:var(--text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:10px;padding:12px 18px;font-family:inherit;font-size:.88rem;transition:all .2s}.roll-cancel-btn:hover{color:var(--text-main);border-color:var(--text-main)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.admin-overlay{align-items:flex-end;padding:0}.admin-panel{border-radius:20px 20px 0 0;max-width:100%}.admin-body{padding:1rem 1rem 1.5rem}.wh-summary-bar{gap:7px}.wh-summary-item{min-width:80px;padding:8px 10px}.wh-sum-val{font-size:1.1rem}.admin-tabs{gap:0;overflow-x:auto}.admin-tab-btn{padding:9px 12px 11px;font-size:.82rem}.wh-color-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px}.rm-rolls-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.rm-stat-val{font-size:1.35rem}}@media (width<=380px){.wh-card-stats{flex-direction:column;align-items:flex-end;gap:4px}.wh-stat-pill{padding:3px 7px;font-size:.72rem}.rm-rolls-grid{grid-template-columns:repeat(2,1fr)}}.wh-disc-dot{color:#fff;background:#e67e22;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 4px #0000004d}.tab-alert-orange{background:#e67e22}.modal-inner-tabs{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;display:flex}.modal-inner-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 16px;font-family:inherit;font-size:.83rem;font-weight:600;transition:all .18s;display:flex}.modal-inner-tab:hover{color:var(--text-main)}.modal-inner-tab.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold);background:#d4af370d}.mit-count{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;padding:1px 5px;font-size:.65rem;font-weight:800}.modal-inner-tab.active .mit-count{color:var(--accent-gold);background:#d4af3726;border-color:#d4af374d}.mit-disc-dot{color:#fff;background:#e67e22;border-radius:6px;padding:1px 4px;font-size:.6rem;font-weight:800}.ledger-section{flex-direction:column;gap:1rem;display:flex}.ledger-stats{flex-wrap:wrap;gap:12px;display:flex}.ledger-stat-item{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.8rem;font-weight:700;display:flex}.ldg-warn{color:#e67e22;background:#e67e2212;border-color:#e67e2259}.ldg-ok{color:#27ae60;background:#27ae6012;border-color:#27ae6059}.ledger-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.ledger-row{border:1.5px solid var(--border-color);background:var(--bg-secondary);border-radius:10px;flex-direction:column;gap:7px;padding:10px 12px;display:flex}.ldg-row-disc{background:#e67e220a;border-color:#e67e2266}.ldg-row-ok{background:#27ae6008;border-color:#27ae604d}.ldg-row-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ldg-row-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ldg-status{font-size:.75rem;font-weight:700}.ldg-status-disc{color:#e67e22}.ldg-status-ok{color:#27ae60}.ldg-type{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:1px 7px;font-size:.76rem}.ldg-new-badge{color:#fff;background:var(--accent-gold);border-radius:5px;padding:1px 5px;font-size:.65rem;font-weight:700}.ldg-date{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.ldg-row-weights{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ldg-weight-item{flex-direction:column;align-items:center;display:flex}.ldg-weight-lbl{color:var(--text-muted);font-size:.65rem}.ldg-weight-val{color:var(--text-main);font-size:.9rem;font-weight:700}.ldg-arrow{color:var(--text-muted);font-size:.9rem}.ldg-diff{border-radius:6px;margin-right:auto;padding:2px 8px;font-size:.82rem;font-weight:800}.ldg-diff-neg{color:#e74c3c;background:#e74c3c1a}.ldg-diff-pos{color:#27ae60;background:#27ae601a}.ldg-diff-zero{color:var(--text-muted);background:var(--bg-card)}.ldg-note{color:var(--text-muted);margin:0;font-size:.75rem;font-style:italic}.rf-overlay{-webkit-backdrop-filter:blur(8px);z-index:4000;background:#000000bf;justify-content:center;align-items:flex-end;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@media (width>=540px){.rf-overlay{align-items:center;padding:1.5rem}}.rf-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:460px;animation:.22s cubic-bezier(.34,1.2,.64,1) slideUp;display:flex;overflow:hidden;box-shadow:0 -6px 30px #00000073}@media (width>=540px){.rf-content{border-radius:16px;animation:.2s cubic-bezier(.34,1.2,.64,1) popIn}}.rf-content:before{content:"";background:var(--border-color);border-radius:2px;width:36px;height:4px;margin:10px auto 0;display:block}@media (width>=540px){.rf-content:before{display:none}}.rf-header{background:#e74c3c12;border-bottom:1px solid #e74c3c33;flex-shrink:0;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;display:flex}.rf-header-info{align-items:center;gap:10px;display:flex}.rf-header-icon{color:#e74c3c;flex-shrink:0}.rf-header-title{color:var(--text-main);font-size:.95rem;font-weight:700;display:block}.rf-header-sub{color:var(--text-muted);margin-top:1px;font-size:.78rem;display:block}.rf-body{-webkit-overflow-scrolling:touch;flex-direction:column;gap:1rem;padding:1.1rem 1.2rem;display:flex;overflow-y:auto}.rf-field{flex-direction:column;gap:7px;display:flex}.rf-label{color:var(--text-main);font-size:.83rem;font-weight:700}.rf-optional{color:var(--text-muted);font-size:.76rem;font-weight:400}.rf-type-row{flex-wrap:wrap;gap:7px;display:flex}.rf-type-btn{border:1.5px solid var(--border-color);color:var(--text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-family:inherit;font-size:.83rem;font-weight:600;transition:all .18s;display:flex}.rf-type-btn:hover{border-color:var(--accent-gold);color:var(--text-main)}.rf-type-btn.active{border-color:var(--accent-gold);color:var(--accent-gold);background:#d4af371a;font-weight:700}.rf-toggle-row{flex-direction:column;gap:6px;display:flex}.rf-toggle-btn{text-align:right;border:1.5px solid var(--border-color);width:100%;color:var(--text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:9px;padding:9px 12px;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .18s}.rf-toggle-btn:hover{border-color:var(--accent-gold);color:var(--text-main)}.rf-toggle-btn.active{color:#27ae60;background:#27ae6014;border-color:#27ae6080;font-weight:700}.rf-toggle-diff.active{color:#e67e22;background:#e67e2214;border-color:#e67e2280}.rf-weight-field{animation:.15s slideDown}.rf-actual-input{border-color:#e67e2299!important}.rf-actual-input:focus{box-shadow:0 0 0 3px #e67e2226!important}.rf-diff-preview{border-radius:7px;margin-top:4px;padding:5px 10px;font-size:.8rem;font-weight:700}.diff-preview-warn{color:#e67e22;background:#e67e221a;border:1px solid #e67e224d}.diff-preview-ok{color:#27ae60;background:#27ae6014;border:1px solid #27ae6040}.rf-note-input{background:var(--bg-secondary);border:1.5px solid var(--border-color);width:100%;color:var(--text-main);resize:none;box-sizing:border-box;border-radius:9px;padding:8px 10px;font-family:inherit;font-size:max(16px,.85rem);transition:border-color .2s}.rf-note-input:focus{border-color:var(--accent-gold);outline:none}.rf-footer{border-top:1px solid var(--border-color);padding:.9rem 1.2rem;padding-bottom:max(.9rem, env(safe-area-inset-bottom));flex-shrink:0;gap:8px;display:flex}.rf-confirm-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#e74c3c;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.rf-confirm-btn:hover{background:#c0392b;transform:translateY(-1px)}.rf-cancel-btn{border:1.5px solid var(--border-color);color:var(--text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:10px;padding:11px 16px;font-family:inherit;font-size:.88rem;transition:all .2s}.rf-cancel-btn:hover{color:var(--text-main);border-color:var(--text-main)}.report-section{flex-direction:column;gap:1.2rem;display:flex}.report-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.report-filter-label{color:var(--text-main);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.report-month-input{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:9px;padding:7px 12px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.report-month-input:focus{border-color:var(--accent-gold);outline:none}.report-summary-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.report-sum-box{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:12px;display:flex}.report-sum-ok{background:#27ae600d;border-color:#27ae604d}.report-sum-warn{background:#e67e220f;border-color:#e67e2266}.report-sum-diff{background:#d4af370d;border-color:#d4af374d}.report-sum-val{color:var(--text-main);font-size:1.5rem;font-weight:800;line-height:1;display:block}.report-sum-warn .report-sum-val{color:#e67e22}.report-sum-diff .report-sum-val{color:var(--accent-gold)}.report-sum-lbl{color:var(--text-muted);font-size:.7rem;display:block}.report-empty{color:var(--text-muted);opacity:.6;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:3rem 1rem;display:flex}.report-empty-icon{opacity:.4}.report-empty p{margin:0;font-size:.9rem}.report-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.report-table{border-collapse:collapse;width:100%;min-width:600px;font-size:.82rem}.report-table thead tr{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.report-table th{text-align:right;color:var(--text-muted);white-space:nowrap;padding:9px 12px;font-size:.77rem;font-weight:700}.report-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .1s}.report-table tbody tr:last-child{border-bottom:none}.report-table tbody tr:hover{background:#ffffff06}.tr-discrepancy{background:#e67e220a!important}.report-table td{color:var(--text-main);vertical-align:middle;padding:9px 12px}.td-fabric{min-width:130px}.td-fid{color:var(--accent-gold);font-size:.72rem;font-weight:700;display:block}.td-fname{color:var(--text-muted);white-space:nowrap;font-size:.8rem;display:block}.td-center{text-align:center}.td-num{white-space:nowrap;font-weight:700}.td-date{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.td-color-num{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:5px;padding:1px 7px;font-size:.8rem;font-weight:700;display:inline-block}.td-diff{border-radius:6px;padding:2px 7px;font-size:.82rem;font-weight:800;display:inline-block}.diff-neg{color:#e74c3c;background:#e74c3c1a}.diff-pos{color:#27ae60;background:#27ae601a}.diff-zero{color:var(--text-muted)}.status-disc{color:#e67e22;white-space:nowrap;font-size:.78rem;font-weight:700}.status-ok{color:#27ae60;white-space:nowrap;font-size:.78rem;font-weight:700}.td-note{color:var(--text-muted);word-break:break-word;font-size:.8rem}.report-disc-note{color:#e67e22;background:#e67e2214;border:1px solid #e67e224d;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}@media (width<=480px){.report-summary-row{grid-template-columns:repeat(3,1fr);gap:6px}.report-sum-val{font-size:1.2rem}.report-filter-bar{flex-direction:column;align-items:flex-start}.report-month-input{width:100%}.modal-inner-tab{padding:8px 12px;font-size:.78rem}.rf-type-row{gap:5px}.rf-type-btn{padding:6px 9px;font-size:.78rem}}.admin-pw-wrapper{align-items:center;display:flex;position:relative}.admin-pw-wrapper .admin-password-input{width:100%;padding-left:40px}.pw-eye-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;left:10px}.pw-eye-btn:hover{color:var(--accent-gold)}.settings-section{flex-direction:column;gap:1.2rem;max-width:480px;display:flex}.settings-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:16px;overflow:hidden}.settings-card-header{border-bottom:2px solid var(--accent-gold);color:var(--accent-gold);background:linear-gradient(135deg,#0f0f23,#1a1a3e);align-items:center;gap:10px;padding:1rem 1.2rem;display:flex}.settings-card-header h4{color:var(--accent-gold);margin:0;font-size:1rem}.settings-form{flex-direction:column;gap:1rem;padding:1.2rem;display:flex}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-label{color:var(--text-main);font-size:.83rem;font-weight:700}.settings-input{letter-spacing:2px;text-align:right}.settings-msg{border-radius:9px;padding:9px 12px;font-size:.85rem;font-weight:600}.settings-msg.success{color:#27ae60;background:#27ae601a;border:1px solid #27ae6059}.settings-msg.error{color:#e74c3c;background:#e74c3c14;border:1px solid #e74c3c59}.settings-save-btn{background:var(--accent-gold);color:#000;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:4px;padding:12px;font-family:inherit;font-size:.92rem;font-weight:700;transition:all .2s;display:flex}.settings-save-btn:hover:not(:disabled){background:var(--accent-gold-hover);transform:translateY(-1px);box-shadow:0 4px 16px #d4af374d}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=480px){.settings-section{max-width:100%}}.rm-color-note-section{border:1px dashed var(--border-color);background:#ffffff05;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:15px;padding:10px 14px;display:flex}.rm-note-label{color:var(--accent-gold);font-size:.8rem;font-weight:700}.rm-note-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:.85rem}.rm-note-input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 0 2px #d4af3726}.rm-select-group{min-width:110px;position:relative}.rm-warehouse-select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:.82rem}.rm-warehouse-select:focus{border-color:var(--accent-gold);outline:none}.rm-roll-warehouse-tag{color:var(--text-muted);border:1px solid var(--border-color);background:#ffffff0d;border-radius:4px;margin-right:6px;padding:2px 6px;font-size:.65rem}.rm-edit-inputs-wrapper{flex-direction:column;gap:6px;width:100%;margin-top:4px;display:flex}.rm-edit-input-w-unit{align-items:center;gap:4px;display:flex}.rm-edit-unit{color:var(--text-muted);font-size:.7rem}.rm-edit-warehouse-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;width:100%;padding:4px 6px;font-size:.75rem}.wh-color-note-small{color:var(--text-main);border:1px solid var(--border-color);text-overflow:ellipsis;white-space:nowrap;background:#78787829;border-radius:4px;max-width:100%;margin-top:3px;padding:2px 5px;font-size:.62rem;font-weight:800;line-height:1.2;overflow:hidden}.wh-color-btn .wh-roll-empty{color:var(--text-main);opacity:1;text-overflow:ellipsis;white-space:nowrap;background:#d4af371f;border:1px dashed #d4af3773;border-radius:5px;max-width:100%;padding:2px 6px;font-size:.72rem;font-weight:800;overflow:hidden}.warehouses-split-section{width:100%;animation:.2s fadeIn}.warehouses-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}@media (width<=990px){.warehouses-grid{grid-template-columns:1fr;gap:20px}}.warehouse-col{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.wh-col-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.wh-col-title{color:var(--accent-gold);font-size:.95rem;font-weight:800}.wh-col-stats{gap:6px;display:flex}.wh-stat-badge{color:var(--text-main);border:1px solid var(--border-color);background:#ffffff0f;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:800}.wh-badge-weight{color:var(--accent-gold);background:#d4af371a;border-color:#d4af3733}.wh-col-body{min-height:120px;max-height:480px;padding:14px;overflow-y:auto}.wh-col-empty{color:var(--text-muted);opacity:.5;flex-direction:column;justify-content:center;align-items:center;height:100px;display:flex}.wh-col-empty p{margin:6px 0 0;font-size:.8rem}.wh-col-items-list{flex-direction:column;gap:10px;display:flex}.wh-item-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.wh-item-card-top{justify-content:space-between;align-items:center;display:flex}.wh-item-fabric{color:var(--text-main);font-size:.82rem;font-weight:700}.wh-item-color{color:var(--accent-gold);font-size:.72rem;font-weight:700}.wh-item-note{color:var(--text-muted);font-weight:400}.wh-item-rolls-wrapper{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.wh-item-roll-badge{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff0d;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}:root{--bg-primary:#f8f6f2;--bg-secondary:#f0eadd;--bg-card:#fff;--text-main:#1a1a2e;--text-muted:#6b7280;--accent-gold:#b5952f;--accent-gold-hover:#9c8026;--border-color:#e2ddd1;--white:#fff}body.dark-mode{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-card:#1c1c1e;--text-main:#f5f5f5;--text-muted:#a1a1aa;--accent-gold:#d4af37;--accent-gold-hover:#b5952f;--border-color:#333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:Tajawal,sans-serif;line-height:1.6;transition:background-color .4s,color .4s}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}[dir=rtl]{text-align:right}.app-container{flex-direction:column;min-height:100vh;display:flex}.catalog-section{max-width:1200px;margin:0 auto;padding:2rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{color:var(--text-main);margin-bottom:.5rem;font-size:2.5rem}.section-header p{color:var(--text-muted);font-size:1.1rem}.fabric-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=900px){.fabric-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width<=480px){.fabric-grid{gap:.8rem}}.footer{border-top:1px solid var(--border-color);color:var(--text-muted);background-color:var(--bg-secondary);margin-top:4rem;padding:1.8rem 2rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.footer-copyright{margin:0;font-size:.9rem;font-weight:500}.footer-branding{align-items:center;gap:6px;margin:0;font-size:.88rem;font-weight:500;display:flex}.branding-link{color:var(--accent-gold);padding:1px 2px;font-family:inherit;font-weight:700;text-decoration:none;transition:all .25s;position:relative}.branding-link:after{content:"";background-color:var(--accent-gold);transform-origin:100% 100%;width:100%;height:2px;transition:transform .25s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.branding-link:hover:after{transform-origin:0 100%;transform:scaleX(1)}.branding-link:hover{color:var(--accent-gold-hover);text-shadow:0 0 8px #d4af374d}@media (width<=768px){.footer-content{text-align:center;flex-direction:column;gap:8px}}.spinning{animation:1s linear infinite spin}@media (width<=768px){.catalog-section{padding:1rem}.section-header h2{font-size:2rem}.fabric-grid{gap:1.2rem}}.closed-catalogs-section{margin-top:6rem}.section-divider{align-items:center;margin-bottom:3rem;display:flex}.section-divider:before,.section-divider:after{content:"";background:linear-gradient(to right, transparent, var(--border-color), transparent);flex:1;height:1px}.section-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;padding:0 2rem;font-size:1.5rem;font-weight:700}.grid-closed{opacity:.7}.grid-closed .fabric-card{filter:grayscale(.5);transform:scale(.95)}