*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;padding:0;width:100%;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #6A5ACD;--primary-rgb: 106, 90, 205;--bg: #F5F7FA;--card: #FFFFFF;--text: #1F2937;--text-light: #6B7280;--border: #E5E7EB;--toggle-track: #F3F4F6;--header-text: white;--shadow-color: rgba(0,0,0,.05);--green: #10B981;--red: #EF4444}[data-theme=dark]{--bg: #111827;--card: #1F2937;--text: #F9FAFB;--text-light: #9CA3AF;--border: #374151;--toggle-track: #111827;--shadow-color: rgba(0,0,0,.25)}.client-app-wrapper{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#eef2f5;display:flex;justify-content:center;min-height:100vh;width:100%}.client-app-wrapper *{transition:background-color .3s ease,border-color .3s ease,color .3s ease;box-sizing:border-box}.header-content .logo{width:50px;height:50px;vertical-align:middle;margin-right:5px}.header-content h1{font-size:22px;font-weight:700;line-height:1.2;margin:0}.header-content p{font-size:14px;opacity:.8;margin-top:4px;margin-bottom:0}.content-area{padding:0 20px;flex:1;overflow-y:auto;margin-top:120px}.section-label{padding:0 5px 10px;font-size:14px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:1px}.table-card{background:var(--card);border-radius:16px;box-shadow:0 2px 8px var(--shadow-color);border:1px solid var(--border);overflow:hidden;margin-bottom:20px}.table-head{display:grid;grid-template-columns:1.5fr 1fr 1fr;padding:12px 16px;background:var(--primary);border-bottom:1px solid var(--border)}.th-cell{font-size:12px;font-weight:700;color:var(--header-text);opacity:.9;text-transform:uppercase;letter-spacing:.5px}.text-center{text-align:center}.table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;padding:16px;border-bottom:1px solid var(--border);align-items:center}.table-row:last-child{border-bottom:none}.product-name{font-size:16px;font-weight:700;color:var(--text);padding-right:8px}.price-cell{font-size:16px;font-weight:700;text-align:center;color:var(--text)}.price-up{color:var(--green)}.price-down{color:var(--red)}.disabled-color{color:var(--text-light);opacity:.5}.client-footer{position:fixed;bottom:0;left:0;width:100%;padding:16px 20px;background:var(--card);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;z-index:100;box-shadow:0 -4px 10px var(--shadow-color)}.contact-actions{display:flex;gap:10px;width:100%}.contact-btn{flex:1;background:var(--primary);color:#fff;border:none;padding:12px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transition:transform .2s;text-align:center}.contact-btn:active{transform:scale(.98)}.footer-info{text-align:center}.footer-text{font-size:12px;font-weight:600;color:var(--text);text-align:center}.footer-sub{font-size:10px;color:var(--text-light);margin-top:2px;text-align:center}.loader-container{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text);padding:20px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;width:100%;max-width:420px;overflow:hidden;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.login-header h2{margin:0 0 10px;font-size:1.8rem}.login-header p{margin:0;opacity:.9;font-size:.95rem}form{padding:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:600;font-size:.95rem}.form-group input{width:100%;padding:12px 15px;border:2px solid #ecf0f1;border-radius:8px;font-size:.95rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.error-message{background:#e74c3c1a;color:#e74c3c;padding:12px;border-radius:8px;margin-bottom:20px;font-size:.9rem;text-align:center;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{padding:20px 30px;background:#f8f9fa;text-align:center;border-top:1px solid #ecf0f1}.back-link{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease}.back-link:hover{color:#764ba2}@media(max-width:480px){.login-card{margin:10px}.login-header,form{padding:25px 20px}}:root{--primary: #6A5ACD;--primary-rgb: 106, 90, 205;--bg: #F5F7FA;--card: #FFFFFF;--text: #1F2937;--text-light: #6B7280;--border: #E5E7EB;--toggle-track: #F3F4F6;--input-bg: #FAFAFA;--shadow-color: rgba(0,0,0,.05);--header-text: white;--green: #10B981;--red: #EF4444}[data-theme=dark]{--bg: #111827;--card: #1F2937;--text: #F9FAFB;--text-light: #9CA3AF;--border: #374151;--toggle-track: #111827;--input-bg: #18212F;--shadow-color: rgba(0,0,0,.25)}.admin-app-wrapper{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#eef2f5;display:flex;justify-content:center;min-height:100vh;width:100%;padding-bottom:40px}.admin-app-wrapper *{transition:background-color .3s ease,border-color .3s ease,color .3s ease;box-sizing:border-box}.mobile-container{width:100%;max-width:100%;background-color:var(--bg);min-height:100vh;box-shadow:0 0 20px #0000001a;position:relative;display:flex;flex-direction:column}.header{position:fixed;top:0;left:0;width:100%;max-width:100%;z-index:100;background:var(--primary);padding:20px 20px 25px;display:flex;justify-content:space-between;align-items:center;color:var(--header-text);border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.header-content{display:flex;align-items:center}.header-content .logo{width:50px;height:50px;vertical-align:middle;margin-right:5px;margin-left:-10px}.header-content h1{font-size:22px;font-weight:700;margin:0}.header-actions{display:flex;gap:8px}.icon-btn{background:#fff3;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:20px;width:40px;height:40px;padding:0}.logout-btn{background:#fff3;border:none;padding:0 16px;border-radius:100px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:40px}.logout-btn:hover,.logout-btn:active{background:var(--red)}.stats-container{padding:0 20px;margin-top:110px}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 5px}.stats-title{color:var(--text-light);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;width:100%}.stats-title:after{content:"";flex:1;height:1px;background:var(--border)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:-10px}.stat-card{background:var(--card);padding:16px;border-radius:16px;box-shadow:0 4px 6px var(--shadow-color);text-align:center;border:1px solid var(--border);display:block}.stat-value{font-size:24px;font-weight:800;color:var(--text);display:block;line-height:1.2}.stat-label{font-size:11px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:4px;display:block}.section-title{margin-left:24px;margin-top:20px;font-size:14px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.control-card{background:var(--card);margin-right:20px;margin-left:20px;margin-top:15px;border-radius:16px;padding:16px;box-shadow:0 2px 4px var(--shadow-color);border:1px solid var(--border)}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.product-name{font-weight:700;color:var(--text);font-size:16px}.status-toggle{width:90px;height:32px;background:var(--toggle-track);border-radius:50px;position:relative;cursor:pointer;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2px;box-sizing:border-box}.status-slider{position:absolute;top:2px;left:2px;width:42px;height:26px;background:var(--red);border-radius:50px;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s;box-shadow:0 1px 3px #0003;z-index:1}.status-slider.off{transform:translate(42px);background:var(--green)}.status-label{flex:1;text-align:center;font-size:11px;font-weight:700;z-index:2;color:var(--text-light);transition:color .3s;vertical-align:middle;-webkit-user-select:none;user-select:none}.status-label.active{color:#fff}.form-row{display:flex;align-items:center;margin-bottom:12px;gap:10px}.form-row:last-child{margin-bottom:0}.row-label{width:40px;font-size:14px;font-weight:700;color:var(--text-light)}.toggle-container{background:var(--toggle-track);padding:3px;border-radius:50px;display:flex;flex:2;border:1px solid var(--border);position:relative;isolation:isolate}.toggle-slider{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--card);border-radius:50px;z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px var(--shadow-color)}.toggle-slider.slide-right{transform:translate(100%)}.toggle-option{flex:1;text-align:center;font-size:12px;padding:8px 4px;border-radius:50px;cursor:pointer;font-weight:600;color:var(--text-light);transition:color .2s;position:relative;z-index:2}.toggle-option.active{color:var(--primary)}.margin-input-group{flex:1.5;position:relative}.margin-input{width:100%;padding:10px;border:1px solid var(--border);border-radius:100px;font-size:16px;font-weight:600;outline:none;background:var(--input-bg);color:var(--text);text-align:right;-moz-appearance:textfield}.margin-input::-webkit-outer-spin-button,.margin-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.margin-input:focus{border-color:var(--primary);background:var(--card)}.admin-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;padding:16px 20px;background:var(--card);border-top:1px solid var(--border);display:grid;grid-template-columns:3fr 7fr;gap:8px;z-index:100;box-shadow:0 -4px 10px var(--shadow-color)}.save-btn{width:100%;background:var(--green);color:#fff;border:none;padding:10px 24px;border-radius:120px;font-weight:700;font-size:14px;box-shadow:0 4px 12px #10b9814d;cursor:pointer;transition:background-color .3s,box-shadow .3s;height:40px;display:flex;align-items:center;justify-content:center}.save-btn:disabled{background:#6ee7b7;cursor:not-allowed;box-shadow:none}.reset-btn{width:100%;background:var(--red);color:#fff;border:1px solid var(--border);padding:10px 24px;border-radius:120px;font-weight:600;cursor:pointer;font-size:14px;height:40px;display:flex;align-items:center;justify-content:center}.stats-reset-btn{background:var(--red);color:#fff;border:none;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #ef44444d;transition:transform .2s}.stats-reset-btn:active{transform:scale(.95)}