.theme-toggle{cursor:pointer;background:#e9ecef;border:none;border-radius:15px;flex-shrink:0;align-items:center;width:60px;height:30px;padding:0 4px;transition:background .3s;display:flex;position:relative}[data-theme=dark] .theme-toggle{background:#2d2d2d}.theme-toggle-slider{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:transform .3s,background .3s;display:flex;box-shadow:0 2px 4px #0003}[data-theme=dark] .theme-toggle-slider{background:gold;transform:translate(30px)}.page-header{background:var(--bg-card);box-shadow:var(--shadow-sm);border-bottom:3px solid var(--primary);box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;padding:16px 24px;transition:background .3s,box-shadow .3s;display:flex}.page-header-left{align-items:center;gap:16px;display:flex}.page-header-logo{object-fit:contain;border-radius:8px;width:44px;height:44px}.page-header-title{color:var(--text-primary);margin:0;font-size:20px;transition:color .3s}.page-header-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:13px;transition:color .3s}.page-header-right{align-items:center;gap:12px;display:flex}.page-header-btn{cursor:pointer;border:none;border-radius:4px;padding:6px 18px;font-family:inherit;font-size:14px;transition:all .2s}.page-header-btn-primary{background:var(--primary);color:#fff;font-weight:500}.page-header-btn-primary:hover{background:var(--primary-dark)}.page-header-btn-secondary{background:var(--gray-light);color:var(--text-secondary)}.page-header-btn-secondary:hover{background:#dee2e6}.page-header-divider{background:var(--border-color);width:1px;height:28px;transition:background .3s}.order-form{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-md);margin-bottom:var(--spacing-xxl);border:1px solid var(--border-color);transition:background .3s,border-color .3s}.order-form-title{color:var(--text-primary);margin-top:0;transition:color .3s}.order-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.order-form-custom-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px;display:grid}.order-form-checkbox{color:var(--text-primary);margin-top:12px;font-size:14px;font-weight:500}.order-form-checkbox input{margin-right:4px}.order-form-no-products{color:var(--text-muted);margin-top:4px;font-size:12px}.order-form-submit{background:var(--primary);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:16px;padding:10px 32px;font-size:16px;transition:background .2s}.order-form-submit:hover{background:var(--primary-dark)}.form-group-select{margin-top:12px}.order-table-wrapper{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:background .3s,border-color .3s}.order-table-empty{text-align:center;color:var(--text-muted);padding:40px}.order-table{border-collapse:collapse;width:100%;font-family:var(--font-family)}.order-table thead tr{background:var(--primary);color:var(--white)}.order-table thead th{border:1px solid var(--primary-dark);padding:10px;font-weight:700}.order-table tbody td{border:1px solid var(--border-color);color:var(--text-primary);padding:8px;transition:border-color .3s,color .3s}.order-table .row-even{background:#00000005}.order-table .row-odd{background:var(--bg-card)}[data-theme=dark] .order-table .row-even{background:#ffffff08}.order-table .text-center{text-align:center}.order-table .text-right{text-align:right}.order-table .font-bold{font-weight:700}.btn-delete-sm{background:var(--danger);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:2px 10px;font-size:12px;transition:background .2s}.btn-delete-sm:hover{background:var(--danger-dark)}.order-table-total{text-align:right;color:var(--text-primary);margin-top:16px;font-size:18px;font-weight:700;transition:color .3s}.admin-auth-modal-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-auth-modal{background:var(--bg-card);border-radius:var(--radius-md);text-align:center;width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:30px;transition:background .3s}.admin-auth-modal-title{color:var(--text-primary);margin-top:0;transition:color .3s}.admin-auth-modal-desc{color:var(--text-secondary);font-size:14px;transition:color .3s}.admin-auth-modal-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text-primary);margin-top:12px;padding:10px;font-size:16px;transition:border-color .3s,background .3s,color .3s}.admin-auth-modal-input:focus{border-color:var(--primary);outline:none}.admin-auth-modal-input:disabled{opacity:.6}.admin-auth-modal-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.admin-auth-modal-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-family:var(--font-family);border:none;padding:8px 32px;transition:background .2s,opacity .2s}.admin-auth-modal-btn-primary{background:var(--blue);color:var(--white)}.admin-auth-modal-btn-primary:hover{background:#0069d9}.admin-auth-modal-btn-secondary{background:var(--gray);color:var(--white)}.admin-auth-modal-btn-secondary:hover{background:#5a6268}.admin-auth-modal-btn-disabled{opacity:.6;cursor:not-allowed}.admin-auth-modal-error{color:var(--danger);margin-top:12px}.admin-auth-modal-hint{color:var(--text-muted);margin-top:16px;font-size:12px}.home-page{box-sizing:border-box;width:100%;min-width:320px;max-width:1100px;padding:20px;overflow-x:hidden}.loading-state{text-align:center;padding:40px}.home-page-header-actions{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.home-page-table-title{margin:0}.admin-actions{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;transition:background .3s,border-color .3s;display:flex}.admin-actions-left{flex-wrap:wrap;gap:8px;display:flex}.admin-actions-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-family:var(--font-family);white-space:nowrap;border:none;padding:8px 16px;transition:all .2s}.admin-actions-btn:disabled{opacity:.6;cursor:not-allowed}.admin-actions-btn-add{background:var(--primary);color:var(--white)}.admin-actions-btn-add:hover:not(:disabled){background:var(--primary-dark)}.admin-actions-btn-import{background:var(--info);color:var(--white)}.admin-actions-btn-import:hover:not(:disabled){background:#138496}.admin-actions-btn-export{background:var(--blue);color:var(--white)}.admin-actions-btn-export:hover{background:#0069d9}.admin-actions-btn-clear{background:var(--danger);color:var(--white)}.admin-actions-btn-clear:hover:not(:disabled){background:var(--danger-dark)}.admin-actions-btn-disabled{background:var(--gray);color:var(--white)}.admin-actions-file-input{display:none}.admin-actions-status{color:var(--text-secondary);font-size:13px;transition:color .3s}.admin-actions-status-auth{color:var(--primary)}.admin-actions-btn-export-purchased{color:var(--white);background:#6f42c1}.admin-actions-btn-export-purchased:hover{background:#5a32a3}.admin-actions-btn-archive{color:var(--white);background:#fd7e14}.admin-actions-btn-archive:hover:not(:disabled){background:#e06b0a}.admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table-loading{text-align:center;color:var(--text-secondary);padding:40px}.admin-table-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:40px}.admin-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:700px}.admin-table thead tr{background:var(--dark);color:var(--white)}.admin-table thead th{text-align:center;border:1px solid #555;padding:10px}.admin-table tbody td{border:1px solid var(--border-color);color:var(--text-primary);text-align:center;padding:8px;transition:border-color .3s,color .3s}.admin-table th:first-child{width:50px}.admin-table th:nth-child(2),.admin-table th:nth-child(3){width:15%}.admin-table th:nth-child(4){width:10%}.admin-table th:nth-child(5){width:12%}.admin-table th:nth-child(6),.admin-table th:nth-child(7){width:18%}.admin-table th{text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.admin-table th:after{content:"";cursor:col-resize;background:0 0;width:8px;height:100%;transition:background .2s;position:absolute;top:0;right:0}.admin-table th:hover:after{background:#fff3}.admin-table-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text-primary);text-align:center;padding:4px 6px;transition:border-color .3s,background .3s,color .3s}.admin-table-input:focus{border-color:var(--primary);outline:none}.admin-table-actions{white-space:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.admin-table-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:var(--font-family);border:none;padding:4px 12px;transition:all .2s}.admin-table-btn-edit{background:var(--warning);color:#000}.admin-table-btn-edit:hover{background:#e0a800}.admin-table-btn-delete{background:var(--danger);color:var(--white)}.admin-table-btn-delete:hover{background:var(--danger-dark)}.admin-table-btn-disabled{color:#999;cursor:not-allowed;background:#e0e0e0}[data-theme=dark] .admin-table-btn-disabled{color:#666;background:#3a3a4a}.btn-success{background:var(--primary);color:var(--white)}.btn-success:hover{background:var(--primary-dark)}.purchased-wrapper{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:16px;transition:background .3s,border-color .3s}.purchased-summary{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-primary);flex-wrap:wrap;gap:32px;margin-bottom:16px;padding:12px 16px;font-size:16px;transition:background .3s,color .3s;display:flex}.purchased-summary strong{color:var(--primary)}.purchased-loading{text-align:center;color:var(--text-secondary);padding:40px}.purchased-empty{text-align:center;color:var(--text-muted);padding:40px}.purchased-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.purchased-table{border-collapse:collapse;width:100%;min-width:800px;font-family:var(--font-family)}.purchased-table thead tr{background:var(--dark);color:var(--white)}.purchased-table thead th{text-align:center;border:1px solid #555;padding:10px}.purchased-table tbody td{border:1px solid var(--border-color);color:var(--text-primary);padding:8px;transition:border-color .3s,color .3s}.purchased-table .row-even{background:#00000005}.purchased-table .row-odd{background:var(--bg-card)}[data-theme=dark] .purchased-table .row-even{background:#ffffff08}.purchased-table .text-center{text-align:center}.purchased-table .text-right{text-align:right}.purchased-table .font-bold{font-weight:700}.purchased-edit-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text-primary);box-sizing:border-box;padding:4px 6px;font-size:13px;transition:border-color .3s,background .3s}.purchased-edit-input:focus{border-color:var(--primary);outline:none}.purchased-edit-input-small{max-width:80px}.purchased-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:var(--font-family);border:none;margin:0 2px;padding:4px 10px;transition:all .2s}.purchased-btn-edit{background:var(--warning);color:#000}.purchased-btn-edit:hover{background:#e0a800}.purchased-btn-delete{background:var(--danger);color:var(--white)}.purchased-btn-delete:hover{background:var(--danger-dark)}.purchased-btn-save{background:var(--primary);color:var(--white)}.purchased-btn-save:hover{background:var(--primary-dark)}.purchased-btn-cancel{background:var(--gray);color:var(--white)}.purchased-btn-cancel:hover{background:#5a6268}.purchased-table th:first-child{width:50px}.purchased-table th:nth-child(2){width:10%}.purchased-table th:nth-child(3){width:12%}.purchased-table th:nth-child(4){width:10%}.purchased-table th:nth-child(5),.purchased-table th:nth-child(6){width:8%}.purchased-table th:nth-child(7){width:10%}.purchased-table th:nth-child(8){width:12%}.purchased-table th:nth-child(9),.purchased-table th:nth-child(10){width:15%}.orders-admin-container{width:100%}.orders-admin-loading{text-align:center;color:var(--text-secondary);padding:20px}.orders-admin-empty{text-align:center;color:var(--text-muted);padding:20px}.orders-admin-message{border-radius:var(--radius-sm);margin-bottom:12px;padding:8px 16px}.orders-admin-message-success{background:var(--primary-light);color:#155724}.orders-admin-message-error{color:#721c24;background:#f8d7da}[data-theme=dark] .orders-admin-message-success{color:#8fdf8a;background:#1ec71533}[data-theme=dark] .orders-admin-message-error{color:#f8a5a5;background:#dc354533}.orders-admin-table-wrapper{overflow-x:auto}.orders-admin-table{border-collapse:collapse;width:100%;min-width:600px}.orders-admin-table thead tr{background:var(--dark);color:var(--white)}.orders-admin-table thead th{text-align:center;border:1px solid #555;padding:8px}.orders-admin-table tbody td{border:1px solid var(--border-color);color:var(--text-primary);padding:6px;transition:border-color .3s,color .3s}.orders-admin-table .row-even{background:#00000005}.orders-admin-table .row-odd{background:var(--bg-card)}[data-theme=dark] .orders-admin-table .row-even{background:#ffffff08}.orders-admin-table .text-center{text-align:center}.orders-admin-table .text-right{text-align:right}.orders-admin-btn-delete{background:var(--danger);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:var(--font-family);border:none;padding:4px 12px;transition:background .2s}.orders-admin-btn-delete:hover{background:var(--danger-dark)}.orders-admin-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.orders-admin-btn-archive{color:#fff;cursor:pointer;white-space:nowrap;background:#f0ad4e;border:none;border-radius:4px;padding:4px 10px;font-size:13px;transition:background .2s}.orders-admin-btn-archive:hover{background:#ec971f}.orders-admin-btn-archive:active{background:#d58512}.admin-page{box-sizing:border-box;width:100%;min-width:320px;max-width:1100px;padding:20px;overflow-x:hidden}.admin-status{color:#888;background:#f8f9fa;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 16px;font-size:14px;transition:background .3s,color .3s;display:flex}.admin-status-auth{color:#155724;background:#d4edda}[data-theme=dark] .admin-status{color:#aaa;background:#2a2a3a}[data-theme=dark] .admin-status-auth{color:#8fdf8a;background:#1ec71533}.orders-admin-section{border-top:2px solid #eee;margin-top:40px;padding-top:20px;overflow-x:auto}[data-theme=dark] .orders-admin-section{border-top-color:#333}.orders-admin-section-title{margin:0 0 12px}.admin-tab-container{margin-top:16px}.admin-tabs{border-bottom:2px solid var(--border-color);gap:0;margin-bottom:16px;display:flex}.admin-tab{cursor:pointer;color:var(--text-secondary);font-size:15px;font-weight:500;font-family:var(--font-family);background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 24px;transition:all .2s}.admin-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.admin-tab-active{color:var(--primary);border-bottom-color:var(--primary)}.admin-tab-content{min-height:200px}:root{--bg-primary:#f5f5f5;--bg-secondary:#f8f9fa;--bg-card:#fff;--bg-input:#fff;--text-primary:#2c3e50;--text-secondary:#888;--text-muted:#999;--border-color:#e0e0e0;--shadow-color:#0000000f;--primary:#1ec715;--primary-dark:#17a80f;--primary-light:#d4edda;--danger:#dc3545;--danger-dark:#c82333;--warning:#ffc107;--info:#17a2b8;--blue:#007bff;--gray:#6c757d;--gray-light:#e9ecef;--dark:#343a40;--white:#fff;--font-family:"SimHei", "Microsoft YaHei", -apple-system, sans-serif;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 2px 8px var(--shadow-color);--shadow-md:0 2px 8px #0000001a;--container-max:1100px;--container-min:320px}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-card:#1f1f3a;--bg-input:#2a2a4a;--text-primary:#e8e8e8;--text-secondary:#aaa;--text-muted:#777;--border-color:#336;--shadow-color:#0000004d;--gray-light:#2a2a3a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{padding:var(--spacing-xl);max-width:var(--container-max);min-width:var(--container-min);box-sizing:border-box;width:100%;margin:0 auto}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);margin-bottom:var(--spacing-xxl);transition:background .3s,box-shadow .3s}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-family:var(--font-family);border:none;padding:8px 16px;transition:all .2s}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:var(--danger-dark)}.btn-warning{background:var(--warning);color:#000}.btn-warning:hover{background:#e0a800}.btn-info{background:var(--info);color:var(--white)}.btn-info:hover{background:#138496}.btn-blue{background:var(--blue);color:var(--white)}.btn-blue:hover{background:#0069d9}.btn-gray{background:var(--gray);color:var(--white)}.btn-gray:hover{background:#5a6268}.btn-sm{padding:4px 12px;font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed}.table{border-collapse:collapse;width:100%;font-family:var(--font-family)}.table th{background:var(--dark);color:var(--white);text-align:left;border:1px solid #555;padding:10px;font-weight:600}.table td{border:1px solid var(--border-color);color:var(--text-primary);padding:8px;transition:border-color .3s,color .3s}.table-striped tbody tr:nth-child(2n){background:#00000005}[data-theme=dark] .table-striped tbody tr:nth-child(2n){background:#ffffff08}.form-group{margin-bottom:var(--spacing-md)}.form-label{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.form-input,.form-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text-primary);padding:8px 12px;font-size:16px;transition:border-color .3s,background .3s,color .3s}.form-input:focus,.form-select:focus{border-color:var(--primary);outline:none}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-success{color:var(--primary)}.text-danger{color:var(--danger)}.text-bold{font-weight:700}.message{border-radius:var(--radius-sm);margin-top:var(--spacing-md);padding:10px 14px}.message-success{background:var(--primary-light);color:#155724}.message-error{color:#721c24;background:#f8d7da}.loading-state{text-align:center;color:var(--text-secondary);padding:40px}.empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:40px}@media screen and (width<=768px){.table-wrapper,.order-table-wrapper,.admin-table-wrapper,.orders-admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.order-table th,.order-table td,.admin-table th,.admin-table td,.orders-admin-table th,.orders-admin-table td{white-space:nowrap;padding:6px 4px;font-size:12px}.order-form-grid,.order-form-custom-grid{grid-template-columns:1fr!important}.admin-actions{flex-direction:column;align-items:stretch}.admin-actions-left{flex-wrap:wrap;justify-content:center}.admin-status{text-align:center;flex-direction:column;gap:8px}.container,.home-page,.admin-page{padding:12px!important}.page-header{flex-wrap:wrap;padding:12px!important}.page-header-title{font-size:16px!important}.page-header-subtitle{font-size:12px!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0;transition:background .3s,color .3s}#root{width:100%;max-width:var(--container-max);box-sizing:border-box;flex-direction:column;min-height:100vh;margin:0 auto;padding:0 20px;display:flex}html{overflow-y:scroll}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#444;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#555}