.otp-input-container{display:flex;gap:var(--space-2);justify-content:center;margin:var(--space-5) 0}.otp-input-container .otp-digit{width:48px;height:56px;text-align:center;font-size:24px;font-weight:var(--font-bold);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);transition:all .2s ease;outline:none}.otp-input-container .otp-digit:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.otp-input-container .otp-digit.otp-filled{border-color:var(--color-primary);background:var(--color-primary-a10)}.otp-input-container .otp-digit:hover:not(:disabled){border-color:var(--color-primary)}.otp-input-container.otp-error .otp-digit,.otp-input-container .otp-digit-error{border-color:var(--color-danger);background:var(--color-danger-a15)}.otp-input-container.otp-error .otp-digit:focus,.otp-input-container .otp-digit-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb),.2)}.otp-input-container.otp-disabled .otp-digit,.otp-input-container .otp-digit:disabled{background:var(--color-surface);border-color:var(--color-border-2);color:var(--color-text-faint);cursor:not-allowed}@media (max-width: 480px){.otp-input-container{gap:6px}.otp-input-container .otp-digit{width:42px;height:50px;font-size:20px}}@media (max-width: 360px){.otp-input-container{gap:4px}.otp-input-container .otp-digit{width:38px;height:46px;font-size:18px}}@keyframes digitPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.otp-input-container .otp-digit.otp-filled{animation:digitPop .15s ease-out}.otp-input-container .otp-digit::-webkit-outer-spin-button,.otp-input-container .otp-digit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input-container .otp-digit[type=number]{-moz-appearance:textfield;appearance:textfield}.lm-overlay{position:fixed!important;inset:0!important;background-color:var(--color-overlay)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;padding:var(--space-5)!important;pointer-events:auto!important;box-sizing:border-box!important}.lm-overlay .lm-modal{background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-bg) 100%)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-xl)!important;width:100%!important;max-width:420px!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:var(--shadow-lg),0 0 0 1px rgba(var(--color-white-rgb),.05)!important;animation:lm-fadeIn .25s ease-out!important;position:relative!important;box-sizing:border-box!important}@keyframes lm-fadeIn{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.lm-overlay .lm-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important}.lm-overlay .lm-close-btn{position:absolute!important;top:16px!important;right:16px!important;background:rgba(var(--color-white-rgb),.1)!important;border:none!important;font-size:24px!important;color:var(--color-text-dim)!important;cursor:pointer!important;padding:0!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius-circle)!important;transition:all .2s ease!important;line-height:1!important}.lm-overlay .lm-close-btn:hover{background:rgba(var(--color-white-rgb),.2)!important;color:var(--color-text)!important}.lm-overlay .lm-header{padding:var(--space-6) var(--space-6) 0!important}.lm-overlay .lm-header h2{margin:0 0 var(--space-5) 0!important;color:var(--color-text)!important;font-size:24px!important;font-weight:var(--font-bold)!important;letter-spacing:-.5px!important}.lm-overlay .lm-method-toggle{display:flex!important;gap:4px!important;background:rgba(var(--color-white-rgb),.05)!important;padding:4px!important;border-radius:var(--radius-lg)!important}.lm-overlay .lm-method-btn{flex:1!important;padding:12px 16px!important;background:transparent!important;border:none!important;border-radius:var(--radius-md)!important;color:var(--color-text-dim)!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:var(--space-2)!important}.lm-overlay .lm-method-btn:hover:not(.active){color:var(--color-text-muted)!important;background:rgba(var(--color-white-rgb),.05)!important}.lm-overlay .lm-method-btn.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important;color:var(--color-on-primary)!important;box-shadow:0 4px 12px var(--color-primary-a30)!important}.lm-overlay .lm-body{padding:var(--space-6)!important}.lm-overlay .lm-error{background:var(--color-danger-a15)!important;border:1px solid rgba(var(--color-danger-rgb),.3)!important;color:var(--color-danger)!important;padding:12px 16px!important;border-radius:var(--radius-md)!important;margin-bottom:var(--space-5)!important;font-size:14px!important}.lm-overlay .lm-form{display:flex!important;flex-direction:column!important;gap:var(--space-5)!important}.lm-overlay .lm-form-group{display:flex!important;flex-direction:column!important;gap:var(--space-2)!important}.lm-overlay .lm-form-group label{font-weight:600!important;color:var(--color-text-muted)!important;font-size:14px!important}.lm-overlay .lm-form-group input{padding:14px 16px!important;border:2px solid var(--color-border)!important;border-radius:var(--radius-md)!important;font-size:16px!important;transition:all .2s ease!important;background:rgba(var(--color-white-rgb),.05)!important;color:var(--color-text)!important;width:100%!important;box-sizing:border-box!important}.lm-overlay .lm-form-group input::placeholder{color:var(--color-text-faint)!important}.lm-overlay .lm-form-group input:hover{border-color:var(--color-border-2)!important;background:rgba(var(--color-white-rgb),.08)!important}.lm-overlay .lm-form-group input:focus{outline:none!important;border-color:var(--color-primary)!important;background:var(--color-primary-a10)!important;box-shadow:0 0 0 3px var(--color-primary-a10)!important}.lm-overlay .lm-password-wrapper{position:relative!important}.lm-overlay .lm-password-wrapper input{padding-right:50px!important}.lm-overlay .lm-password-toggle{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;background:none!important;border:none!important;color:var(--color-text-faint)!important;cursor:pointer!important;padding:4px!important;font-size:18px!important;transition:color .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.lm-overlay .lm-password-toggle:hover{color:var(--color-primary)!important}.lm-overlay .lm-submit-btn{padding:14px 24px!important;border:none!important;border-radius:var(--radius-md)!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important;color:var(--color-on-primary)!important}.lm-overlay .lm-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px var(--color-primary-a40)!important}.lm-overlay .lm-submit-btn:disabled{background:var(--color-surface-3)!important;color:var(--color-text-faint)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.lm-overlay .lm-hint{color:var(--color-text-faint)!important;font-size:12px!important}.lm-overlay .lm-otp-sent-msg{color:var(--color-text-dim)!important;font-size:14px!important;margin-bottom:16px!important}.lm-overlay .lm-otp-sent-msg strong{color:var(--color-primary)!important}.lm-overlay .lm-ref-code{text-align:center!important;padding:10px 16px!important;background:var(--color-info-a15)!important;border:1px solid var(--color-info)!important;border-radius:var(--radius-sm)!important;margin-bottom:16px!important}.lm-overlay .lm-ref-code small{color:var(--color-info)!important;font-size:12px!important}.lm-overlay .lm-ref-code strong{color:var(--color-info)!important;font-size:14px!important;font-weight:var(--font-bold)!important;letter-spacing:1px!important}.lm-overlay .lm-dev-otp{text-align:center!important;padding:10px 16px!important;background:var(--color-warning-a15)!important;border:1px solid var(--color-warning)!important;border-radius:var(--radius-sm)!important;margin-top:12px!important}.lm-overlay .lm-dev-otp small{color:var(--color-warning)!important;font-size:12px!important}.lm-overlay .lm-dev-otp strong{color:var(--color-warning)!important;font-size:18px!important;font-weight:var(--font-bold)!important;letter-spacing:4px!important}.lm-overlay .lm-otp-info{display:flex!important;justify-content:space-between!important;margin-top:16px!important;font-size:13px!important;color:var(--color-text-dim)!important}.lm-overlay .lm-otp-actions{text-align:center!important}.lm-overlay .lm-link-btn{background:none!important;border:none!important;color:var(--color-primary)!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;padding:var(--space-2) 12px!important;border-radius:var(--radius-sm)!important;transition:all .2s ease!important;text-decoration:underline!important}.lm-overlay .lm-link-btn:hover:not(:disabled){background:var(--color-primary-a10)!important;color:var(--color-primary-hover)!important}.lm-overlay .lm-link-btn:disabled{color:var(--color-border-3)!important;cursor:not-allowed!important}.lm-overlay .lm-link-btn.secondary{color:var(--color-text-dim)!important;text-decoration:none!important}.lm-overlay .lm-link-btn.secondary:hover{color:var(--color-text-muted)!important;background:rgba(var(--color-white-rgb),.05)!important}.lm-overlay .lm-cooldown{color:var(--color-text-faint)!important;font-size:13px!important}.lm-overlay .lm-change-phone{text-align:center!important}.lm-overlay .lm-footer{margin-top:var(--space-6)!important;text-align:center!important;border-top:1px solid var(--color-border)!important;padding-top:var(--space-6)!important}.lm-overlay .lm-footer p{margin-bottom:12px!important;color:var(--color-text-dim)!important;font-size:14px!important}.lm-overlay .lm-register-btn{background:transparent!important;color:var(--color-primary)!important;border:2px solid var(--color-primary-a40)!important;padding:12px 32px!important;border-radius:var(--radius-md)!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;transition:all .2s ease!important}.lm-overlay .lm-register-btn:hover{background:var(--color-primary-a10)!important;border-color:var(--color-primary)!important}@media (max-width: 480px){.lm-overlay{padding:40px 16px 16px!important;align-items:flex-start!important}.lm-overlay .lm-modal{max-width:100%!important;border-radius:var(--radius-lg)!important}.lm-overlay .lm-header{padding:20px 20px 0!important}.lm-overlay .lm-header h2{font-size:20px!important}.lm-overlay .lm-body{padding:20px!important}.lm-overlay .lm-method-toggle{flex-direction:column!important;gap:6px!important}.lm-overlay .lm-method-btn{padding:14px 16px!important}}.lm-overlay .lm-form .otp-input-container,.lm-overlay .lm-form [class*=otp-input]{display:flex!important;justify-content:center!important;gap:10px!important}.lm-overlay .lm-form .otp-digit,.lm-overlay .lm-form input[class*=otp]{width:48px!important;height:56px!important;text-align:center!important;font-size:24px!important;font-weight:var(--font-bold)!important;border:2px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;background:rgba(var(--color-white-rgb),.05)!important;color:var(--color-text)!important;transition:all .2s ease!important}.lm-overlay .lm-form .otp-digit:focus,.lm-overlay .lm-form input[class*=otp]:focus{border-color:var(--color-primary)!important;background:var(--color-primary-a10)!important;box-shadow:0 0 0 3px var(--color-primary-a10)!important;outline:none!important}.layout{min-height:100vh;display:flex;flex-direction:column;background-color:#000}.sharebad{color:#ffeb3b;padding:1rem 2rem;box-shadow:0 2px 4px #ffeb3b1a;width:100%;text-align:center;margin:0}.main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){.main{padding:1rem}}@media (max-width: 480px){.main{padding:.75rem}}._btn_qg0pi_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-6);border:1.5px solid transparent;border-radius:var(--radius-pill);font-family:var(--font-base);font-weight:var(--font-bold);font-size:var(--text-base);line-height:1;cursor:pointer;white-space:nowrap;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);-webkit-tap-highlight-color:transparent}._btn_qg0pi_1:active{transform:scale(.97)}._btn_qg0pi_1:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}._btn_qg0pi_1:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}._label_qg0pi_24{display:inline-block}._icon_qg0pi_25{display:inline-flex;align-items:center}._sm_qg0pi_28{min-height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}._md_qg0pi_29{min-height:var(--tap-min)}._lg_qg0pi_30{min-height:52px;padding:0 var(--space-8);font-size:var(--text-lg)}._fullWidth_qg0pi_32{width:100%}._primary_qg0pi_35{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-primary)}._primary_qg0pi_35:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px)}._secondary_qg0pi_38{background:var(--color-secondary);color:var(--color-on-secondary);box-shadow:var(--shadow-secondary)}._secondary_qg0pi_38:hover:not(:disabled){background:var(--color-secondary-hover);transform:translateY(-2px)}._ghost_qg0pi_41{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}._ghost_qg0pi_41:hover:not(:disabled){background:var(--color-primary-a10);transform:translateY(-2px)}._danger_qg0pi_44{background:var(--color-danger);color:#2a0606}._danger_qg0pi_44:hover:not(:disabled){background:var(--color-danger-strong);transform:translateY(-2px)}._spinner_qg0pi_48{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:_btn-spin_qg0pi_1 .7s linear infinite}@keyframes _btn-spin_qg0pi_1{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){._btn_qg0pi_1,._btn_qg0pi_1:hover{transform:none}._spinner_qg0pi_48{animation-duration:1.4s}}._card_1iz29_1{background:linear-gradient(160deg,var(--color-surface-2),var(--color-surface) 62%);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}._padNone_1iz29_7{padding:0}._padSm_1iz29_8{padding:var(--space-3)}._padMd_1iz29_9{padding:var(--space-5)}._padLg_1iz29_10{padding:var(--space-6)}._interactive_1iz29_12{cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}._interactive_1iz29_12:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}._interactive_1iz29_12:active{transform:scale(.99)}@media (prefers-reduced-motion: reduce){._interactive_1iz29_12:hover{transform:none}}._badge_r05u3_1{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);font-family:var(--font-base);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;white-space:nowrap}._icon_r05u3_13{display:inline-flex;align-items:center}._neutral_r05u3_15{background:var(--color-surface-2);color:var(--color-text-muted);box-shadow:inset 0 0 0 1px var(--color-border)}._primary_r05u3_16{background:var(--color-primary-a20);color:var(--color-primary-soft)}._secondary_r05u3_17{background:var(--color-secondary-a15);color:var(--color-secondary-soft)}._success_r05u3_18{background:var(--color-success-a15);color:var(--color-success)}._warning_r05u3_19{background:var(--color-warning-a15);color:var(--color-warning)}._danger_r05u3_20{background:var(--color-danger-a15);color:var(--color-danger)}._info_r05u3_21{background:var(--color-info-a15);color:var(--color-info)}._field_1ylz8_1{display:flex;flex-direction:column;gap:6px}._label_1ylz8_2{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}._wrap_1ylz8_4{display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:0 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}._wrap_1ylz8_4:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}._wrap_1ylz8_4._error_1ylz8_15{border-color:var(--color-danger)}._wrap_1ylz8_4._error_1ylz8_15:focus-within{box-shadow:0 0 0 3px var(--color-danger-a15)}._icon_1ylz8_18{display:inline-flex;align-items:center;color:var(--color-text-dim);flex-shrink:0}._input_1ylz8_19{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--color-text);font-family:var(--font-base);font-size:var(--text-base);min-height:var(--tap-min)}._input_1ylz8_19::placeholder{color:var(--color-text-faint)}._errorText_1ylz8_31{font-size:var(--text-xs);color:var(--color-danger)}._wrap_24chd_1{display:inline-flex;align-items:center;gap:10px}._ring_24chd_2{display:inline-block;border:3px solid var(--color-primary-a30);border-top-color:var(--color-primary);border-radius:50%;animation:_spinner-rotate_24chd_1 .7s linear infinite}@keyframes _spinner-rotate_24chd_1{to{transform:rotate(360deg)}}._label_24chd_10{color:var(--color-text-muted);font-family:var(--font-base);font-size:var(--text-sm)}._srOnly_24chd_11{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){._ring_24chd_2{animation-duration:1.4s}}._empty_1qqew_1{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:var(--space-12) var(--space-6)}._icon_1qqew_9{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-2xl);background:var(--color-surface-2);color:var(--color-primary);margin-bottom:var(--space-2)}._title_1qqew_20{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);margin:0}._desc_1qqew_21{font-size:var(--text-sm);color:var(--color-text-dim);margin:0;max-width:320px;line-height:1.5}._action_1qqew_22{margin-top:var(--space-3)}._overlay_11hre_1{position:fixed;inset:0;z-index:1000;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:_overlay-in_11hre_1 .2s ease}._modal_11hre_13{width:100%;max-height:90vh;overflow-y:auto;background:linear-gradient(160deg,var(--color-surface-2),var(--color-surface) 62%);border:1px solid var(--color-border-2);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);outline:none;animation:_modal-in_11hre_1 .22s var(--ease-spring)}._sm_11hre_24{max-width:380px}._md_11hre_25{max-width:520px}._lg_11hre_26{max-width:720px}._header_11hre_28{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3)}._title_11hre_35{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin:0}._close_11hre_36{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;padding:0;border:none;border-radius:var(--radius-md);background:var(--color-surface-3);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast)}._close_11hre_36 svg{flex-shrink:0}._close_11hre_36:hover{background:var(--color-surface-4);color:var(--color-text)}._close_11hre_36:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}._body_11hre_54{padding:0 var(--space-5) var(--space-5);color:var(--color-text-muted)}._footer_11hre_55{display:flex;gap:var(--space-3);justify-content:flex-end;flex-wrap:wrap;padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--color-border)}@keyframes _overlay-in_11hre_1{0%{opacity:0}to{opacity:1}}@keyframes _modal-in_11hre_1{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){._overlay_11hre_1,._modal_11hre_13{animation:none}}@media (max-width: 768px){._overlay_11hre_1{align-items:flex-end;padding:0}._modal_11hre_13{max-width:none;max-height:88vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}}._tablist_1xciw_1{display:flex;gap:6px;padding:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);flex-wrap:wrap}._tab_1xciw_1{flex:1;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap-min);padding:0 var(--space-5);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-family:var(--font-base);font-weight:var(--font-bold);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:var(--transition-fast);-webkit-tap-highlight-color:transparent}._tab_1xciw_1:hover{color:var(--color-text);background:var(--color-surface-2)}._tab_1xciw_1:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}._active_1xciw_33{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-primary)}._active_1xciw_33:hover{background:var(--color-primary);color:var(--color-on-primary)}._icon_1xciw_35{display:inline-flex;align-items:center}@media (max-width: 768px){._tab_1xciw_1{min-width:0;padding:0 var(--space-3)}}.home-marquee{position:relative;overflow:hidden;white-space:nowrap;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#15130a;padding:10px 0;font-weight:700;box-shadow:0 2px 16px #ffd70033}.home-marquee-track{display:inline-flex;align-items:center;animation:home-marquee-scroll 8s linear infinite;will-change:transform}.home-marquee-item{flex:0 0 auto;font-size:.95rem;padding-right:48px;white-space:nowrap}@keyframes home-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-25%)}}.home-marquee:hover .home-marquee-track{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.home-marquee-track{animation:none}}.home-hero{position:relative;text-align:center;padding:46px 22px 32px;overflow:hidden;background:radial-gradient(620px 240px at 50% -10%,rgba(255,215,0,.18),transparent 70%),radial-gradient(400px 320px at 12% 120%,rgba(255,215,0,.06),transparent 60%),var(--color-bg)}.home-hero-shuttle{position:absolute;font-size:56px;opacity:.12;filter:grayscale(1);-webkit-user-select:none;user-select:none;pointer-events:none}.home-hero-shuttle--a{left:6%;top:22%;transform:rotate(-18deg)}.home-hero-shuttle--b{right:7%;bottom:12%;font-size:76px;transform:rotate(14deg)}.home-hero-brand{position:relative;margin:0;font-family:var(--font-base);font-size:3rem;font-weight:800;letter-spacing:2px;color:var(--color-accent);text-shadow:0 0 32px rgba(255,215,0,.4)}.home-hero-tagline{position:relative;margin:4px 0 0;font-size:1.05rem;letter-spacing:4px;color:var(--color-text-muted)}.home-hero-ctas{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}.home-hero-chips{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.home-container{max-width:1140px;margin:0 auto;padding:24px 24px 56px;min-height:50vh}.home-section-label{display:flex;align-items:center;gap:12px;margin-bottom:16px}.home-section-label>span:first-child{font-size:.8rem;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--color-accent)}.home-section-rule{flex:1;height:1px;background:var(--color-border)}.welcome-section{text-align:center;margin-bottom:40px}.welcome-section h2{color:var(--color-accent);font-size:2rem;margin-bottom:10px;font-weight:600}.welcome-section p{color:var(--color-text-muted);font-size:1.1rem;margin:0}.home-cats{display:flex;flex-direction:column;gap:14px}.home-cat{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:16px 18px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-family:var(--font-base);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent;animation:home-cat-enter .4s ease both}@keyframes home-cat-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.home-cat{animation:none}}.home-cat:hover{transform:translateY(-3px);border-color:var(--color-accent);box-shadow:0 12px 30px #00000059,0 0 24px color-mix(in srgb,var(--category-color, var(--color-accent)) 22%,transparent)}.home-cat:active{transform:scale(.98)}.home-cat:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.home-cat-ring{flex-shrink:0;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:var(--category-color, var(--color-primary));background:color-mix(in srgb,var(--category-color, var(--color-primary)) 16%,var(--color-surface-2));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--category-color, var(--color-primary)) 45%,transparent);transition:transform .2s ease}.home-cat:hover .home-cat-ring{transform:scale(1.06)}.home-cat-ring--feat{color:var(--color-on-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));box-shadow:0 8px 22px #ffbe004d}.home-cat-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-cat-label{font-size:1.15rem;font-weight:800;color:var(--color-text)}.home-cat-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis}.home-cat-arrow{flex-shrink:0;font-size:1.3rem;font-weight:700;color:var(--color-accent);transition:transform .2s ease}.home-cat:hover .home-cat-arrow{transform:translate(5px)}.home-cat--featured{padding:20px}.home-cat--featured .home-cat-label{font-size:1.35rem}.home-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-cat--tile{flex-direction:column;align-items:center;text-align:center;gap:8px}.home-cat--tile .home-cat-label{font-size:1rem}.home-cat--tile .home-cat-desc{font-size:.8rem}.home-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.home-feature{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.home-feature-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.home-feature-text{font-size:.85rem;font-weight:700;color:var(--color-text)}@media (max-width: 768px){.home-hero-brand{font-size:2.2rem}.home-cat-grid{grid-template-columns:1fr}.home-cat--tile{flex-direction:row;text-align:left}}.products-section{margin-top:50px;background:var(--color-surface-3);border:2px solid var(--color-accent);border-radius:12px;padding:0;box-shadow:0 4px 20px #ffeb3b1a}.products-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--color-accent);background:var(--color-surface);border-radius:10px 10px 0 0}.products-header h2{color:var(--color-accent);margin:0;font-size:1.4rem;font-weight:600}.loading{text-align:center;padding:40px;font-size:1.1rem;color:var(--color-accent)}.no-products{text-align:center;padding:40px;color:var(--color-text-muted)}.no-products p{margin:0;font-size:1.1rem}.products-table-container{overflow-x:auto;background:var(--color-surface-3);border-radius:0 0 10px 10px}.products-table{width:100%;border-collapse:collapse;font-size:.9rem}.products-table th,.products-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--color-border-2);color:var(--color-text)}.products-table th{background-color:var(--color-surface);font-weight:600;color:var(--color-accent);position:sticky;top:0;border-bottom:2px solid var(--color-accent)}.products-table tr:hover{background-color:var(--color-border)}.clickable-row{transition:background-color .2s ease;cursor:pointer}.clickable-row:hover{background-color:var(--color-surface-4)!important}.product-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid var(--color-border-2)}.product-thumbnail-placeholder{width:60px;height:60px;background:var(--color-border-2);color:var(--color-accent);display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;font-size:1.2rem}.product-name{display:flex;flex-direction:column;gap:4px}.model-name{font-weight:600;color:var(--color-accent)}.sub-model{font-size:.8rem;color:var(--color-text-muted);opacity:.8}.price{font-weight:600;color:var(--color-accent);font-size:1.1rem}.condition{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;border:1px solid currentColor}.condition-new,.condition-like-new{background-color:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.condition-great{background-color:var(--color-warning);color:var(--color-text);border-color:var(--color-warning)}.condition-good{background-color:#e67e22;color:var(--color-text);border-color:#e67e22}.condition-used{background-color:var(--color-text-dim);color:var(--color-text);border-color:var(--color-text-dim)}.status{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;border:1px solid currentColor}.status.active{background-color:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.status.inactive{background-color:var(--color-danger);color:var(--color-text);border-color:var(--color-danger)}.status.consigned{background-color:var(--color-warning);color:var(--color-text);border-color:var(--color-warning)}.status.owned{background-color:var(--color-info);color:var(--color-text);border-color:var(--color-info)}.login-container{max-width:400px;margin:50px auto;padding:40px;background-color:var(--color-surface-3);border:2px solid var(--color-accent);border-radius:12px;box-shadow:0 10px 30px #ffeb3b4d}.login-container h1{color:var(--color-accent);text-align:center;margin-bottom:10px;font-size:1.8rem;font-weight:600}.login-container p{color:var(--color-text-muted);text-align:center;margin-bottom:30px;font-size:1rem}.error-message{background-color:#2c1810;color:var(--color-accent);padding:12px 16px;border:1px solid var(--color-warning);border-radius:6px;margin-bottom:20px;text-align:center;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--color-accent);margin-bottom:6px;font-weight:600;font-size:.9rem}.form-group input{padding:12px 16px;border:2px solid var(--color-accent);border-radius:6px;background-color:var(--color-surface);color:var(--color-text);font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--color-warning);box-shadow:0 0 0 3px #ffeb3b4d}.form-group input::placeholder{color:#888}.button-group{display:flex;flex-direction:column;gap:12px;margin-top:10px}.login-btn,.register-btn,.guest-btn{padding:14px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center;border:2px solid transparent}.login-btn{background-color:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}.login-btn:hover:not(:disabled){background-color:var(--color-warning);border-color:var(--color-warning);transform:translateY(-1px);box-shadow:0 4px 12px #ffeb3b4d}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-btn{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}.register-btn:hover{background-color:var(--color-accent);color:var(--color-surface)}.guest-btn{background-color:transparent;color:#888;border-color:#888}.guest-btn:hover{background-color:#888;color:var(--color-surface)}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;border:2px solid transparent}.btn-primary{background-color:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}.btn-primary:hover{background-color:var(--color-warning);border-color:var(--color-warning);transform:translateY(-1px);box-shadow:0 4px 12px #ffeb3b4d}.btn-secondary{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn-secondary:hover{background-color:var(--color-accent);color:var(--color-surface)}.btn-sm{padding:6px 12px;font-size:.85rem}.product-id{font-family:Courier New,monospace;font-weight:700;color:var(--color-accent);background-color:#f1c40f1a;padding:4px 8px;border-radius:4px;font-size:.9em;border:1px solid rgba(241,196,15,.3)}@media (max-width: 768px){.sharebad{font-size:2rem;margin:15px 0}.home-container{padding:15px}.welcome-section h2{font-size:1.5rem}.welcome-section p{font-size:1rem}.categories-grid{grid-template-columns:1fr;gap:15px}.category-box{border-radius:8px}.category-title-bar h3{font-size:1.2rem}.category-description p{font-size:.9rem}.login-container{margin:30px auto;padding:30px 20px}.login-container h1{font-size:1.5rem}.button-group{gap:10px}.products-header{flex-direction:column;gap:15px;align-items:stretch;padding:15px 20px}.products-header h2{font-size:1.2rem;text-align:center}.products-table-container{font-size:.8rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.products-table{min-width:600px}.products-table th,.products-table td{padding:8px 6px;white-space:nowrap;font-size:.75rem}.product-thumbnail,.product-thumbnail-placeholder{width:40px;height:40px;font-size:1rem}.model-name{font-size:.8rem}.sub-model{font-size:.7rem}.price{font-size:.9rem}}@media (max-width: 480px){.sharebad{font-size:1.8rem}.home-container{padding:10px}.category-pill{gap:14px;padding:12px 16px}.pill-icon{width:46px;height:46px;font-size:1.5rem}.pill-label{font-size:1.1rem}.login-container{margin:20px auto;padding:25px 15px}.products-section{margin-top:30px}.products-header{padding:12px 15px}.products-header h2{font-size:1.1rem}.products-table th,.products-table td{padding:6px 4px;font-size:.7rem}.product-thumbnail,.product-thumbnail-placeholder{width:35px;height:35px;font-size:.9rem}}.brand-name{font-weight:600;color:var(--color-text)}.description{color:var(--color-text-muted);font-style:italic;font-size:.9rem}.category-name{color:var(--color-accent);font-weight:500}.filter-row th{padding:8px;background-color:var(--color-surface-2)}.filter-input{width:100%;padding:6px 10px;background-color:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:4px;color:var(--color-text);font-size:.85rem;outline:none;transition:border-color .3s ease}.filter-input::placeholder{color:var(--color-text-dim)}.filter-input:focus{border-color:var(--color-info);box-shadow:0 0 0 2px #3498db33}.filter-select{width:100%;padding:6px 10px;background-color:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:4px;color:var(--color-text);font-size:.85rem;outline:none;transition:border-color .3s ease;cursor:pointer}.filter-select:focus{border-color:var(--color-info);box-shadow:0 0 0 2px #3498db33}.filter-select option{background-color:var(--color-surface-2);color:var(--color-text)}.filter-controls{display:flex;gap:10px;margin-bottom:15px;justify-content:flex-end;align-items:center}.text-search-container{margin-right:auto}.text-search-input{padding:8px 12px;border-radius:4px;border:1px solid #ddd;font-size:14px;width:300px;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease}.text-search-input:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 2px #3498db33}.text-search-input::placeholder{color:var(--color-text-dim);font-style:italic}.search-btn,.clear-btn{padding:8px 16px;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease;font-weight:500}.search-btn{background-color:var(--color-info);color:#fff}.search-btn:hover{background-color:#2980b9}.clear-btn{background-color:var(--color-text-dim);color:#fff}.clear-btn:hover{background-color:#7f8c8d}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background-color:var(--color-surface);border:2px solid var(--color-accent);border-radius:12px;max-width:900px;max-height:85vh;width:90%;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #f1c40f4d;box-sizing:border-box}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid var(--color-accent);background-color:var(--color-surface-3)}.modal-header-buttons{display:flex;align-items:center;gap:10px}.modal-header h2{margin:0;color:var(--color-accent);font-size:1.5rem;font-weight:600}.modal-close{background:none;border:2px solid var(--color-accent);font-size:18px;color:var(--color-accent);cursor:pointer;padding:8px 12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease;font-weight:700}.modal-close:hover{background-color:var(--color-accent);color:var(--color-surface);transform:scale(1.05)}.modal-body{padding:25px;overflow-y:auto;flex:1;background-color:var(--color-surface)}.model-info{margin-bottom:25px;padding:20px;background-color:var(--color-surface-3);border:1px solid var(--color-accent);border-radius:8px}.model-info p{margin:10px 0;color:var(--color-text);line-height:1.6}.model-info strong{color:var(--color-accent);font-weight:600}.modal-body h3{color:var(--color-accent);margin-bottom:20px;border-bottom:2px solid var(--color-accent);padding-bottom:8px;font-size:1.3rem;font-weight:600}.modal-table{width:100%;border-collapse:collapse;margin-top:10px;background-color:var(--color-surface-3);border:1px solid var(--color-accent);border-radius:8px;overflow:hidden}.modal-table th,.modal-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--color-border-2);color:var(--color-text)}.modal-table th{background-color:var(--color-surface);font-weight:600;color:var(--color-accent);border-bottom:2px solid var(--color-accent);text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.modal-table tr:hover{background-color:var(--color-surface-4);transition:background-color .2s ease}.modal-table tr:last-child td{border-bottom:none}.condition-badge{padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid currentColor}.condition-badge.new{background-color:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.condition-badge.used{background-color:var(--color-warning);color:var(--color-text);border-color:var(--color-warning)}.condition-badge.refurbished{background-color:#9b59b6;color:var(--color-text);border-color:#9b59b6}.condition-badge.good{background-color:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.condition-badge.fair{background-color:#e67e22;color:var(--color-text);border-color:#e67e22}.condition-badge.poor{background-color:var(--color-danger);color:var(--color-text);border-color:var(--color-danger)}.status-badge{padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid currentColor}.status-badge.available{background-color:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.status-badge.sold{background-color:var(--color-danger);color:var(--color-text);border-color:var(--color-danger)}.status-badge.pending{background-color:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}.status-badge.reserved{background-color:#9b59b6;color:var(--color-text);border-color:#9b59b6}.clickable-row:hover{background-color:var(--color-surface-2)!important;transition:background-color .2s ease}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.skeleton-image{animation:pulse 1.5s ease-in-out infinite}.product-preview-image{transition:opacity .2s ease,transform .2s ease}.product-preview-image[data-loading=true]{opacity:.5}@media (max-width: 768px){body{overflow-x:hidden}.home-container{overflow-x:hidden;max-width:100vw;box-sizing:border-box}.products-table{min-width:100%!important;width:100%;font-size:.8rem;table-layout:fixed}.products-table th,.products-table td{padding:6px 4px;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-table th:first-child,.products-table td:first-child{width:30%}.products-table th:nth-child(2),.products-table td:nth-child(2){width:35%}.products-table th:nth-child(3),.products-table td:nth-child(3){width:35%}.filter-controls{flex-direction:column;gap:8px;margin-bottom:10px;width:100%}.search-btn,.clear-btn{width:100%;padding:10px;font-size:.9rem}.filter-row th{padding:6px 4px}.filter-input,.filter-select{font-size:.8rem;padding:4px 6px;width:100%;box-sizing:border-box}.modal-content{width:95%;max-height:90vh;margin:20px auto}.modal-header{padding:15px}.modal-header h2{font-size:1.2rem}.modal-body{padding:15px}.modal-table{font-size:.8rem}.modal-table th,.modal-table td{padding:8px 4px;font-size:.75rem}}@media (max-width: 480px){.home-container{padding:8px}.products-section{margin-top:20px}.products-header{padding:10px 12px}.products-header h2{font-size:1rem}.products-table{font-size:.7rem}.products-table th,.products-table td{padding:4px 2px;font-size:.7rem}.filter-input,.filter-select{font-size:.75rem;padding:3px 4px}.search-btn,.clear-btn{padding:8px;font-size:.8rem}.modal-content{width:98%;max-height:95vh}.modal-header{padding:12px}.modal-header h2{font-size:1.1rem}.modal-body{padding:12px}}.product-detail-grid{display:grid;gap:25px}.detail-section{background:var(--color-surface);border:1px solid var(--color-border-2);border-radius:8px;padding:20px}.detail-section h3{color:var(--color-accent);margin:0 0 15px;font-size:1.2rem;font-weight:600;border-bottom:1px solid var(--color-accent);padding-bottom:8px}.detail-item{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-border)}.detail-item:last-child{border-bottom:none}.detail-item label{color:var(--color-accent);font-weight:600;font-size:.9rem}.detail-item span{color:var(--color-text);font-size:.9rem}.detail-item .price{color:var(--color-accent);font-weight:700;font-size:1.1rem}.detail-section p{color:var(--color-text);line-height:1.5;margin:0}.product-header-section{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid var(--color-accent)}.product-id-title{color:var(--color-accent);font-size:2rem;font-weight:700;margin:0 0 10px}.product-model-subtitle{color:var(--color-text);font-size:1.2rem;margin:0;font-weight:500}.product-image-section{text-align:center;margin-bottom:30px}.image-preview{display:inline-block}.product-preview-image{max-width:400px;max-height:300px;object-fit:cover;border-radius:12px;border:2px solid var(--color-border-2);transition:transform .3s ease,border-color .3s ease}.product-preview-image:hover{transform:scale(1.05);border-color:var(--color-accent)}.image-hint{color:var(--color-text-dim);font-size:.9rem;margin:10px 0 0;font-style:italic}.no-image-placeholder{background:var(--color-surface);border:2px dashed var(--color-border-2);border-radius:12px;padding:40px;color:var(--color-text-dim);font-size:1.1rem}.product-specs-section,.product-status-section,.product-description-section{margin-bottom:25px}.product-specs-section h3,.product-status-section h3,.product-description-section h3{color:var(--color-accent);font-size:1.3rem;font-weight:600;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid var(--color-accent)}.product-detail-table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:8px;overflow:hidden;border:1px solid var(--color-border-2)}.product-detail-table th{background:var(--color-surface-3);color:var(--color-accent);font-weight:600;padding:12px 15px;text-align:left;border-bottom:2px solid var(--color-accent)}.product-detail-table td{color:var(--color-text);padding:12px 15px;border-bottom:1px solid var(--color-border)}.product-detail-table tbody tr:last-child td{border-bottom:none}.product-detail-table tbody tr:hover{background:#252525}.price-cell{color:var(--color-accent)!important;font-weight:700;font-size:1.1rem}.product-description-section p{color:var(--color-text);line-height:1.6;font-size:1rem;background:var(--color-surface);padding:15px;border-radius:8px;border:1px solid var(--color-border-2);margin:0}@media (max-width: 768px){.product-id-title{font-size:1.5rem}.product-model-subtitle{font-size:1rem}.product-preview-image{max-width:300px;max-height:200px}.product-detail-table th,.product-detail-table td{padding:8px 10px;font-size:.9rem}.product-specs-section h3,.product-status-section h3,.product-description-section h3{font-size:1.1rem}}.register-page .icon-inline{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.register-page{background-color:var(--color-surface);color:var(--color-text);max-width:500px;margin:40px auto;padding:30px;border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.register-page h1{color:var(--color-primary);text-align:center;font-size:2rem;margin-bottom:10px;font-weight:var(--font-bold)}.register-page p{color:var(--color-text);text-align:center;margin-bottom:25px;font-size:1rem}.register-page .error-message{background-color:var(--color-danger-a15);color:var(--color-danger);border:1px solid var(--color-danger);padding:12px;border-radius:var(--radius-sm);margin-bottom:20px;text-align:center;font-size:14px}.register-page .field-error{color:var(--color-danger);font-size:12px;margin-top:4px}.register-page .login-form{display:flex;flex-direction:column;gap:20px}.register-page .form-group{display:flex;flex-direction:column;gap:5px}.register-page .form-group label{color:var(--color-primary);font-weight:var(--font-bold);font-size:14px;margin-bottom:5px}.register-page .form-group input,.register-page .form-group select,.register-page .form-group textarea{padding:12px;background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:14px;transition:var(--transition)}.register-page .form-group input:focus,.register-page .form-group select:focus,.register-page .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 5px var(--color-primary-a30)}.register-page .form-group input::placeholder{color:var(--color-text-faint)}.register-page .password-input-container{position:relative}.register-page .password-toggle-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:var(--color-primary);padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.register-page .password-toggle-btn:hover{color:var(--color-primary-hover)}.register-page .checkbox-group{display:flex;align-items:flex-start;gap:10px;margin-top:5px}.register-page .checkbox-group input[type=checkbox]{margin:0;padding:0;width:18px;height:18px;min-width:18px;accent-color:var(--color-primary);cursor:pointer}.register-page .checkbox-label{color:var(--color-text)!important;font-weight:400!important;font-size:14px!important;line-height:1.4;cursor:pointer;margin:0!important}.register-page .terms-link{color:var(--color-primary);text-decoration:underline;transition:var(--transition)}.register-page .terms-link:hover{color:var(--color-primary-hover)}.register-page .button-group{display:flex;flex-direction:column;gap:15px;margin-top:20px}.register-page .register-btn,.register-page .back-to-login-btn{padding:12px 20px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:var(--font-bold);cursor:pointer;text-align:center;text-decoration:none;transition:var(--transition);display:block}.register-page .register-btn{background-color:var(--color-primary);color:var(--color-on-primary);border:2px solid var(--color-primary)}.register-page .register-btn:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px)}.register-page .register-btn:disabled{background-color:var(--color-surface-3);color:var(--color-text-faint);border-color:var(--color-surface-3);cursor:not-allowed;transform:none}.register-page .back-to-login-btn{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);display:inline-flex;align-items:center;justify-content:center;gap:6px}.register-page .back-to-login-btn:hover{background-color:var(--color-primary);color:var(--color-on-primary)}@media (max-width: 768px){.register-page{margin:20px auto;padding:25px 20px;max-width:90%}.register-page h1{font-size:1.5rem}.register-page .form-group input{padding:14px 12px;font-size:16px}.register-page .button-group{gap:12px}.register-page .register-btn,.register-page .back-to-login-btn{padding:14px 20px;font-size:16px}}.register-page .register-steps{display:flex;justify-content:center;gap:10px;margin-bottom:30px;padding:15px 0}.register-page .step{display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.5;transition:opacity .3s ease}.register-page .step.active{opacity:1}.register-page .step.completed{opacity:.8}.register-page .step-number{width:32px;height:32px;border-radius:var(--radius-circle);background-color:var(--color-surface-3);border:2px solid var(--color-border-2);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:14px;color:var(--color-text);transition:var(--transition)}.register-page .step.active .step-number{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.register-page .step.completed .step-number{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-on-primary)}.register-page .step-label{font-size:12px;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.5px}.register-page .step.active .step-label{color:var(--color-primary)}.register-page .step.completed .step-label{color:var(--color-success)}.register-page .otp-step{display:flex;flex-direction:column;gap:20px}.register-page .step-description{text-align:center;color:var(--color-text-muted);margin-bottom:10px}.register-page .step-description strong{color:var(--color-primary)}.register-page .otp-input{text-align:center;font-size:24px!important;letter-spacing:8px;font-family:var(--font-mono)}.register-page .otp-resend{text-align:center;margin-top:10px}.register-page .countdown{color:var(--color-text-faint);font-size:14px}.register-page .resend-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:14px;text-decoration:underline;padding:5px 10px}.register-page .resend-btn:hover{color:var(--color-primary-hover)}.register-page .verified-phone{background-color:var(--color-success-a15)!important;border-color:var(--color-success)!important;color:var(--color-success)!important}.register-page .verified-badge{display:inline-flex;align-items:center;gap:4px;color:var(--color-success);font-size:12px;margin-top:5px}@media (max-width: 768px){.register-page .register-steps{gap:5px}.register-page .step-number{width:28px;height:28px;font-size:12px}.register-page .step-label{font-size:10px}.register-page .otp-input{font-size:20px!important;letter-spacing:6px}}.terms-container{min-height:100vh;color:var(--color-text);padding:2rem 1rem}.terms-container .icon-inline{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.terms-container .terms-content{max-width:800px;margin:0 auto;background-color:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg);line-height:1.6}.terms-container .terms-content h1{color:var(--color-primary);font-size:2.5rem;margin-bottom:1rem;text-align:center;border-bottom:2px solid var(--color-primary);padding-bottom:1rem;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;gap:.5rem}.terms-container .terms-last-updated{text-align:center;margin-bottom:2rem;color:var(--color-text-muted);font-style:italic}.terms-container .terms-section{margin-bottom:2rem;padding:1.5rem;border-left:4px solid var(--color-primary);background-color:var(--color-surface-2);border-radius:0 var(--radius-lg) var(--radius-lg) 0;border:1px solid var(--color-border)}.terms-container .terms-section h2{color:var(--color-primary);font-size:1.4rem;margin-bottom:1rem;font-weight:var(--font-medium)}.terms-container .terms-section p{color:var(--color-text);margin-bottom:1rem;text-align:justify;line-height:1.6}.terms-container .terms-section ul{margin:1rem 0;padding-left:1.5rem}.terms-container .terms-section li{color:var(--color-text);margin-bottom:.5rem;list-style-type:disc}.terms-container .terms-footer{margin-top:3rem;padding:2rem;background-color:var(--color-surface-2);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);text-align:center}.terms-container .terms-footer p{margin:0;font-size:1.1rem;font-weight:var(--font-bold)}@media (max-width: 768px){.terms-container{padding:1rem .5rem}.terms-container .terms-content{padding:1.5rem}.terms-container .terms-content h1{font-size:2rem}.terms-container .terms-section{padding:1rem}.terms-container .terms-section h2{font-size:1.2rem}.terms-container .terms-footer{padding:1.5rem}}@media (max-width: 480px){.terms-container{padding:.5rem}.terms-container .terms-content{padding:1rem}.terms-container .terms-content h1{font-size:1.5rem}.terms-container .terms-section{padding:.75rem}.terms-container .terms-section h2{font-size:1.1rem}.terms-container .terms-footer{padding:1rem}.terms-container .terms-footer p{font-size:1rem}}@media print{.terms-container{background:#fff;color:#000;margin:0;padding:0}.terms-container .terms-content{box-shadow:none;border:1px solid black;background:#fff}.terms-container .terms-content h1{color:#000;border-bottom-color:#000}.terms-container .terms-section{border-left-color:#000;background:#fff;border-color:#000}.terms-container .terms-section h2,.terms-container .terms-section p,.terms-container .terms-section li{color:#000}.terms-container .terms-footer{background:#f0f0f0;color:#000;border-color:#000}}.modal-header-buttons{display:flex;justify-content:space-between;align-items:center;width:100%}.modal-header-buttons>div:first-child{display:flex;align-items:center}.modal-content .product-page-btn,.modal-content .back-btn,.modal-content .modal-close,.product-page-btn,.back-btn,.modal-close{all:unset;cursor:pointer!important;padding:8px 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:600!important;border-radius:4px!important;text-align:center!important;box-sizing:border-box!important;font-family:inherit!important;border:none!important;white-space:nowrap!important;min-width:fit-content!important;line-height:1.2!important;transition:background-color .2s ease!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important}.modal-content .product-page-btn,.product-page-btn{background:var(--color-info)!important;color:var(--color-text)!important;margin-right:10px!important;padding:10px 20px!important;font-size:14px!important;gap:6px!important}.product-share-btn{background:var(--color-primary)!important;color:var(--color-on-primary)!important;font-weight:600!important;padding:8px 16px!important;border:none!important;border-radius:4px!important;font-size:14px!important;cursor:pointer!important;transition:none!important}.product-share-btn:hover,.product-share-btn:focus,.product-share-btn:active{background:var(--color-primary)!important;color:var(--color-on-primary)!important;transform:none!important;box-shadow:none!important}.product-more-btn{background:var(--color-info)!important;color:var(--color-text)!important;font-weight:600!important;padding:8px 16px!important;border:none!important;border-radius:4px!important;font-size:14px!important;cursor:pointer!important;transition:none!important;margin-right:10px!important}.product-more-btn:hover,.product-more-btn:focus,.product-more-btn:active{background:var(--color-info)!important;color:var(--color-text)!important;transform:none!important;box-shadow:none!important}.modal-content .back-btn,.back-btn{background:var(--color-surface-3)!important;color:var(--color-text)!important;margin-right:10px!important;font-size:16px!important}.modal-content .back-btn:hover,.back-btn:hover{background:var(--color-surface-4)!important}.modal-content .modal-close,.modal-close{background:none!important;border:none!important;font-size:24px!important;color:var(--color-text-faint)!important;padding:4px 8px!important;line-height:1!important}.modal-content .product-page-btn:hover,.modal-content .product-page-btn:focus,.modal-content .product-page-btn:active,.product-page-btn:hover,.product-page-btn:focus,.product-page-btn:active{background:inherit!important;color:inherit!important;transform:none!important;box-shadow:none!important;border:none!important;outline:none!important;opacity:1!important;filter:none!important;text-decoration:none!important}.modal-content .product-page-btn:hover,.modal-content .product-page-btn:focus,.modal-content .product-page-btn:active,.product-page-btn:hover,.product-page-btn:focus,.product-page-btn:active{background:var(--color-info)!important;color:var(--color-text)!important}.products-new-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-2) 100%);padding:20px;color:var(--color-text);overflow-x:hidden;width:100%}.sale-showcase{max-width:1400px;margin:0 auto 36px;width:100%}.sale-showcase-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sale-showcase-badge{background:linear-gradient(135deg,#ff3b3b,#ff6f00);color:var(--color-text);font-size:.75rem;font-weight:800;letter-spacing:1.5px;padding:4px 12px;border-radius:20px;text-transform:uppercase}.sale-showcase-title{font-size:1.4rem;font-weight:700;color:var(--color-accent);margin:0}.sale-showcase-track{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:rgba(var(--color-primary-rgb),.4) transparent;scroll-snap-type:x mandatory}.sale-showcase-track::-webkit-scrollbar{height:6px}.sale-showcase-track::-webkit-scrollbar-track{background:transparent}.sale-showcase-track::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.4);border-radius:3px}.sale-showcase-card{flex:0 0 200px;background:rgba(var(--color-white-rgb),.06);border:1px solid rgba(255,59,59,.35);border-radius:14px;overflow:hidden;cursor:pointer;scroll-snap-align:start;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.sale-showcase-card:hover{transform:translateY(-4px);border-color:#ff3b3bb3;box-shadow:0 8px 24px #ff3b3b40}.sale-showcase-img-wrap{position:relative;height:130px;background:rgba(var(--color-black-rgb),.3);overflow:hidden}.sale-showcase-img-placeholder{background:#ff3b3b14}.sale-showcase-img{width:100%;height:100%;object-fit:cover}.sale-showcase-pct{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ff3b3b,#ff6f00);color:var(--color-text);font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:10px}.sale-showcase-info{padding:10px 12px 12px}.sale-showcase-name{font-size:.85rem;font-weight:600;color:var(--color-text);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-showcase-brand{font-size:.72rem;color:rgba(var(--color-white-rgb),.5);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.sale-showcase-prices{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sale-showcase-original{font-size:.78rem;color:rgba(var(--color-white-rgb),.45);text-decoration:line-through}.sale-showcase-sale{font-size:1rem;font-weight:700;color:#ff5252}.sale-showcase-countdown{display:inline-block;margin-top:6px;font-size:.75rem;font-weight:700;color:#f59e0b;font-variant-numeric:tabular-nums}.product-card-countdown{display:block;margin-top:4px;font-size:.72rem;font-weight:700;color:#f59e0b;font-variant-numeric:tabular-nums}.auction-showcase{max-width:1400px;margin:0 auto 36px;width:100%}.auction-showcase-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.auction-showcase-badge{background:linear-gradient(135deg,#ea580c,#fb923c);color:var(--color-text);font-size:.75rem;font-weight:800;letter-spacing:1.5px;padding:4px 12px;border-radius:20px;text-transform:uppercase}.auction-showcase-title{font-size:1.4rem;font-weight:700;color:#fb923c;margin:0}.auction-showcase-track{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:rgba(251,146,60,.4) transparent;scroll-snap-type:x mandatory}.auction-showcase-track::-webkit-scrollbar{height:6px}.auction-showcase-track::-webkit-scrollbar-track{background:transparent}.auction-showcase-track::-webkit-scrollbar-thumb{background:#fb923c66;border-radius:3px}.auction-showcase-card{flex:0 0 200px;background:rgba(var(--color-white-rgb),.06);border:1px solid rgba(251,146,60,.35);border-radius:14px;overflow:hidden;cursor:pointer;scroll-snap-align:start;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.auction-showcase-card:hover{transform:translateY(-4px);border-color:#fb923cb3;box-shadow:0 8px 24px #fb923c40}.auction-showcase-img-wrap{position:relative;height:130px;background:rgba(var(--color-black-rgb),.3);overflow:hidden}.auction-showcase-img-placeholder{background:#fb923c14}.auction-showcase-img{width:100%;height:100%;object-fit:cover}.auction-showcase-tag{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ea580c,#fb923c);color:var(--color-text);font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:10px}.auction-showcase-info{padding:10px 12px 12px}.auction-showcase-name{font-size:.85rem;font-weight:600;color:var(--color-text);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auction-showcase-brand{font-size:.72rem;color:rgba(var(--color-white-rgb),.5);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.auction-showcase-countdown{display:inline-block;font-size:.78rem;font-weight:700;color:#fb923c;font-variant-numeric:tabular-nums}.auction-showcase-live{display:inline-block;font-size:.78rem;font-weight:700;color:var(--color-danger-strong);animation:auction-live-pulse 1.4s ease-in-out infinite}@keyframes auction-live-pulse{0%,to{opacity:1}50%{opacity:.4}}.auction-showcase-cta{display:block;margin-top:8px;font-size:.75rem;font-weight:700;color:#fdba74}.products-new-header{max-width:1400px;margin:0 auto 40px;position:relative;width:100%}.products-new-header h1{text-align:center;font-size:3rem;font-weight:700;color:var(--color-accent);text-shadow:0 2px 10px rgba(var(--color-primary-rgb),.3);margin-bottom:30px;letter-spacing:1px;word-wrap:break-word}.global-search{max-width:800px;margin:0 auto;position:relative}.search-input{width:100%;padding:16px 50px;font-size:var(--text-base);font-family:var(--font-base);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);outline:none;min-height:var(--tap-min);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input-wrap{position:relative;width:100%}.search-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--color-text-dim);pointer-events:none}.search-clear-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:var(--color-surface-3);color:var(--color-text-muted);border:none;width:30px;height:30px;padding:0;border-radius:var(--radius-circle);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.search-clear-btn:hover{background:var(--color-surface-4);color:var(--color-text)}.search-input::placeholder{color:var(--color-text-faint)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.search-loading{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--color-accent);font-size:.9rem}.search-results{position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--color-surface-2);border:2px solid var(--color-accent);border-radius:12px;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 8px 30px rgba(var(--color-black-rgb),.5)}.search-result-item{padding:12px 16px;border-bottom:1px solid rgba(var(--color-white-rgb),.1);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.search-result-item:hover{background:rgba(var(--color-primary-rgb),.1)}.search-result-item:last-child{border-bottom:none}.search-result-img{width:48px;height:48px;border-radius:8px;object-fit:cover;background:rgba(var(--color-black-rgb),.3);flex-shrink:0}.search-result-img-placeholder{background:rgba(var(--color-primary-rgb),.08)}.search-result-info{flex:1;min-width:0}.search-result-info strong{display:block;color:var(--color-accent);margin-bottom:4px;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{display:block;color:rgba(var(--color-white-rgb),.6);font-size:.82rem}.search-result-sale{color:#ff5252;font-weight:700}.search-result-count{color:var(--color-accent);font-weight:600}.search-result-empty{padding:24px;text-align:center;color:rgba(var(--color-white-rgb),.5);font-size:.95rem}.products-new-content{max-width:1400px;margin:0 auto;width:100%;overflow-x:hidden}.section-title{text-align:center;font-size:2rem;color:var(--color-accent);margin-bottom:30px;font-weight:600}.submodel-share-btn{position:absolute;top:8px;right:8px;background:rgba(var(--color-black-rgb),.65);border:1px solid rgba(var(--color-white-rgb),.2);border-radius:6px;color:var(--color-text);font-size:14px;padding:4px 8px;cursor:pointer;transition:background .2s;z-index:1}.submodel-share-btn:hover{background:rgba(var(--color-primary-rgb),.25);border-color:var(--color-accent)}.products-list-title-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:30px}.products-list-title-row .section-title{margin-bottom:0}.share-submodel-btn{background:rgba(var(--color-primary-rgb),.12);border:1px solid rgba(var(--color-primary-rgb),.4);color:var(--color-accent);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.share-submodel-btn:hover{background:rgba(var(--color-primary-rgb),.22);border-color:var(--color-accent)}.shoe-size-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding:14px 18px;background:rgba(var(--color-white-rgb),.05);border:1px solid rgba(var(--color-white-rgb),.1);border-radius:12px}.shoe-size-filter-label{font-size:.85rem;font-weight:600;color:rgba(var(--color-white-rgb),.6);white-space:nowrap}.shoe-size-chips{display:flex;flex-wrap:wrap;gap:8px}.shoe-size-chip{background:rgba(var(--color-white-rgb),.08);border:1px solid rgba(var(--color-white-rgb),.2);color:var(--color-text);border-radius:20px;padding:5px 14px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .18s ease}.shoe-size-chip:hover{background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.5);color:var(--color-accent)}.shoe-size-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface);font-weight:700}.loading,.no-data{text-align:center;padding:40px;font-size:1.2rem;color:rgba(var(--color-white-rgb),.6)}.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:30px;padding:15px 20px;background:rgba(var(--color-white-rgb),.05);border-radius:8px;flex-wrap:wrap}.breadcrumb-link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:1rem;transition:all .2s ease;text-decoration:none;padding:5px 10px;border-radius:4px}.breadcrumb-link:hover{background:rgba(var(--color-primary-rgb),.1);transform:translate(-2px)}.breadcrumb-separator{color:rgba(var(--color-white-rgb),.4);font-size:1.2rem}.breadcrumb-current{color:var(--color-text);font-weight:600}.brand-filter{margin:20px 0 30px;padding:20px;background:rgba(var(--color-white-rgb),.05);border-radius:12px;border:1px solid rgba(var(--color-primary-rgb),.2)}.brand-filter label{display:block;color:var(--color-accent);font-size:1rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.brand-filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.brand-filter-btn{padding:10px 20px;background:rgba(var(--color-white-rgb),.08);border:2px solid rgba(var(--color-primary-rgb),.3);border-radius:25px;color:var(--color-text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.brand-filter-btn:hover{background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.brand-filter-btn.active{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent) 100%);border-color:var(--color-accent);color:var(--color-surface);font-weight:700;box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.4)}.brand-filter-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.5)}.category-grid{animation:fadeIn .5s ease}.category-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;padding:8px 0}.category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.category-card-image{position:relative;height:168px;overflow:hidden}.category-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category-card:hover .category-card-image img{transform:scale(1.08)}.category-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.category-card-icon{font-size:2.6rem;filter:drop-shadow(0 4px 10px rgba(var(--color-black-rgb),.55))}.category-card-content{padding:var(--space-5)}.category-card-content h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-accent);margin-bottom:var(--space-2)}.category-card-content p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}@media (prefers-reduced-motion: reduce){.category-card:hover,.category-card:hover .category-card-image img{transform:none}}.model-selection,.submodel-selection{animation:fadeIn .5s ease}.model-grid,.submodel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;padding:20px 0}.load-more-btn{display:block;margin:4px auto 24px;padding:12px 28px;background:var(--color-primary-a10);border:1px solid var(--color-primary-a30);border-radius:999px;color:var(--color-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.load-more-btn:hover{background:var(--color-primary-a20);border-color:var(--color-primary-a40);transform:translateY(-1px)}.model-card,.submodel-card{background:var(--color-surface-2);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid rgba(var(--color-primary-rgb),.2);box-shadow:0 4px 12px rgba(var(--color-black-rgb),.3);position:relative}.model-card:hover,.submodel-card:hover{transform:translateY(-6px);border-color:var(--color-accent);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.2)}.model-card-image,.submodel-card-image{width:100%;height:200px;object-fit:cover}.model-card-placeholder,.submodel-card-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;font-size:4rem;opacity:.3}.model-card-content,.submodel-card-content{padding:18px}.model-card-content h4,.submodel-card-content h4{font-size:.85rem;color:rgba(var(--color-white-rgb),.6);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.model-card-content h3,.submodel-card-content h3{font-size:1.3rem;color:var(--color-accent);font-weight:600;margin-bottom:5px}.submodel-card-content p{color:rgba(var(--color-white-rgb),.7);font-size:.9rem;line-height:1.4;margin-top:8px}.submodel-description{color:rgba(var(--color-white-rgb),.7);font-size:.9rem;line-height:1.4;margin-top:8px;margin-bottom:12px}.submodel-specs{margin-top:12px;padding-top:12px;border-top:1px solid rgba(var(--color-primary-rgb),.2);display:flex;flex-direction:column;gap:6px}.spec-item{display:flex;align-items:center;font-size:.85rem;gap:8px}.spec-label{color:rgba(var(--color-primary-rgb),.8);font-weight:600;min-width:65px}.spec-value{color:rgba(var(--color-white-rgb),.9);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-list{animation:fadeIn .5s ease}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;padding:20px 0;align-items:start;grid-auto-rows:auto}.product-card{background:var(--color-surface-2);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;border:2px solid rgba(var(--color-primary-rgb),.2);box-shadow:0 4px 12px rgba(var(--color-black-rgb),.3);position:relative;display:flex;flex-direction:column;min-height:fit-content;height:auto}.product-card:hover{transform:translateY(-6px);border-color:var(--color-accent);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.2)}.product-card-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;color:var(--color-text);font-size:.8rem;font-weight:700;text-transform:uppercase;text-shadow:0 1px 2px rgba(var(--color-black-rgb),.3);box-shadow:0 2px 8px rgba(var(--color-black-rgb),.3);letter-spacing:.5px;z-index:1}.product-card-content{display:flex;flex-direction:column;width:100%;min-height:fit-content;flex:1}.product-card-content h4{font-size:.9rem;color:rgba(var(--color-white-rgb),.5);margin-bottom:8px;font-family:Courier New,monospace}.product-card-content h3{font-size:1.2rem;color:var(--color-text);margin-bottom:12px;font-weight:600}.product-card-price{font-size:1.8rem;color:var(--color-success);font-weight:700;margin-bottom:12px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.product-card-sale-badge{display:inline-block;padding:2px 7px;background:linear-gradient(135deg,var(--color-danger-strong),#f97316);color:var(--color-text);font-size:.65rem;font-weight:800;border-radius:4px;letter-spacing:.5px;vertical-align:middle}.product-card-price-original{font-size:1.1rem;color:var(--color-text-faint);text-decoration:line-through;font-weight:500}.product-card-price-sale{font-size:1.8rem;color:var(--color-danger-strong);font-weight:700}.product-card-specs{margin-bottom:12px;padding:10px;background:rgba(var(--color-primary-rgb),.05);border-radius:8px;border-left:3px solid rgba(var(--color-primary-rgb),.5);display:flex;flex-direction:column;gap:6px}.product-card-meta{display:flex;justify-content:space-between;font-size:.85rem;color:rgba(var(--color-white-rgb),.6);padding-top:12px;border-top:1px solid rgba(var(--color-white-rgb),.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.products-new-header h1{font-size:2.5rem}.category-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.model-grid,.submodel-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.products-new-page{padding:15px}.products-new-header{margin-bottom:30px}.products-new-header h1{font-size:2rem;margin-bottom:20px}.search-input{padding:15px 20px;font-size:1rem}.search-results{max-height:300px;font-size:.9rem}.search-result-item{padding:12px 15px}.search-result-info strong{font-size:.95rem;line-height:1.3}.search-result-meta{font-size:.8rem;line-height:1.4;word-break:break-word}.section-title{font-size:1.5rem;margin-bottom:20px}.category-cards{grid-template-columns:1fr;gap:15px}.model-grid,.submodel-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.products-grid{grid-template-columns:1fr;gap:15px;align-items:start;grid-auto-rows:auto}.breadcrumb{font-size:.9rem;padding:12px 15px;gap:8px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.breadcrumb-link,.breadcrumb-current{white-space:nowrap;font-size:.85rem}.brand-filter{padding:15px}.brand-filter-buttons{gap:8px}.brand-filter-btn{padding:8px 16px;font-size:.85rem}.category-card-image{height:150px}.category-card-icon{font-size:3rem}.model-card-image,.submodel-card-image,.model-card-placeholder,.submodel-card-placeholder{height:150px}.product-card{padding:15px;height:auto;min-height:fit-content;display:flex;flex-direction:column}.product-card-content{width:100%;flex:1;display:flex;flex-direction:column}.product-card-content h3{font-size:1.1rem;line-height:1.3;word-break:break-word}.product-card-content h4{font-size:.85rem}.product-card-price{font-size:1.6rem}.product-card-specs{padding:8px;gap:5px}.spec-item{font-size:.8rem;gap:6px;flex-wrap:wrap}.spec-label{min-width:55px;font-size:.8rem}.spec-value{font-size:.8rem;white-space:normal;word-break:break-word}.product-card-meta{flex-direction:column;gap:6px;font-size:.8rem}.product-card-meta span{text-align:left}}@media (max-width: 480px){.products-new-page{padding:10px}.products-new-header{margin-bottom:25px}.products-new-header h1{font-size:1.6rem;margin-bottom:15px}.search-input{padding:12px 16px;font-size:.95rem;border-radius:30px}.search-results{max-height:250px;border-radius:10px}.search-result-item{padding:10px 12px}.search-result-info strong{font-size:.9rem}.search-result-meta{font-size:.75rem}.section-title{font-size:1.3rem}.brand-filter{padding:12px}.brand-filter label{font-size:.9rem;margin-bottom:10px}.brand-filter-btn{padding:6px 12px;font-size:.8rem;border-radius:20px}.breadcrumb{padding:10px 12px;gap:6px;font-size:.8rem}.breadcrumb-link,.breadcrumb-current{font-size:.8rem;padding:4px 8px}.breadcrumb-separator{font-size:1rem}.category-card-content{padding:15px}.category-card-content h3{font-size:1.2rem}.category-card-content p{font-size:.85rem;line-height:1.4}.model-card-content,.submodel-card-content{padding:12px}.model-card-content h3,.submodel-card-content h3{font-size:1.1rem}.model-card-content h4{font-size:.75rem}.submodel-description{font-size:.85rem;line-height:1.3}.product-card{padding:12px;height:auto;min-height:fit-content;display:flex;flex-direction:column}.product-card-badge{top:8px;right:8px;padding:5px 10px;font-size:.7rem;z-index:2}.product-card-content{width:100%;flex:1;display:flex;flex-direction:column}.product-card-content h4{font-size:.8rem;margin-bottom:6px}.product-card-content h3{font-size:1rem;margin-bottom:10px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.product-card-price{font-size:1.5rem;margin-bottom:10px}.product-card-specs{padding:8px;gap:4px;margin-bottom:10px}.spec-item{font-size:.75rem;gap:4px;display:flex;flex-wrap:nowrap;align-items:center}.spec-label{min-width:50px;font-size:.75rem;flex-shrink:0}.spec-value{font-size:.75rem;flex:1;overflow:visible;white-space:normal;word-wrap:break-word}.product-card-meta{flex-direction:column;gap:5px;font-size:.75rem;padding-top:10px}.product-card-meta span{display:block;width:100%;text-align:left;word-wrap:break-word}.model-grid,.submodel-grid{grid-template-columns:repeat(2,1fr);gap:12px}.products-grid{grid-template-columns:1fr;gap:12px;align-items:start;grid-auto-rows:auto}}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:rgba(var(--color-white-rgb),.05)}.search-results::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:#fdd835}.price-filter-section{margin-bottom:24px;padding:16px 20px;background:rgba(var(--color-white-rgb),.05);border-radius:12px;border:1px solid rgba(var(--color-primary-rgb),.2)}.price-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.price-range-inputs{display:flex;align-items:center;gap:10px}.filter-label{color:rgba(var(--color-white-rgb),.8);font-size:.9rem;font-weight:500}.price-input{width:120px;padding:10px 14px;font-size:.95rem;background:rgba(var(--color-white-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:8px;color:var(--color-text);outline:none;transition:all .3s ease}.price-input::placeholder{color:rgba(var(--color-white-rgb),.4)}.price-input:focus{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.15)}.price-input::-webkit-outer-spin-button,.price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-input[type=number]{-moz-appearance:textfield;appearance:textfield}.price-separator{color:rgba(var(--color-white-rgb),.5);font-size:1.1rem}.price-sort-select{display:flex;align-items:center;gap:10px}.sort-select{padding:10px 14px;font-size:.95rem;background:rgba(var(--color-white-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:8px;color:var(--color-text);outline:none;cursor:pointer;transition:all .3s ease;min-width:150px}.sort-select:focus{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.15)}.sort-select option{background:var(--color-surface-2);color:var(--color-text)}.clear-filter-btn{padding:10px 18px;font-size:.9rem;font-weight:500;background:#ff525233;border:1px solid rgba(255,82,82,.5);border-radius:8px;color:#ff5252;cursor:pointer;transition:all .3s ease}.clear-filter-btn:hover{background:#ff52524d;border-color:#ff5252}@media (max-width: 768px){.price-filter-section{padding:14px 16px}.price-filter-row{flex-direction:column;align-items:flex-start;gap:14px}.price-range-inputs{width:100%;flex-wrap:wrap}.price-input{width:100px;flex:1}.price-sort-select{width:100%}.sort-select{flex:1}.clear-filter-btn{width:100%;text-align:center}}.checkout{--co-bg-panel: var(--color-surface);--co-bg-card: var(--color-surface-2);--co-bg-soft: var(--color-surface-3);--co-border: var(--color-border);--co-border-2: var(--color-border-2);--co-text: var(--color-text);--co-text-mute: var(--color-text-muted);--co-text-dim: var(--color-text-dim);--co-accent: var(--color-primary);--co-warning: var(--color-warning);max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem;box-sizing:border-box;min-height:calc(100vh - 80px);color:var(--co-text)}.checkout__panel{background:linear-gradient(160deg,var(--color-surface-2),var(--color-surface) 62%);border:1px solid var(--co-border);border-radius:var(--radius-2xl);padding:2rem;box-shadow:var(--shadow-lg)}.checkout__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--co-border);gap:1rem}.checkout__title{margin:0;font-size:1.75rem;font-weight:var(--font-bold);letter-spacing:-.01em;color:var(--co-text);display:flex;align-items:center;gap:.6rem}.checkout__title-icon{display:inline-flex;color:var(--color-primary);filter:drop-shadow(0 0 12px var(--color-primary-a40))}.checkout__header-actions{display:flex;gap:.75rem;align-items:center}.checkout__layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:2rem;align-items:start}.checkout__items-col{min-width:0}.checkout__section-title{color:var(--co-text);margin:0 0 1.25rem;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.checkout__section-title-count{color:var(--co-text-dim);font-weight:400;font-size:.95rem}.checkout__items{display:flex;flex-direction:column;gap:.875rem}.cart-item{display:grid;grid-template-columns:88px minmax(0,1fr) auto auto auto;grid-template-areas:"image details quantity price actions";align-items:center;gap:1.25rem;padding:1.25rem;background:var(--co-bg-card);border:1px solid var(--co-border);border-radius:var(--radius-lg);transition:border-color .2s ease,transform .15s ease}.cart-item:hover{border-color:var(--co-border-2)}.cart-item__image{grid-area:image;width:88px;height:88px;border-radius:var(--radius-md);overflow:hidden;background:var(--co-bg-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item__image img{width:100%;height:100%;object-fit:cover;display:block}.cart-item__no-image{color:var(--co-text-dim)}.cart-item__details{grid-area:details;min-width:0;overflow-wrap:anywhere}.cart-item__name{margin:0 0 .35rem;color:var(--co-text);font-size:1rem;font-weight:600;line-height:1.3}.cart-item__brand{margin:0 0 .25rem;color:var(--co-text-mute);font-size:.85rem;font-weight:600;letter-spacing:.01em}.cart-item__meta{margin:.15rem 0;color:var(--co-text-dim);font-size:.825rem}.cart-item__variant{margin:.4rem 0 0;color:var(--co-text-mute);font-size:.825rem}.cart-item__variant strong{color:var(--co-text);font-weight:600}.cart-item__variant-sku{margin-left:6px;font-size:.78rem;color:var(--co-text-dim)}.cart-item__quantity{grid-area:quantity;text-align:center}.cart-item__quantity-label{display:block;margin-bottom:.5rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--co-text-dim);font-weight:500}.cart-item__qty-controls{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.4rem;background:var(--co-bg-soft);padding:4px;border-radius:var(--radius-md);border:1px solid var(--co-border)}.qty-btn{width:30px;height:30px;border:0;background:transparent;color:var(--co-text);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease}.qty-btn:hover:not(:disabled){background:var(--color-primary-a10);color:var(--co-accent)}.qty-btn:focus-visible{outline:2px solid var(--co-accent);outline-offset:1px}.qty-btn:disabled{cursor:not-allowed;color:var(--co-text-dim);opacity:.5}.qty-btn svg{flex-shrink:0}.cart-item__qty-value{min-width:26px;text-align:center;font-weight:600;color:var(--co-text);font-size:.95rem}.cart-item__stock{font-size:.75rem;color:var(--co-text-dim);margin:0}.cart-item__stock-warning{font-size:.78rem;color:var(--co-warning);margin:4px 0 0;font-weight:600;display:flex;align-items:center;gap:.25rem;justify-content:center}.cart-item__stock-warning svg{flex-shrink:0}.cart-item__price{grid-area:price;text-align:right;min-width:100px}.cart-item__unit-price{margin:0 0 .25rem;color:var(--co-text-dim);font-size:.825rem}.cart-item__total-price{margin:0;color:var(--co-text);font-weight:700;font-size:1.05rem}.cart-item__actions{grid-area:actions}.checkout__summary{position:sticky;top:1.5rem}.summary{background:linear-gradient(160deg,var(--color-surface-2),var(--color-surface) 70%);border:1px solid var(--co-border);border-radius:var(--radius-xl);padding:1.75rem 1.5rem}.summary__title{color:var(--co-text);margin:0 0 1.25rem;font-size:1.125rem;font-weight:600;text-align:center;letter-spacing:-.01em}.summary__rows{margin-bottom:1.5rem}.summary__row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;color:var(--co-text-mute);font-size:.9rem;border-bottom:1px dashed var(--co-border)}.summary__row:last-child{border-bottom:none}.summary__row-total{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--co-border-2)}.summary__row-total-label{color:var(--co-text);font-size:1rem;font-weight:600}.summary__row-total-value{color:var(--co-accent);font-size:1.5rem;font-weight:var(--font-bold);letter-spacing:-.01em}.summary__cta{margin-bottom:.75rem}@media (max-width: 1024px){.checkout{padding:1.5rem 1rem}.checkout__layout{grid-template-columns:1fr;gap:1.5rem}.checkout__summary{position:static}}@media (max-width: 768px){.checkout{padding:1rem .75rem}.checkout__panel{padding:1.25rem;border-radius:var(--radius-xl)}.checkout__header{flex-direction:column;align-items:stretch;gap:1rem}.checkout__header-actions{flex-direction:column;width:100%}.checkout__header-actions>*{width:100%}.cart-item{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"image details" "quantity quantity" "price price" "actions actions";gap:.75rem 1rem;padding:1rem}.cart-item__image{width:64px;height:64px}.cart-item__quantity{text-align:left;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;border-top:1px solid var(--co-border);padding-top:.75rem}.cart-item__quantity-label{margin-bottom:0}.cart-item__price{text-align:left;display:flex;align-items:baseline;justify-content:space-between;width:100%}.cart-item__unit-price{margin:0}.cart-item__actions{text-align:right}.cart-item__actions>*{width:100%}}@media (max-width: 480px){.checkout__title{font-size:1.4rem}.checkout__panel{padding:1rem}.summary{padding:1.25rem 1rem}.summary__row-total-value{font-size:1.3rem}}.payment-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.025em;border:2px solid;transition:all .2s ease-in-out;min-width:120px;justify-content:center}.payment-status:before{content:"";width:8px;height:8px;border-radius:var(--radius-circle);flex-shrink:0}.payment-status.payment-status--pending{background:var(--color-warning-a15);border-color:var(--color-warning);color:var(--color-warning)}.payment-status.payment-status--pending:before{background:var(--color-warning);animation:pulse-pending 2s infinite}.payment-status.payment-status--payment-pending{background:var(--color-primary-a20);border-color:var(--color-primary);color:var(--color-primary)}.payment-status.payment-status--payment-pending:before{background:var(--color-primary);animation:pulse-payment-pending 2s infinite}.payment-status.payment-status--processing{background:var(--color-info-a15);border-color:var(--color-info);color:var(--color-info)}.payment-status.payment-status--processing:before{background:var(--color-info);animation:spin 1s linear infinite}.payment-status.payment-status--confirmed,.payment-status.payment-status--completed{background:var(--color-success-a15);border-color:var(--color-success);color:var(--color-success)}.payment-status.payment-status--confirmed:before,.payment-status.payment-status--completed:before{background:var(--color-success)}.payment-status.payment-status--preparing{background:var(--color-info-a15);border-color:var(--color-info);color:var(--color-info)}.payment-status.payment-status--preparing:before{background:var(--color-info);animation:pulse-preparing 2s infinite}.payment-status.payment-status--shipped{background:var(--color-info-a15);border-color:var(--color-info);color:var(--color-info)}.payment-status.payment-status--shipped:before{background:var(--color-info);animation:move-shipped 3s infinite}.payment-status.payment-status--delivered{background:var(--color-success-a15);border-color:var(--color-success);color:var(--color-success)}.payment-status.payment-status--delivered:before{background:var(--color-success)}.payment-status.payment-status--cancelled{background:var(--color-danger-a15);border-color:var(--color-danger);color:var(--color-danger)}.payment-status.payment-status--cancelled:before{background:var(--color-danger)}@keyframes pulse-pending{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes pulse-payment-pending{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}@keyframes pulse-preparing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes move-shipped{0%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(-2px)}}.payment-status.payment-status--small{padding:var(--space-1) var(--space-2);font-size:.75rem;min-width:100px}.payment-status.payment-status--large{padding:var(--space-2) var(--space-4);font-size:1rem;min-width:140px}.payment-status.payment-status--compact:before{display:none}.payment-status.payment-status--compact{min-width:auto;gap:0}.payment-status:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.payment-status.payment-status--with-emoji:before{content:attr(data-emoji);width:auto;height:auto;background:none;font-size:1em;animation:none}@media (max-width: 640px){.payment-status{font-size:.75rem;padding:var(--space-1) var(--space-2);min-width:100px}.payment-status.payment-status--large{font-size:.875rem;padding:var(--space-1) var(--space-3);min-width:120px}}.payment-status:focus{outline:2px solid currentColor;outline-offset:2px}@media (prefers-contrast: high){.payment-status{border-width:3px;font-weight:var(--font-bold)}}@media (prefers-reduced-motion: reduce){.payment-status:before{animation:none}.payment-status:hover{transform:none}}.payment-slip-upload{max-width:500px;margin:0 auto;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.upload-header{text-align:center;margin-bottom:12px}.upload-header h3{color:var(--color-text);margin:0 0 4px;font-size:1rem;font-weight:600}.upload-header p{color:var(--color-text-muted);margin:0;font-size:.85rem}.upload-subtitle{display:none}.file-upload-section{margin-bottom:12px}.file-upload-area{display:block;width:100%;padding:16px 12px;border:2px dashed var(--color-primary-a40);border-radius:var(--radius-md);background:var(--color-surface-2);cursor:pointer;transition:all .3s ease;text-align:center}.file-upload-area:hover{border-color:var(--color-primary);background:var(--color-surface-3)}.upload-content .upload-icon{display:block;margin-bottom:8px;color:var(--color-primary)}.upload-content h4{color:var(--color-text);margin:0 0 4px;font-size:.9rem;font-weight:600}.upload-content p{color:var(--color-text-muted);margin:0;font-size:.75rem}.file-requirements{font-size:.9rem;color:var(--color-text-dim)!important}.file-selected{padding:10px;background:var(--color-info-a15);border:1px solid var(--color-info);border-radius:var(--radius-md)}.selected-file-info{display:flex;align-items:center;gap:8px}.file-icon{display:inline-flex;color:var(--color-info)}.file-name{flex:1;color:var(--color-info);font-weight:500;font-size:.85rem;word-break:break-all}.remove-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-danger);padding:4px;border-radius:var(--radius-sm);transition:background-color .2s ease}.remove-btn:hover{background:rgba(var(--color-danger-rgb),.12)}.image-preview{margin-bottom:12px;text-align:center}.image-preview img{max-width:100%;max-height:150px;border-radius:var(--radius-md);box-shadow:0 2px 6px rgba(var(--color-black-rgb),.4)}.ai-processing{display:flex;align-items:center;gap:8px;padding:10px;background:var(--color-warning-a15);border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-bottom:12px}.processing-spinner{width:20px;height:20px;border:2px solid var(--color-warning);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.ai-processing p{margin:0;color:var(--color-warning);font-weight:500}.ai-error{padding:16px;background:rgba(var(--color-danger-rgb),.12);border:1px solid rgba(var(--color-danger-rgb),.45);border-radius:var(--radius-md);margin-bottom:24px}.ai-error p{margin:0;color:var(--color-danger);font-weight:500}.ai-extracted-data{padding:20px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:24px}.ai-extracted-data h4{color:var(--color-text);margin:0 0 16px;font-size:1.2rem;font-weight:600}.qr-code-detected{background:rgba(var(--color-success-rgb),.12);border:1px solid rgba(var(--color-success-rgb),.4);border-radius:var(--radius-md);padding:12px;margin-bottom:16px}.qr-status{display:flex;align-items:center;gap:8px;margin-bottom:8px}.qr-icon{display:inline-flex;color:var(--color-success)}.qr-status strong{color:var(--color-success)}.extraction-method{color:var(--color-text-dim);font-size:.9rem;font-weight:400}.qr-type{color:var(--color-text-muted);font-size:.9rem}.qr-format{background:rgba(var(--color-success-rgb),.15);padding:2px 6px;border-radius:var(--radius-sm);font-weight:500;color:var(--color-success)}.validation-results{padding:12px;border-radius:var(--radius-md);margin-bottom:16px}.validation-results.success{background:rgba(var(--color-success-rgb),.12);border:1px solid rgba(var(--color-success-rgb),.4)}.validation-results.warning{background:var(--color-warning-a15);border:1px solid var(--color-warning)}.validation-results h5{margin:0 0 8px;font-size:1rem;font-weight:600}.validation-results.success h5{color:var(--color-success)}.validation-results.warning h5{color:var(--color-warning)}.validation-results p{margin:0;color:var(--color-text-muted)}.validation-results ul{margin:0;padding-left:20px;color:var(--color-text-muted)}.extracted-fields{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.field{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.field:last-child{border-bottom:none}.field label{font-weight:500;color:var(--color-text-muted);min-width:120px;text-align:left}.detected{color:var(--color-text);font-weight:500}.detected.matched{color:var(--color-success)}.detected.mismatched{color:var(--color-danger)}.confidence{padding:4px 8px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600}.confidence.high{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.confidence.medium{background:var(--color-warning-a15);color:var(--color-warning)}.confidence.low{background:rgba(var(--color-danger-rgb),.15);color:var(--color-danger)}.ai-note{margin:16px 0 0;padding:12px;background:var(--color-surface-2);border-radius:var(--radius-md);color:var(--color-text-dim);font-size:.9rem;line-height:1.4}.upload-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.confirm-btn,.cancel-btn{padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-btn{background:var(--color-primary);color:var(--color-on-primary)}.confirm-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.confirm-btn:disabled{background:var(--color-surface-3);color:var(--color-text-dim);cursor:not-allowed}.cancel-btn{background:var(--color-surface-3);color:var(--color-text)}.cancel-btn:hover:not(:disabled){background:var(--color-surface-4)}.debug-section{margin-top:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.debug-section summary{padding:8px 12px;background:var(--color-surface-2);cursor:pointer;font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.debug-section summary:hover{background:var(--color-surface-3)}.raw-text-debug{padding:12px;background:var(--color-bg);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.raw-text-debug pre{margin:0;font-family:Courier New,monospace;font-size:.8rem;line-height:1.4;color:var(--color-text-muted);white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.payment-slip-upload{padding:16px;margin:0 16px}.upload-actions{flex-direction:column}.confirm-btn,.cancel-btn{width:100%}.field{flex-direction:column;align-items:flex-start;gap:4px}.field label{min-width:auto}}.gateway-payment{background:var(--color-surface, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:var(--radius-lg, 12px);padding:var(--space-5, 20px);margin-top:var(--space-4, 16px)}.gateway-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4, 16px)}.gateway-header h3{margin:0;font-size:1.05rem;color:var(--color-text, #fff)}.gateway-amount{font-weight:700;color:var(--color-accent, #ffd700);font-size:1.1rem}.gateway-pay-btn,.gateway-retry-btn{width:100%;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-accent, #ffd700);color:var(--color-on-primary, #211800);border:none;border-radius:var(--radius-md, 8px);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition, all .2s ease)}.gateway-pay-btn:hover:not(:disabled),.gateway-retry-btn:hover{filter:brightness(1.08)}.gateway-pay-btn:disabled{opacity:.6;cursor:not-allowed}.gateway-error{color:var(--color-danger, #ef4444);margin-top:var(--space-3, 12px);font-size:.9rem}.gateway-qr{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 12px);margin-top:var(--space-4, 16px)}.gateway-qr-img{width:240px;max-width:80vw;height:auto;background:#fff;padding:var(--space-3, 12px);border-radius:var(--radius-md, 8px)}.gateway-qr-hint{text-align:center;color:var(--color-text-muted, #ccc);font-size:.9rem;margin:0}.gateway-status{min-height:32px;display:flex;align-items:center;justify-content:center}.gateway-waiting{display:inline-flex;align-items:center;gap:var(--space-2, 8px);color:var(--color-text-muted, #ccc);font-size:.9rem}.gateway-spinner{width:16px;height:16px;border:2px solid var(--color-border-2, #444);border-top-color:var(--color-accent, #ffd700);border-radius:50%;animation:gateway-spin .8s linear infinite}@keyframes gateway-spin{to{transform:rotate(360deg)}}.gateway-retry-btn{width:auto;padding:var(--space-2, 8px) var(--space-4, 16px)}.gateway-success{text-align:center}.gateway-success-icon{font-size:2.5rem}.gateway-success h3{color:var(--color-success, #22c55e);margin:var(--space-2, 8px) 0}.gateway-success p{color:var(--color-text-muted, #ccc);margin:0}.payment{--pay-bg-panel: var(--color-surface);--pay-bg-card: var(--color-surface-2);--pay-bg-soft: var(--color-surface-3);--pay-bg-inset: var(--color-bg);--pay-border: var(--color-border);--pay-border-2: var(--color-border-2);--pay-text: var(--color-text);--pay-text-mute: var(--color-text-muted);--pay-text-dim: var(--color-text-dim);--pay-accent: var(--color-primary);--pay-accent-2: var(--color-primary-hover);--pay-danger: var(--color-danger);--pay-success: var(--color-success);--pay-warning: var(--color-warning);min-height:100vh;color:var(--pay-text);padding:2.5rem 1rem;box-sizing:border-box}.payment__container{max-width:1000px;margin:0 auto;width:100%}.payment__header{text-align:center;margin-bottom:1.75rem;padding:2rem 1.5rem;background:linear-gradient(160deg,var(--color-surface-2),var(--color-surface) 70%);border:1px solid var(--pay-border);border-radius:16px}.payment__header-title{margin:0 0 .85rem;font-size:1.6rem;font-weight:700;letter-spacing:-.01em;color:var(--pay-text);display:flex;align-items:center;justify-content:center;gap:.5rem}.payment__header-title-icon{display:inline-flex;color:var(--color-primary);filter:drop-shadow(0 0 12px var(--color-primary-a40))}.payment__header-meta{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;color:var(--pay-text-mute);font-size:.875rem}.payment__header-order{color:var(--pay-text);font-weight:600}.payment__error{text-align:center;padding:3rem 1.5rem;background:linear-gradient(160deg,var(--color-surface-2),var(--color-surface) 70%);border:1px solid var(--pay-border);border-radius:16px}.payment__error-title{color:var(--pay-text);font-size:1.35rem;font-weight:600;margin:0 0 .5rem}.payment__error-text{color:var(--pay-text-mute);margin:0 0 1.75rem;font-size:.95rem}.payment__sections{display:flex;flex-direction:column;gap:1.25rem}.pay-card{background:linear-gradient(160deg,var(--color-surface-2),var(--color-surface) 62%);border:1px solid var(--pay-border);border-radius:14px;padding:1.5rem}.pay-card__title{margin:0 0 1.25rem;color:var(--pay-text);font-size:1.0625rem;font-weight:600;display:flex;align-items:center;gap:.5rem;letter-spacing:-.01em}.pay-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:10px;border:1px solid transparent;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .15s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.pay-btn:focus-visible{outline:2px solid var(--pay-accent);outline-offset:2px}.pay-btn:active:not(:disabled){transform:translateY(1px)}.pay-btn:disabled{cursor:not-allowed;opacity:.55}.pay-btn--primary{background:var(--pay-accent);color:var(--color-on-primary);border-color:var(--pay-accent);box-shadow:0 6px 18px var(--color-primary-a20)}.pay-btn--primary:hover:not(:disabled){background:var(--pay-accent-2);border-color:var(--pay-accent-2);box-shadow:0 8px 24px var(--color-primary-a30)}.pay-btn--ghost{background:var(--pay-bg-soft);color:var(--pay-text);border-color:var(--pay-border-2)}.pay-btn--ghost:hover:not(:disabled){background:var(--color-surface-4);border-color:var(--color-border-3)}.pay-btn--outline{background:transparent;color:var(--pay-text-mute);border-color:var(--pay-border-2)}.pay-btn--outline:hover:not(:disabled){color:var(--pay-text);border-color:var(--color-border-3);background:rgba(var(--color-white-rgb),.03)}.pay-btn--block{width:100%;padding:.9rem 1.25rem;font-size:1rem}.pay-input{width:100%;padding:.65rem .8rem;background:var(--pay-bg-inset);border:1px solid var(--pay-border);border-radius:8px;color:var(--pay-text);font-size:.9rem;box-sizing:border-box;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.pay-input::placeholder{color:var(--pay-text-dim)}.pay-input:focus{outline:none;border-color:var(--pay-accent);box-shadow:0 0 0 3px var(--color-primary-a20)}.pay-input:disabled{opacity:.6;cursor:not-allowed}select.pay-input{cursor:pointer}textarea.pay-input{resize:vertical;min-height:64px}.pay-field{margin-bottom:.875rem}.pay-field--inline{flex:1}.pay-label{display:block;color:var(--pay-text-mute);font-size:.8rem;margin-bottom:.35rem;font-weight:500}.pay-row{display:flex;gap:.875rem}.pay-address{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:var(--pay-bg-card);border:1px solid var(--pay-border);border-radius:10px;cursor:pointer;margin-bottom:.625rem;color:var(--pay-text);font-weight:400;transition:border-color .2s ease,background-color .2s ease}.pay-address:hover{border-color:var(--pay-border-2)}.pay-address--selected{border-color:var(--pay-accent);background:var(--color-primary-a10)}.pay-address input[type=radio]{width:auto;flex-shrink:0;margin-top:.25rem;padding:0;accent-color:var(--pay-accent)}.pay-address__body{flex:1;min-width:0}.pay-address__head{font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.pay-address__badge{background:var(--pay-accent);color:var(--color-on-primary);padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700}.pay-address__name{margin:.15rem 0;font-weight:500;color:var(--pay-text)}.pay-muted{color:var(--pay-text-mute);font-size:.8rem;margin:.15rem 0}.pay-dim{color:var(--pay-text-dim)}.pay-inset{margin-top:.875rem;padding:.875rem;background:var(--pay-bg-inset);border:1px solid var(--pay-border);border-radius:10px;font-size:.85rem}.pay-inset p{margin:.25rem 0}.pay-form-inset{margin-top:1rem;padding:1.25rem;background:var(--pay-bg-inset);border:1px solid var(--pay-border);border-radius:12px}.pay-form-inset__title{margin:0 0 1rem;color:var(--pay-text);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.pay-ico{display:inline-flex;align-items:center;gap:.35rem}.pay-card__title svg,.pay-form-inset__title svg,.pay-ico svg{flex-shrink:0}.pay-banner{border-radius:10px;padding:.875rem 1rem;font-size:.85rem}.pay-banner--success{background:rgba(var(--color-success-rgb),.12);border:1px solid rgba(var(--color-success-rgb),.4);color:var(--color-success);text-align:center}.pay-banner--error{background:rgba(var(--color-danger-rgb),.12);border:1px solid rgba(var(--color-danger-rgb),.45);color:var(--color-danger);margin-bottom:.75rem}.pay-banner p{margin:.2rem 0}.pay-discount-applied{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:rgba(var(--color-success-rgb),.12);border:1px solid rgba(var(--color-success-rgb),.4);border-radius:10px;padding:.875rem 1rem}.pay-discount-applied__label{color:var(--color-success);font-size:.875rem}.pay-discount-applied__amount{color:var(--pay-success);font-weight:700;margin-left:.75rem}.pay-discount-remove{background:transparent;border:none;color:var(--pay-danger);cursor:pointer;font-size:1.1rem;line-height:1;padding:.25rem;border-radius:6px;transition:background-color .15s ease}.pay-discount-remove:hover{background:rgba(var(--color-danger-rgb),.15)}.pay-summary-item{display:flex;justify-content:space-between;gap:1rem;padding:.75rem;background:var(--pay-bg-inset);border:1px solid var(--pay-border);border-radius:10px;margin-bottom:.5rem}.pay-summary-item__name{font-weight:500;margin:0 0 .25rem;color:var(--pay-text);font-size:.9rem}.pay-summary-item__price{text-align:right;white-space:nowrap}.pay-summary__rows{border-top:1px solid var(--pay-border);padding-top:.875rem;margin-top:.875rem}.pay-summary__row{display:flex;justify-content:space-between;padding:.5rem 0;color:var(--pay-text-mute);font-size:.9rem;border-bottom:1px dashed var(--pay-border)}.pay-summary__row:last-child{border-bottom:none}.pay-summary__free{color:var(--pay-success)}.pay-summary__hint{font-size:.75rem;color:var(--pay-text-dim);padding:.25rem 0;margin:0}.pay-summary__total{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--pay-border-2)}.pay-summary__total-label{font-size:1rem;font-weight:600;color:var(--pay-text)}.pay-summary__total-value{font-size:1.4rem;font-weight:700;color:var(--pay-accent);letter-spacing:-.01em}.pay-gold{color:var(--pay-accent);font-weight:600}.pay-method-info{background:var(--pay-bg-inset);border:1px solid var(--pay-border);border-radius:10px;padding:1rem;margin-bottom:1rem}.pay-method-info__title{color:var(--pay-accent);font-size:.95rem;font-weight:600;margin:0 0 .75rem}.pay-method-info p{margin:.4rem 0;font-size:.875rem;color:var(--pay-text)}.pay-method-info strong{color:var(--pay-text-mute);font-weight:500}.pay-qr{max-width:200px;border-radius:8px}.pay-subheading{color:var(--pay-text);font-size:.875rem;font-weight:600;margin:0 0 .5rem}.pay-link{color:var(--pay-accent);text-decoration:none}.pay-link:hover{text-decoration:underline}.pay-block{margin-bottom:1rem}.pay-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(var(--color-black-rgb),.25);border-top-color:var(--color-on-primary);border-radius:50%;animation:pay-spin .7s linear infinite;margin-right:.5rem}@keyframes pay-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.payment{padding:1.25rem .75rem}.payment__header{padding:1.5rem 1rem}.payment__header-title{font-size:1.35rem}.pay-card{padding:1.25rem}.pay-row{flex-direction:column;gap:0}}.settings-page{background:transparent;color:var(--color-text);min-height:100vh;padding:var(--space-10) var(--space-5);max-width:1000px;margin:0 auto;position:relative;overflow-x:hidden}.settings-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(var(--color-primary-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(var(--color-primary-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(var(--color-primary-rgb),.05) 0%,transparent 50%);pointer-events:none;z-index:0}.settings-page>*{position:relative;z-index:1}.settings-page h1{color:var(--color-primary);text-align:center;font-size:3rem;margin-bottom:var(--space-12);font-weight:var(--font-bold);letter-spacing:-.02em;text-shadow:0 0 30px rgba(var(--color-primary-rgb),.5)}.settings-page .settings-section{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-primary-a20);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-md),inset 0 1px rgba(var(--color-white-rgb),.1);transition:var(--transition)}.settings-page .settings-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),inset 0 1px rgba(var(--color-white-rgb),.15),0 0 20px var(--color-primary-a10);border-color:var(--color-primary-a30)}.settings-page .settings-section h2{color:var(--color-primary);font-size:1.8rem;margin-bottom:var(--space-6);font-weight:var(--font-bold);position:relative;padding-bottom:var(--space-4)}.settings-page .settings-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--color-primary);border-radius:2px}.settings-page .profile-info{display:grid;gap:var(--space-5);margin-top:var(--space-5)}.settings-page .profile-info>div{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--color-surface-2);border-radius:var(--radius-md);border:1px solid var(--color-primary-a10);transition:var(--transition)}.settings-page .profile-info>div:hover{background:var(--color-surface-3);border-color:var(--color-primary-a20);transform:translate(5px)}.settings-page .profile-info span:first-child{color:var(--color-primary);font-weight:var(--font-medium);font-size:.95rem}.settings-page .profile-info span:last-child{color:var(--color-text-muted);font-weight:500}.settings-page .role-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:.85rem;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.settings-page .role-owner{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 4px 15px var(--color-primary-a30)}.settings-page .role-admin{background:var(--color-secondary);color:var(--color-on-secondary);box-shadow:0 4px 15px var(--color-secondary-a25)}.settings-page .role-sales{background:var(--color-info);color:var(--color-on-primary);box-shadow:0 4px 15px var(--color-info-a15)}.settings-page .role-user{background:var(--color-surface-4);color:var(--color-text);box-shadow:0 4px 15px rgba(var(--color-black-rgb),.3)}.settings-page .form-group{margin-bottom:var(--space-6)}.settings-page .form-group label{display:block;color:var(--color-primary);font-weight:var(--font-medium);margin-bottom:var(--space-2);font-size:.95rem}.settings-page .form-group input,.settings-page .form-group select,.settings-page .form-group textarea{width:100%;padding:var(--space-4) var(--space-5);background:var(--color-surface-2);border:1px solid var(--color-primary-a20);border-radius:var(--radius-md);color:var(--color-text);font-size:15px;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-page .form-group input:focus,.settings-page .form-group select:focus,.settings-page .form-group textarea:focus{outline:none;border-color:var(--color-primary-a40);box-shadow:0 0 0 3px var(--color-primary-a10),0 8px 25px var(--color-primary-a20);background:var(--color-surface-3)}.settings-page .form-group input:disabled,.settings-page .form-group select:disabled,.settings-page .form-group textarea:disabled{background:var(--color-surface);color:var(--color-text-faint);cursor:not-allowed;border-color:var(--color-border)}.settings-page .form-group input::placeholder,.settings-page .form-group textarea::placeholder{color:var(--color-text-faint)}.settings-page .form-group select option{background-color:var(--color-surface-2);color:var(--color-text);padding:10px}.settings-page .btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:15px;font-weight:var(--font-medium);transition:var(--transition);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.settings-page .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-white-rgb),.2),transparent);transition:left .5s}.settings-page .btn:hover:before{left:100%}.settings-page .btn-primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 8px 25px var(--color-primary-a30)}.settings-page .btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-3px);box-shadow:0 12px 35px var(--color-primary-a40)}.settings-page .btn-primary:active{transform:translateY(-1px)}.settings-page .btn-secondary{background:var(--color-surface-3);color:var(--color-primary);border:1px solid var(--color-primary-a30);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-page .btn-secondary:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 25px var(--color-primary-a30)}.settings-page .btn-danger{background:var(--color-danger);color:var(--color-on-primary);box-shadow:0 8px 25px var(--color-danger-a15)}.settings-page .btn-danger:hover{background:var(--color-danger-strong);transform:translateY(-2px);box-shadow:0 12px 35px var(--color-danger-a15)}.settings-page .addresses-list{display:grid;gap:var(--space-5);margin-bottom:var(--space-8)}.settings-page .address-card{background:var(--color-surface-2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--color-primary-a20);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition);position:relative;overflow:hidden}.settings-page .address-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-primary)}.settings-page .address-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg),0 0 20px var(--color-primary-a10);border-color:var(--color-primary-a30)}.settings-page .address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.settings-page .address-type{color:var(--color-primary);font-weight:var(--font-bold);font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px}.settings-page .default-badge{background:var(--color-success);color:var(--color-on-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:.8rem;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px var(--color-success-a15)}.settings-page .address-content{margin-bottom:var(--space-5)}.settings-page .address-content p{margin:var(--space-2) 0;color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.settings-page .address-content p:first-child{font-weight:var(--font-medium);color:var(--color-text);font-size:1.1rem}.settings-page .address-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.settings-page .btn-sm{padding:var(--space-2) var(--space-5);font-size:13px;border-radius:var(--radius-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.settings-page .address-form{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-primary-a30);border-radius:var(--radius-xl);padding:var(--space-8);margin-top:var(--space-6);box-shadow:var(--shadow-lg),inset 0 1px rgba(var(--color-white-rgb),.1)}.settings-page .address-form h3{color:var(--color-primary);margin-bottom:var(--space-8);text-align:center;font-size:1.6rem;font-weight:var(--font-bold)}.settings-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-6)}.settings-page .form-row .form-group{margin-bottom:0}.settings-page .button-group{display:flex;gap:var(--space-4);margin-top:var(--space-8);justify-content:center}.settings-page .checkbox-label{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);cursor:pointer;margin:var(--space-5) 0;font-weight:500;transition:color .3s ease}.settings-page .checkbox-label:hover{color:var(--color-text)}.settings-page .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);border-radius:var(--radius-sm)}.settings-page .error-message{background:var(--color-danger-a15);color:var(--color-danger);border:1px solid var(--color-danger-a15);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.settings-page .admin-section,.settings-page .owner-section{border-color:var(--color-primary-a30)}.settings-page .admin-section:hover,.settings-page .owner-section:hover{border-color:var(--color-primary-a40);box-shadow:var(--shadow-lg),inset 0 1px rgba(var(--color-white-rgb),.15),0 0 20px var(--color-primary-a20)}.settings-page .settings-form,.settings-page .about-info{display:grid;gap:var(--space-4);margin-top:var(--space-5)}.settings-page .about-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--color-surface-2);border-radius:var(--radius-md);border:1px solid var(--color-primary-a10);transition:var(--transition)}.settings-page .about-item:hover{background:var(--color-surface-3);border-color:var(--color-primary-a20);transform:translate(5px)}.settings-page .about-item span:first-child{color:var(--color-primary);font-weight:var(--font-medium)}.settings-page .about-item span:last-child{color:var(--color-text-muted);font-weight:500}@media (max-width: 768px){.settings-page{padding:var(--space-5) var(--space-4)}.settings-page h1{font-size:2.2rem;margin-bottom:var(--space-8)}.settings-page .settings-section{padding:var(--space-5);margin-bottom:var(--space-5)}.settings-page .form-row{grid-template-columns:1fr;gap:var(--space-4)}.settings-page .button-group,.settings-page .address-actions{flex-direction:column}.settings-page .profile-info>div{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.settings-page .address-form{padding:var(--space-6) var(--space-5)}.settings-page .settings-form{gap:var(--space-3)}}.form-section{margin-bottom:4px}.form-section-title{color:gold;font-size:.9rem;font-weight:700;margin:16px 0 12px;padding:8px 14px;border-left:3px solid #ffd700;background:linear-gradient(90deg,rgba(255,215,0,.1),transparent);border-radius:0 6px 6px 0;letter-spacing:.5px}.form-section:first-child .form-section-title{margin-top:0}.form-section .form-grid{margin-bottom:0}.product-form-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding:20px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;animation:fadeIn .3s ease-out}.product-form{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #ffd700;border-radius:16px;box-shadow:0 20px 40px #0009,0 0 0 1px #ffd7001a,inset 0 1px #ffffff1a;padding:0;max-width:580px;max-height:90vh;width:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;margin-top:15px;margin-bottom:15px;transform:translateY(-20px);animation:slideUp .3s ease-out forwards}.product-form h2{color:gold;margin:0;padding:20px 24px 16px;text-align:center;font-size:1.4rem;font-weight:700;flex-shrink:0;border-bottom:2px solid rgba(255,215,0,.2);background:linear-gradient(90deg,transparent,rgba(255,215,0,.05),transparent);position:relative}.product-form h2:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent)}.esc-hint{font-size:.8rem;font-weight:400;color:#888;opacity:.7;margin-top:4px}.product-id-display{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;background:linear-gradient(135deg,#ffd70014,#ffd70008);border:1px solid rgba(255,215,0,.2);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-id-display label{font-weight:600;color:gold;margin:0;font-size:.95rem}.product-id{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-weight:700;color:#fff;background:linear-gradient(135deg,#333,#1a1a1a);padding:8px 12px;border-radius:8px;font-size:.9rem;border:1px solid rgba(255,215,0,.3);letter-spacing:.5px}.form-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px;min-height:0;max-height:calc(90vh - 140px);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.form-content{scrollbar-width:thin;scrollbar-color:#ffd700 rgba(255,215,0,.1)}.form-content::-webkit-scrollbar{width:12px}.form-content::-webkit-scrollbar-track{background:#ffd7001a;border-radius:10px;margin:8px 0}.form-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,gold,#ffb000);border-radius:10px;border:2px solid transparent;background-clip:content-box;box-shadow:inset 0 0 0 1px #0000001a}.form-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffeb3b,#ffc107);background-clip:content-box}.form-content::-webkit-scrollbar-corner{background:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;box-sizing:border-box;width:100%}.product-form .form-group{display:flex;flex-direction:column;position:relative}.product-form .form-group.full-width{grid-column:1 / -1}.product-form .form-group label{margin-bottom:6px;font-weight:600;color:gold;font-size:.85rem;letter-spacing:.3px;position:relative}.product-form .form-group label:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:gold;transition:width .3s ease}.product-form .form-group:focus-within label:after{width:100%}.product-form .form-group input,.product-form .form-group select,.product-form .form-group textarea{padding:10px 14px;border:2px solid rgba(255,215,0,.3);border-radius:8px;font-size:.9rem;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;background:linear-gradient(135deg,#1a1a1a,#252525);color:#fff;min-width:0;position:relative}.product-form .form-group input::placeholder,.product-form .form-group textarea::placeholder{color:#888;font-style:italic}.product-form .form-group input:focus,.product-form .form-group select:focus,.product-form .form-group textarea:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033,0 4px 12px #ffd7001a;transform:translateY(-1px);background:linear-gradient(135deg,#252525,#1a1a1a)}.product-form .form-group input:hover:not(:focus),.product-form .form-group select:hover:not(:focus),.product-form .form-group textarea:hover:not(:focus){border-color:#ffd70080;transform:translateY(-.5px)}.product-form .form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffd700' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.product-form .form-group select option{background:#1a1a1a;color:#fff;padding:8px}.product-form .form-group input.error,.product-form .form-group select.error{border-color:#d32f2f!important;background:#d32f2f0d}.product-form .form-group input.error:focus,.product-form .form-group select.error:focus{border-color:#d32f2f!important;box-shadow:0 0 0 3px #d32f2f33!important}.product-form .form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.product-form .form-group input[type=checkbox]{width:20px;height:20px;margin-right:12px;margin-bottom:0;accent-color:#ffd700;cursor:pointer}.product-form .form-group input[type=file]{padding:16px;border:2px dashed rgba(255,215,0,.4);border-radius:12px;background:linear-gradient(135deg,#ffd7000d,#ffd70005);color:#fff;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.product-form .form-group input[type=file]:hover{border-color:gold;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);transform:translateY(-2px)}.product-form .form-group input[type=file]:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033}.product-form .input-with-prefix,.product-form .input-with-suffix{display:flex;align-items:center;border:2px solid rgba(255,215,0,.3);border-radius:8px;background:linear-gradient(135deg,#1a1a1a,#252525);overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;transition:all .3s ease;position:relative}.product-form .input-with-prefix:hover,.product-form .input-with-suffix:hover{border-color:#ffd70080;transform:translateY(-.5px)}.product-form .input-with-prefix:focus-within,.product-form .input-with-suffix:focus-within{border-color:gold;box-shadow:0 0 0 3px #ffd70033,0 4px 12px #ffd7001a;transform:translateY(-1px);background:linear-gradient(135deg,#252525,#1a1a1a)}.product-form .input-prefix,.product-form .input-suffix{padding:10px 14px;background:linear-gradient(135deg,gold,#ffb000);color:#1a1a1a;font-weight:600;border:none;font-size:.9rem;flex-shrink:0;letter-spacing:.3px;position:relative;z-index:1}.product-form .input-with-prefix input,.product-form .input-with-suffix input,.product-form .input-with-prefix select,.product-form .input-with-suffix select{border:none!important;outline:none!important;padding:10px 14px;flex:1;min-width:0;font-size:.9rem;background:transparent!important;color:#fff;width:auto;box-shadow:none!important;transform:none!important}.product-form .input-with-prefix input::placeholder,.product-form .input-with-suffix input::placeholder{color:#888;font-style:italic}.product-form .input-with-suffix select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffd700' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:calc(100% - 50px) center;background-repeat:no-repeat;background-size:16px;padding-right:70px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.product-form .input-with-prefix select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffd700' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.product-form .input-with-prefix select option,.product-form .input-with-suffix select option{background:#1a1a1a;color:#fff;padding:8px}.product-form .form-group input[readonly]{background:linear-gradient(135deg,#2d2d2d,#1a1a1a)!important;cursor:not-allowed;opacity:.7;border-color:#ffd70033!important}.product-form .form-group input[readonly]:hover{transform:none!important;border-color:#ffd70033!important}.product-form .help-text{font-size:.75rem;color:#888;margin-top:4px;font-style:italic}.product-form .form-group input[name=serial_number]{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.85rem;letter-spacing:.5px}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 20px;border-top:2px solid rgba(255,215,0,.2);background:linear-gradient(135deg,#1a1a1a,#2d2d2d);flex-shrink:0;position:sticky;bottom:0;z-index:100;box-shadow:0 -4px 12px #0000004d}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;border:2px solid transparent;position:relative;overflow:hidden;letter-spacing:.3px}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:0}.btn:hover:before{width:300px;height:300px}.btn>*{position:relative;z-index:1}.btn-primary{background:linear-gradient(135deg,gold,#ffb000);color:#1a1a1a;border-color:gold;box-shadow:0 4px 12px #ffd7004d}.btn-primary:hover{background:linear-gradient(135deg,#ffeb3b,#ffc107);border-color:#ffeb3b;transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #ffd7004d}.btn-secondary{background:transparent;color:gold;border-color:#ffd70099;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffd7001a;border-color:gold;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.btn-danger{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;border-color:#ff4757;box-shadow:0 4px 12px #ff47574d}.btn-danger:hover{background:linear-gradient(135deg,#ff3742,#ff2d40);border-color:#ff3742;transform:translateY(-2px);box-shadow:0 6px 20px #ff475766}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled:hover{transform:none;box-shadow:none}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:16px}.image-preview{position:relative;border-radius:12px;overflow:hidden;background:#2d2d2d;border:2px solid rgba(255,215,0,.2);transition:all .3s ease}.image-preview:hover{border-color:gold;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.image-preview img{width:100%;height:100px;object-fit:cover;transition:transform .3s ease}.image-preview:hover img{transform:scale(1.05)}.image-delete-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px #0000004d}.image-delete-btn:hover{background:linear-gradient(135deg,#ff3742,#ff2d40);transform:scale(1.1);box-shadow:0 4px 12px #ff475766}@media (max-width: 768px){.product-form-overlay{padding:10px;align-items:flex-start}.product-form{max-width:100%;max-height:95vh;width:calc(100vw - 20px);margin-top:5px;border-radius:12px}.product-form h2{padding:20px 20px 16px;font-size:1.3rem}.form-content{padding:20px 20px 140px;max-height:calc(95vh - 140px)}.form-grid{grid-template-columns:1fr;gap:16px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:14px 16px}.form-actions{padding:16px 20px 20px;justify-content:center;flex-wrap:wrap;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);z-index:1000;box-shadow:0 -4px 12px #0000004d;margin-top:0}.form-actions-edit{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:10px!important;flex-wrap:unset!important;justify-content:unset!important}.form-actions-edit .btn-cancel{grid-column:1;grid-row:1}.form-actions-edit .btn-delete{grid-column:2;grid-row:1}.form-actions-edit .btn-preview{grid-column:1;grid-row:2;background-color:#3498db!important;border-color:#3498db!important;color:#fff!important}.form-actions-edit .btn-update{grid-column:2;grid-row:2}.btn{min-width:120px;padding:14px 20px}.esc-hint{display:none}}@media (max-width: 480px){.product-form{width:calc(100vw - 10px);border-radius:8px}.product-form h2{padding:16px 16px 12px;font-size:1.2rem}.form-content{padding:16px 16px 140px;max-height:calc(95vh - 130px)}.form-grid{gap:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;border-radius:8px}.form-group label{font-size:.85rem;margin-bottom:6px}.form-actions{padding:14px 16px 16px;gap:10px;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);z-index:1000;box-shadow:0 -4px 12px #0006;margin-top:0}.form-actions-edit{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:10px!important;flex-wrap:unset!important;justify-content:unset!important}.form-actions-edit .btn-cancel{grid-column:1;grid-row:1}.form-actions-edit .btn-delete{grid-column:2;grid-row:1}.form-actions-edit .btn-preview{grid-column:1;grid-row:2;background-color:#3498db!important;border-color:#3498db!important;color:#fff!important}.form-actions-edit .btn-preview:hover{background-color:#2980b9!important;border-color:#2980b9!important}.form-actions-edit .btn-update{grid-column:2;grid-row:2}.btn{min-width:100px;padding:12px 16px;font-size:.9rem;border-radius:8px;margin:0!important}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.image-preview img{height:80px}}.btn:focus-visible,.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid #ffd700;outline-offset:2px}@media (prefers-contrast: high){.product-form,.form-group input,.form-group select,.form-group textarea{border-color:#fff}.btn-primary{background:gold;color:#000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.my-branch-inventory{padding:var(--space-6);max-width:1800px;margin:0 auto;min-height:100vh}.my-branch-inventory .inventory-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-6);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-2) 100%);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-primary);box-shadow:0 4px 20px var(--color-primary-a10)}.my-branch-inventory .header-content h1{font-size:2.5rem;margin-bottom:var(--space-4);color:var(--color-primary);font-weight:var(--font-bold);text-shadow:0 0 20px var(--color-primary-a30);display:inline-flex;align-items:center;gap:.5rem}.my-branch-inventory .branch-info{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);margin-top:var(--space-4);box-shadow:0 4px 15px var(--color-primary-a30)}.my-branch-inventory .branch-info h2{font-size:1.5rem;margin-bottom:var(--space-2);color:var(--color-on-primary);font-weight:700}.my-branch-inventory .branch-info p{margin:var(--space-1) 0;color:var(--color-on-primary);font-weight:600}.my-branch-inventory .inventory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.my-branch-inventory .stat-card{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-2) 100%);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-4);transition:all .3s ease;border:2px solid var(--color-border);position:relative;overflow:hidden}.my-branch-inventory .stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,var(--color-primary-a10) 100%);opacity:0;transition:opacity .3s ease}.my-branch-inventory .stat-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px var(--color-primary-a30);border-color:var(--color-primary)}.my-branch-inventory .stat-card:hover:before{opacity:1}.my-branch-inventory .stat-card.success{border-left:4px solid var(--color-success)}.my-branch-inventory .stat-card.warning{border-left:4px solid var(--color-primary)}.my-branch-inventory .stat-card.danger{border-left:4px solid var(--color-danger)}.my-branch-inventory .stat-card.info{border-left:4px solid var(--color-primary)}.my-branch-inventory .stat-icon{font-size:2.5rem;color:var(--color-primary);filter:drop-shadow(0 0 10px var(--color-primary-a40))}.my-branch-inventory .stat-content h3{font-size:2rem;margin:0;color:var(--color-primary);font-weight:var(--font-bold)}.my-branch-inventory .stat-content p{margin:var(--space-1) 0 0 0;color:var(--color-text-dim);font-size:.9rem;font-weight:500}.my-branch-inventory .inventory-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.my-branch-inventory .filter-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}.my-branch-inventory .filter-btn{padding:var(--space-3) var(--space-5);border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.my-branch-inventory .filter-btn:hover{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 15px var(--color-primary-a20)}.my-branch-inventory .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 0 20px var(--color-primary-a40);font-weight:700}.my-branch-inventory .search-box{flex:1;min-width:250px;max-width:400px}.my-branch-inventory .search-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-md);font-size:1rem;transition:all .3s ease}.my-branch-inventory .search-input::placeholder{color:var(--color-text-faint)}.my-branch-inventory .search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-a20)}.my-branch-inventory .inventory-table-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow-x:auto;overflow-y:hidden;border:1px solid var(--color-border)}.my-branch-inventory .inventory-table-container::-webkit-scrollbar{height:12px}.my-branch-inventory .inventory-table-container::-webkit-scrollbar-track{background:var(--color-bg);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.my-branch-inventory .inventory-table-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:6px;box-shadow:0 0 10px var(--color-primary-a30)}.my-branch-inventory .inventory-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);box-shadow:0 0 15px var(--color-primary-a40)}.my-branch-inventory .inventory-table{width:100%;min-width:1200px;border-collapse:collapse}.my-branch-inventory .inventory-table thead{background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-surface) 100%);border-bottom:2px solid var(--color-primary)}.my-branch-inventory .inventory-table th{padding:var(--space-4) var(--space-4);text-align:left;font-weight:700;white-space:nowrap;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.my-branch-inventory .inventory-table tbody tr{border-bottom:1px solid var(--color-border);transition:all .2s ease;background:var(--color-surface)}.my-branch-inventory .inventory-table tbody tr:hover{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-2) 100%);box-shadow:inset 0 0 20px var(--color-primary-a10)}.my-branch-inventory .inventory-table tbody tr.status-low_stock{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-primary-a10) 100%)}.my-branch-inventory .inventory-table tbody tr.status-out_of_stock{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-danger-a15) 100%)}.my-branch-inventory .inventory-table td{padding:var(--space-4);vertical-align:middle;color:var(--color-text-muted)}.my-branch-inventory .product-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--color-border)}.my-branch-inventory .product-thumbnail-placeholder{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface-2) 0%,var(--color-surface) 100%);border-radius:var(--radius-md);font-size:1.5rem;border:2px solid var(--color-border)}.my-branch-inventory .product-id{font-size:.85rem;color:var(--color-text-dim);font-weight:600}.my-branch-inventory .product-name{font-weight:700;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-a20)}.my-branch-inventory .quantity-cell{text-align:center}.my-branch-inventory .quantity-badge{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-weight:var(--font-bold);font-size:1rem;box-shadow:0 2px 10px rgba(var(--color-black-rgb),.3)}.my-branch-inventory .quantity-badge.in_stock,.my-branch-inventory .quantity-badge.overstock{background:var(--color-success);color:var(--color-on-primary);box-shadow:0 0 15px rgba(var(--color-success-rgb),.4)}.my-branch-inventory .quantity-badge.low_stock{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);box-shadow:0 0 15px var(--color-primary-a40)}.my-branch-inventory .quantity-badge.out_of_stock{background:var(--color-danger);color:var(--color-text);box-shadow:0 0 15px rgba(var(--color-danger-rgb),.4)}.my-branch-inventory .status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-weight:700;font-size:.85rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.my-branch-inventory .status-badge.in_stock{background:var(--color-success);color:var(--color-on-primary);box-shadow:0 0 15px rgba(var(--color-success-rgb),.3)}.my-branch-inventory .status-badge.low_stock{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);box-shadow:0 0 15px var(--color-primary-a30)}.my-branch-inventory .status-badge.out_of_stock{background:var(--color-danger);color:var(--color-text);box-shadow:0 0 15px rgba(var(--color-danger-rgb),.3)}.my-branch-inventory .status-badge.overstock{background:var(--color-info);color:var(--color-on-primary);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.3)}.my-branch-inventory .no-data{text-align:center;padding:var(--space-7)!important;color:var(--color-text-faint);font-style:italic;font-size:1.1rem}.my-branch-inventory .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.my-branch-inventory .spinner{width:60px;height:60px;border:4px solid var(--color-surface-2);border-top:4px solid var(--color-primary);border-radius:var(--radius-circle);animation:spin 1s linear infinite;box-shadow:0 0 20px var(--color-primary-a30)}.my-branch-inventory .loading-spinner p{color:var(--color-primary);margin-top:var(--space-4);font-weight:600;font-size:1.1rem}.my-branch-inventory .error-message{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-2) 100%);border:2px solid var(--color-danger);border-radius:var(--radius-xl);padding:var(--space-7);text-align:center;box-shadow:0 4px 20px var(--color-danger-a15)}.my-branch-inventory .error-message h2{color:var(--color-danger);margin-bottom:var(--space-4);font-size:2rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem}.my-branch-inventory .error-message p{color:var(--color-text-dim);margin-bottom:var(--space-6);font-size:1.1rem}.my-branch-inventory .btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:all .3s ease;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;font-size:.95rem}.my-branch-inventory .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);box-shadow:0 4px 15px var(--color-primary-a30)}.my-branch-inventory .btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-3px);box-shadow:0 6px 20px var(--color-primary-a40)}.my-branch-inventory .btn-secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:0 4px 15px var(--color-primary-a20)}.my-branch-inventory .btn-secondary:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 6px 20px var(--color-primary-a40);transform:translateY(-3px)}@media (max-width: 768px){.my-branch-inventory{padding:var(--space-4)}.my-branch-inventory .inventory-header{flex-direction:column}.my-branch-inventory .header-content h1{font-size:1.5rem}.my-branch-inventory .inventory-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.my-branch-inventory .inventory-controls{flex-direction:column;align-items:stretch}.my-branch-inventory .search-box{max-width:100%}.my-branch-inventory .inventory-table{font-size:.85rem}.my-branch-inventory .inventory-table th,.my-branch-inventory .inventory-table td{padding:var(--space-2)}}.user-history-management{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);min-height:100vh;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.user-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.user-history-title{font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 4px 8px rgba(102,126,234,.3)}.user-search-section{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:25px;margin-bottom:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.search-controls{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;align-items:end}.search-field{display:flex;flex-direction:column}.search-field label{font-weight:600;color:#94a3b8;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.search-field input,.search-field select{padding:14px 16px;background:#1e293bcc;border:2px solid rgba(148,163,184,.2);border-radius:12px;font-size:14px;color:#e2e8f0;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-input-container{position:relative}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#1e293bf2,#0f172af2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.2);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 10px 40px #0006;z-index:1000;max-height:300px;overflow-y:auto}.suggestion-item{padding:14px 16px;cursor:pointer;border-bottom:1px solid rgba(148,163,184,.1);transition:all .2s ease}.suggestion-item:hover{background:linear-gradient(135deg,#667eea33,#764ba233);transform:translate(4px)}.suggestion-item:last-child{border-bottom:none}.suggestion-main{margin-bottom:6px;color:#f1f5f9}.suggestion-details{display:flex;gap:8px;font-size:12px;color:#94a3b8;flex-wrap:wrap}.suggestion-details span{padding:3px 8px;background:#94a3b81a;border-radius:12px;border:1px solid rgba(148,163,184,.2)}.verification-status.verified{background:linear-gradient(135deg,#22c55e33,#15803d33);color:#86efac;border-color:#22c55e4d}.verification-status.pending{background:linear-gradient(135deg,#fbbf2433,#d9770633);color:#fcd34d;border-color:#fbbf244d}.verification-status.not_submitted{background:linear-gradient(135deg,#ef444433,#b91c1c33);color:#fca5a5;border-color:#ef44444d}.loading-suggestion{text-align:center;color:#64748b;font-style:italic;cursor:default}.loading-suggestion:hover{background-color:transparent;transform:none}.search-field input:focus,.search-field select:focus{outline:none;border-color:#667eea;background:#1e293be6;box-shadow:0 0 0 4px #667eea1a,0 0 20px #667eea33}.search-btn{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;height:fit-content;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #667eea4d}.search-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.search-btn:disabled{background:linear-gradient(135deg,#4a5568,#2d3748);cursor:not-allowed;transform:none;box-shadow:none}.user-info-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:25px;margin-bottom:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.user-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-info-title{font-size:24px;font-weight:700;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.user-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.user-detail{display:flex;flex-direction:column;padding:12px;background:#1e293b4d;border-radius:8px;border:1px solid rgba(148,163,184,.1)}.user-detail-label{font-weight:600;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.user-detail-value{font-size:14px;color:#f1f5f9;font-weight:500}.add-note-section{background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:25px;margin-bottom:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.add-note-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 20px}.note-form{display:grid;grid-template-columns:1fr 150px 120px auto;gap:15px;align-items:end}.note-form textarea{padding:14px 16px;background:#1e293bcc;border:2px solid rgba(148,163,184,.2);border-radius:12px;font-size:14px;color:#e2e8f0;resize:vertical;min-height:100px;font-family:inherit;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.note-form textarea:focus{outline:none;border-color:#10b981;background:#1e293be6;box-shadow:0 0 0 4px #10b9811a,0 0 20px #10b98133}.add-note-btn{padding:14px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;height:fit-content;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #10b9814d}.add-note-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.add-note-btn:disabled{background:linear-gradient(135deg,#4a5568,#2d3748);cursor:not-allowed;transform:none;box-shadow:none}.history-section{background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.history-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.history-filters{display:flex;gap:15px;align-items:center}.filter-select{padding:8px 12px;background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:8px;font-size:14px;color:#e2e8f0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{background:linear-gradient(135deg,#1e293b66,#0f172a66);border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.history-item:hover{border-color:#667eea66;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.history-item-info{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.history-type-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.history-type-admin_note{background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.history-type-status_change{background:linear-gradient(135deg,#fb923c33,#ea580c33);color:#fdba74;border:1px solid rgba(251,146,60,.3)}.history-type-payment_action{background:linear-gradient(135deg,#22c55e33,#15803d33);color:#86efac;border:1px solid rgba(34,197,94,.3)}.history-type-verification_update{background:linear-gradient(135deg,#a855f733,#9333ea33);color:#c084fc;border:1px solid rgba(168,85,247,.3)}.history-type-login_activity{background:linear-gradient(135deg,#ec489933,#be185d33);color:#f9a8d4;border:1px solid rgba(236,72,153,.3)}.history-type-system_action{background:linear-gradient(135deg,#84cc1633,#65a30d33);color:#bef264;border:1px solid rgba(132,204,22,.3)}.history-type-support_ticket{background:linear-gradient(135deg,#f59e0b33,#d9770633);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.history-type-security_event{background:linear-gradient(135deg,#ef444433,#b91c1c33);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.priority-badge{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.priority-low{background:linear-gradient(135deg,#22c55e33,#15803d33);color:#86efac;border:1px solid rgba(34,197,94,.3)}.priority-medium{background:linear-gradient(135deg,#fb923c33,#ea580c33);color:#fdba74;border:1px solid rgba(251,146,60,.3)}.priority-high{background:linear-gradient(135deg,#f59e0b33,#d9770633);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.priority-critical{background:linear-gradient(135deg,#ef444433,#b91c1c33);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.category-tag{padding:4px 10px;background:#1e293b99;border:1px solid rgba(148,163,184,.2);border-radius:12px;font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.history-timestamp{font-size:12px;color:#64748b;text-align:right}.history-content{color:#e2e8f0;line-height:1.6;margin-bottom:12px;font-size:14px}.history-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#94a3b8;border-top:1px solid rgba(148,163,184,.1);padding-top:12px}.created-by{font-weight:600;color:#cbd5e1}.internal-badge{background:linear-gradient(135deg,#64748bcc,#334155cc);color:#e2e8f0;padding:4px 8px;border-radius:10px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(100,116,139,.3)}.loading{display:flex;justify-content:center;align-items:center;padding:60px;color:#94a3b8;font-size:16px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.error{background:linear-gradient(135deg,#ef444433,#b91c1c33);color:#fca5a5;padding:16px 20px;border-radius:12px;margin-bottom:20px;border:1px solid rgba(239,68,68,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-user{text-align:center;padding:60px;color:#94a3b8;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:12px;margin:20px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font-size:16px}.no-history{text-align:center;padding:60px;color:#94a3b8;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font-size:16px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}.pagination button{padding:12px 20px;background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#e2e8f0;cursor:pointer;transition:all .3s ease;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pagination button:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.pagination button:disabled{background:#33415580;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.pagination .active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 15px #667eea4d}.pagination span{color:#cbd5e1;font-weight:600;padding:0 15px}@media (max-width: 768px){.user-history-management{padding:15px}.user-history-title{font-size:24px}.search-controls,.note-form{grid-template-columns:1fr;gap:20px}.user-details{grid-template-columns:1fr}.history-item-header{flex-direction:column;align-items:flex-start;gap:12px}.history-item-info{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.history-filters{flex-direction:column;gap:10px;align-items:flex-start}.pagination{flex-wrap:wrap;gap:10px}}.sales-history{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sales-history-header{margin-bottom:30px}.sales-history-header h2{color:gold;font-size:2rem;margin-bottom:20px;text-align:center}.tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.tab{background:#ffffff1a;border:2px solid rgba(255,215,0,.3);border-radius:8px;padding:12px 24px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600}.tab:hover{background:#ffd7001a;border-color:#ffd70080}.tab.active{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;color:#000}.sales-summary{margin-bottom:30px}.summary-card{background:#ffffff0d;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-item{text-align:center}.summary-label{display:block;color:#999;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.summary-value{display:block;color:gold;font-size:1.8rem;font-weight:700}.analytics-section{margin-bottom:30px}.analytics-controls{margin-bottom:20px;text-align:center}.analytics-controls select{background:#ffffff1a;border:2px solid rgba(255,215,0,.3);border-radius:6px;padding:8px 16px;color:#fff;font-size:14px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.analytics-card{background:#ffffff0d;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:20px}.analytics-card h3{color:gold;margin-bottom:15px;font-size:1.2rem}.analytics-stats{display:flex;flex-direction:column;gap:12px}.stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat:last-child{border-bottom:none}.stat-label{color:#999;font-size:14px}.stat-value{color:#fff;font-weight:700;font-size:16px}.method-breakdown,.category-breakdown{display:flex;flex-direction:column;gap:10px}.method-item,.category-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:6px}.category-name{color:#fff;text-transform:capitalize}.category-count{color:gold;font-weight:700}.sales-list{margin-top:20px}.sales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.sale-card{background:#ffffff0d;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:20px;transition:all .3s ease}.sale-card:hover{border-color:#ffd70080;box-shadow:0 5px 15px #0000004d}.sale-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.sale-date{color:#999;font-size:12px}.sale-method-badge{padding:4px 8px;border-radius:12px;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sale-product{display:flex;gap:12px;margin-bottom:15px}.product-image{width:60px;height:60px;border-radius:6px;overflow:hidden;background:#ffffff1a;flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover}.no-image{display:flex;align-items:center;justify-content:center;height:100%;font-size:10px;color:#666}.product-details{flex:1;min-width:0}.product-brand{color:gold;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:2px}.product-name{color:#fff;font-size:14px;margin-bottom:4px;line-height:1.3}.product-id{color:#999;font-size:10px;font-family:monospace}.sale-participants{margin-bottom:15px}.participant{display:flex;justify-content:space-between;margin-bottom:4px}.participant-label{color:#999;font-size:12px}.participant-name{color:#fff;font-size:12px;font-weight:600}.sale-financials{margin-bottom:15px}.financial-item{display:flex;justify-content:space-between;margin-bottom:6px}.financial-label{color:#999;font-size:12px}.financial-value{color:#fff;font-size:12px;font-weight:700}.sale-payment{margin-bottom:10px;padding:8px;background:#ffffff0d;border-radius:6px}.payment-method{color:#fff;font-size:12px;display:block;margin-bottom:2px}.payment-reference{color:#999;font-size:10px;font-family:monospace}.sale-notes{padding:8px;background:#ffffff0d;border-radius:6px;border-left:3px solid #ffd700}.notes-label{color:gold;font-size:11px;font-weight:700;display:block;margin-bottom:4px}.notes-text{color:#fff;font-size:12px;line-height:1.4;font-style:italic}.loading,.error,.no-data{text-align:center;padding:40px;font-style:italic}.loading{color:#999}.error{color:#f44}.no-data{color:#666}@media (max-width: 768px){.sales-history{padding:15px}.tabs{flex-direction:column;align-items:center}.tab{width:200px;text-align:center}.summary-card{grid-template-columns:1fr;gap:15px}.analytics-grid,.sales-grid{grid-template-columns:1fr}.sale-product{flex-direction:column;gap:8px}.product-image{align-self:center}}@media (max-width: 480px){.sales-history{padding:10px}.sales-history-header h2{font-size:1.5rem}.sale-card{padding:15px}.tab{padding:10px 16px;font-size:12px}}.shipment-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-weight:var(--font-medium);font-size:.875rem;line-height:1.25rem;border:1px solid transparent;transition:all .2s ease}.shipment-status.shipment-status--small{padding:var(--space-1) var(--space-2);font-size:.75rem}.shipment-status.shipment-status--large{padding:var(--space-2) var(--space-4);font-size:1rem}.shipment-status.shipment-status--confirmed{background-color:var(--color-success-a15);color:var(--color-success);border-color:var(--color-success)}.shipment-status.shipment-status--preparing{background-color:var(--color-warning-a15);color:var(--color-warning);border-color:var(--color-warning)}.shipment-status.shipment-status--shipped{background-color:var(--color-info-a15);color:var(--color-info);border-color:var(--color-info)}.shipment-status.shipment-status--delivered{background-color:var(--color-success-a15);color:var(--color-success);border-color:var(--color-success)}.shipment-status.shipment-status--pending{background-color:var(--color-surface-2);color:var(--color-text-muted);border-color:var(--color-border-2)}.shipment-status.shipment-status--payment-pending,.shipment-status.shipment-status--cancelled{background-color:var(--color-danger-a15);color:var(--color-danger);border-color:var(--color-danger)}.shipment-status.shipment-status--with-emoji{gap:var(--space-1)}.shipment-status.shipment-status--with-emoji .status-emoji{font-size:1.1em;display:inline-flex;align-items:center}.shipment-status.shipment-status--compact{flex-direction:column;gap:var(--space-1);padding:var(--space-2)}.shipment-status .status-emoji{display:inline-flex;align-items:center}.shipment-status.shipment-status--compact .status-content{display:flex;align-items:center;gap:var(--space-2);width:100%}.shipment-status.shipment-status--compact .progress-bar{width:100%;height:4px;background-color:rgba(var(--color-black-rgb),.1);border-radius:2px;overflow:hidden;margin-top:var(--space-1)}.shipment-status.shipment-status--compact .progress-fill{height:100%;background-color:currentColor;transition:width .3s ease}.shipment-status .tracking-number-inline{font-size:.75em;opacity:.8;font-weight:var(--font-regular)}.shipment-timeline{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.shipment-timeline .timeline-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.shipment-timeline .tracking-number{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem}.shipment-timeline .tracking-label{color:var(--color-text-dim);font-weight:var(--font-medium)}.shipment-timeline .tracking-value{color:var(--color-text);font-weight:var(--font-medium);font-family:var(--font-mono);background:var(--color-surface-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.shipment-timeline .timeline-steps{display:flex;flex-direction:column;gap:var(--space-6)}.shipment-timeline .timeline-step{display:flex;align-items:flex-start;gap:var(--space-4);position:relative}.shipment-timeline .timeline-step.completed .step-icon{background-color:var(--color-success);color:var(--color-on-primary)}.shipment-timeline .timeline-step.current .step-icon{background-color:var(--color-info);color:var(--color-on-primary);animation:pulse 2s infinite}.shipment-timeline .timeline-step:not(.completed):not(.current) .step-icon{background-color:var(--color-surface-3);color:var(--color-text-faint)}.shipment-timeline .step-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-circle);font-size:1.25rem;transition:all .3s ease;flex-shrink:0}.shipment-timeline .step-content{flex:1;padding-top:var(--space-1)}.shipment-timeline .step-title{font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-1)}.shipment-timeline .timeline-step.completed .step-title{color:var(--color-success)}.shipment-timeline .timeline-step.current .step-title{color:var(--color-info)}.shipment-timeline .timeline-step:not(.completed):not(.current) .step-title{color:var(--color-text-faint)}.shipment-timeline .step-subtitle{font-size:.875rem;color:var(--color-text-dim)}.shipment-timeline .step-connector{position:absolute;left:1.25rem;top:2.5rem;width:2px;height:1.5rem;background-color:var(--color-border-2);transition:background-color .3s ease}.shipment-timeline .step-connector.completed{background-color:var(--color-success)}.shipment-timeline .timeline-step:last-child .step-connector{display:none}@media (max-width: 768px){.shipment-timeline{padding:var(--space-4)}.shipment-timeline .timeline-steps{gap:var(--space-4)}.shipment-timeline .step-icon{width:2rem;height:2rem;font-size:1rem}.shipment-timeline .step-connector{left:1rem;top:2rem;height:1rem}.shipment-timeline .tracking-number{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.orders-tab-container{display:flex;flex-direction:column;gap:14px;color:var(--color-text);font-family:var(--font-base)}.orders-tab-container button{background:none;border:none;margin:0;padding:0;font:inherit;color:inherit;border-radius:0;box-shadow:none;cursor:pointer}.orders-tab-container button:hover{background:none;transform:none;box-shadow:none}.orders-tab-container a{color:inherit;font-weight:inherit;text-decoration:none}.orders-tab-container p{margin:0;color:inherit;line-height:1.5}.orders-tab-container h3,.orders-tab-container h4{margin:0;color:var(--color-text);font-weight:600}.orders-tab-container .btn-icon,.orders-tab-container .section-icon,.orders-tab-container .tracking-icon,.orders-tab-container .heading-icon{display:inline-flex;align-items:center;justify-content:center}.orders-tab-container .orders-tab-header{display:flex;justify-content:flex-end}.orders-tab-container .orders-count{font-size:.8rem;color:var(--color-text-dim)}.orders-tab-container .empty-orders{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:64px 24px}.orders-tab-container .empty-orders-icon{font-size:44px;opacity:.45;margin-bottom:8px}.orders-tab-container .empty-orders h3{font-size:1.1rem;font-weight:700}.orders-tab-container .empty-orders p{color:var(--color-text-dim);margin-bottom:18px}.orders-tab-container .continue-shopping-btn{padding:11px 22px;border-radius:10px;background:var(--color-accent);color:var(--color-on-primary);font-weight:700;transition:background .2s ease}.orders-tab-container .continue-shopping-btn:hover{background:var(--color-accent-hover)}.orders-tab-container .orders-list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0}.orders-tab-container .load-more-btn{align-self:center;margin-top:6px;padding:11px 28px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border-2);color:var(--color-text);font-weight:700;font-family:var(--font-base);cursor:pointer;transition:var(--transition-fast)}.orders-tab-container .load-more-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.orders-tab-container .load-more-btn:disabled{opacity:.6;cursor:default}.orders-tab-container .order-card{background:var(--color-surface);border:1px solid var(--color-border-2);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.orders-tab-container .order-card:hover{transform:translateY(-3px);border-color:var(--color-accent);box-shadow:0 12px 30px rgba(var(--color-black-rgb),.38),0 0 28px rgba(var(--color-primary-rgb),.12)}.orders-tab-container .order-card.expanded{border-color:var(--color-accent-a40)}.orders-tab-container .order-header{display:block}.orders-tab-container .order-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;background:linear-gradient(140deg,var(--color-primary) 0%,var(--color-primary-hover) 55%,var(--color-primary-hover) 100%);color:var(--color-on-primary);overflow:hidden}.orders-tab-container .order-topbar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(var(--color-black-rgb),.04) 0 16px,transparent 16px 42px);pointer-events:none}.orders-tab-container .order-topbar>h3,.orders-tab-container .order-topbar>.order-status-actions{position:relative;z-index:1}.orders-tab-container .order-topbar h3{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:800;letter-spacing:-.2px;color:var(--color-on-primary)}.orders-tab-container .order-topbar .expand-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:rgba(var(--color-black-rgb),.18);font-size:.58rem;color:var(--color-on-primary)}.orders-tab-container .order-topbar .status-label{color:rgba(var(--color-black-rgb),.72)}.orders-tab-container .order-subhead{display:flex;flex-direction:column;gap:6px;padding:12px 18px}.orders-tab-container .order-date{font-size:.8rem;color:var(--color-text-dim)}.orders-tab-container .collapsed-product-summary{font-size:.85rem;line-height:1.5;color:var(--color-text-muted)}.orders-tab-container .collapsed-product-item .product-id{font-family:var(--font-mono);font-size:.74rem;color:var(--color-text-dim)}.orders-tab-container .product-model{color:var(--color-text)}.orders-tab-container .product-submodel,.orders-tab-container .more-products{color:var(--color-text-dim)}.orders-tab-container .collapsed-tracking-info{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.78rem;color:var(--color-text-dim)}.orders-tab-container .collapsed-tracking-info .tracking-value{font-family:var(--font-mono);color:var(--color-text-muted)}.orders-tab-container .order-status-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.orders-tab-container .unified-status-section{display:flex;align-items:center;gap:8px}.orders-tab-container .status-label{font-size:.75rem;font-weight:600;color:rgba(var(--color-black-rgb),.72)}.orders-tab-container .accept-order-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;background:var(--color-on-primary);color:var(--color-accent);font-size:.82rem;font-weight:700;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.orders-tab-container .accept-order-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--color-black-rgb),.4)}.orders-tab-container .order-section{padding:16px 20px;background:transparent;border:none;border-top:1px solid var(--color-border)}.orders-tab-container .section-header{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 0 12px;padding:0;background:none;border:none;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--color-accent)}.orders-tab-container .section-count{color:var(--color-text-dim)}.orders-tab-container .order-items{display:flex;flex-direction:column}.orders-tab-container .order-item-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 0;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.88rem}.orders-tab-container .order-item-summary:last-child{border-bottom:none;padding-bottom:0}.orders-tab-container .item-id{font-family:var(--font-mono);font-size:.74rem;color:var(--color-text-dim)}.orders-tab-container .item-name{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-tab-container .item-quantity{font-size:.8rem;color:var(--color-text-dim)}.orders-tab-container .item-price{font-weight:700;color:var(--color-text)}.orders-tab-container .no-items,.orders-tab-container .more-items{margin-top:8px;font-size:.82rem;color:var(--color-text-dim)}.orders-tab-container .order-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:16px 20px;background:transparent;border:none;border-top:1px solid var(--color-border)}.orders-tab-container .order-total{display:flex;flex-direction:column;gap:6px;min-width:200px;padding:0;background:none;border:none;font-size:.85rem;color:var(--color-text-dim)}.orders-tab-container .subtotal-line,.orders-tab-container .shipping-line{display:flex;justify-content:space-between;gap:24px}.orders-tab-container .total-line{display:flex;justify-content:space-between;gap:24px;margin-top:6px;padding-top:10px;border-top:1px solid var(--color-border);font-size:1.3rem;font-weight:800;color:var(--color-accent)}.orders-tab-container .order-total>strong{font-size:1.3rem;font-weight:800;color:var(--color-accent)}.orders-tab-container .order-actions{display:flex;align-items:center}.orders-tab-container .action-hint{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;background:var(--color-accent);color:var(--color-on-primary);font-size:.82rem;font-weight:700;cursor:pointer;transition:background .2s ease}.orders-tab-container .action-hint:hover{background:var(--color-accent-hover)}.orders-tab-container .shipment-tracking-details{padding:16px 20px;background:transparent;border:none;border-top:1px solid var(--color-border)}.orders-tab-container .shipment-tracking-details h4{margin:0 0 12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-dim)}.orders-tab-container .tracking-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.orders-tab-container .tracking-info-item{display:flex;flex-direction:column;gap:3px}.orders-tab-container .info-label{font-size:.72rem;color:var(--color-text-dim)}.orders-tab-container .info-value{font-size:.88rem;color:var(--color-text)}.orders-tab-container .info-value.tracking-number{font-family:var(--font-mono)}.orders-tab-container .info-value.delivered{color:var(--color-success);font-weight:700}.orders-tab-container .tracking-number-container{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.orders-tab-container .copy-tracking-btn,.orders-tab-container .track-package-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;background:var(--color-surface-3);border:1px solid var(--color-border);font-size:.76rem;color:var(--color-text-muted);transition:var(--transition-fast)}.orders-tab-container .copy-tracking-btn:hover,.orders-tab-container .track-package-btn:hover{background:var(--color-surface-4);color:var(--color-text)}.orders-tab-container .shipping-notes{margin-top:14px}.orders-tab-container .notes-content{margin-top:4px;font-size:.85rem;line-height:1.5;color:var(--color-text-muted)}@media (max-width: 768px){.orders-tab-container .order-topbar{flex-direction:column;align-items:stretch;gap:8px}.orders-tab-container .order-topbar h3{min-width:0;overflow-wrap:anywhere}.orders-tab-container .order-status-actions{flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;gap:8px}.orders-tab-container .unified-status-section{flex-wrap:wrap;min-width:0}.orders-tab-container .status-label{overflow-wrap:anywhere}.orders-tab-container .order-footer{flex-direction:column;align-items:stretch}.orders-tab-container .order-total{min-width:0}}.profile-purchase-tab{padding:20px 0}.profile-purchase-tab .btn-icon,.profile-purchase-tab .heading-icon,.profile-purchase-tab .section-icon,.profile-purchase-tab .label-icon,.profile-purchase-tab .tag-icon,.profile-purchase-tab .badge-icon,.purchase-modal-overlay .btn-icon,.purchase-modal-overlay .heading-icon,.purchase-modal-overlay .section-icon,.purchase-modal-overlay .label-icon{display:inline-flex;align-items:center;justify-content:center}.profile-purchase-tab .purchase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--color-primary-a20)}.profile-purchase-tab .purchase-header h2{color:var(--color-primary);font-size:1.5rem;font-weight:700;margin:0}.profile-purchase-tab .btn-add-purchase{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);border:none;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.profile-purchase-tab .btn-add-purchase:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.profile-purchase-tab .purchase-filters{background:rgba(var(--color-white-rgb),.03);border:1px solid var(--color-primary-a20);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:24px}.profile-purchase-tab .status-filters-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.profile-purchase-tab .filter-label{color:var(--color-text-dim);font-size:.9rem;font-weight:500;margin-right:8px}.profile-purchase-tab .status-checkbox{display:flex;align-items:center;cursor:pointer;transition:all .2s ease}.profile-purchase-tab .status-checkbox input[type=checkbox]{display:none}.profile-purchase-tab .status-checkbox .status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:500;border:2px solid transparent;transition:all .2s ease;opacity:.5}.profile-purchase-tab .status-checkbox:hover .status-tag{opacity:.8}.profile-purchase-tab .status-checkbox.checked .status-tag{opacity:1;border-color:currentColor}.profile-purchase-tab .status-tag.status-pending{background:var(--color-warning-a15);color:var(--color-warning)}.profile-purchase-tab .status-tag.status-shipped{background:var(--color-info-a15);color:var(--color-info)}.profile-purchase-tab .status-tag.status-delivered{background:var(--color-success-a15);color:var(--color-success)}.profile-purchase-tab .status-tag.status-cancelled{background:var(--color-danger-a15);color:var(--color-danger)}.profile-purchase-tab .filter-results-info{color:var(--color-text-dim);font-size:.85rem;margin-top:12px;padding-top:12px;border-top:1px solid rgba(var(--color-white-rgb),.1)}.profile-purchase-tab .btn-clear-filters{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--color-danger);border:1px solid var(--color-danger-a15);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .2s ease;margin-left:auto}.profile-purchase-tab .btn-clear-filters:hover{background:var(--color-danger-a15);border-color:var(--color-danger)}.profile-purchase-tab .purchase-list-empty .btn-clear-filters{margin-top:16px;margin-left:0}.profile-purchase-tab .purchase-loading{text-align:center;padding:60px 20px;color:var(--color-text-dim)}.profile-purchase-tab .purchase-list-empty{text-align:center;padding:60px 20px;background:rgba(var(--color-white-rgb),.03);border-radius:var(--radius-md);border:2px dashed var(--color-primary-a20)}.profile-purchase-tab .purchase-list-empty p{color:var(--color-text-dim);font-size:1.1rem;margin:0}.profile-purchase-tab .purchase-list{display:grid;gap:16px}.profile-purchase-tab .purchase-card{background:rgba(var(--color-white-rgb),.03);border:1px solid var(--color-primary-a20);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.profile-purchase-tab .purchase-card:hover{border-color:var(--color-primary-a40);box-shadow:0 4px 12px rgba(var(--color-black-rgb),.2)}.profile-purchase-tab .purchase-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:var(--color-primary-a10);border-bottom:1px solid var(--color-primary-a10)}.profile-purchase-tab .purchase-product-info h3{color:var(--color-text);font-size:1.1rem;font-weight:600;margin:0 0 4px}.profile-purchase-tab .purchase-submodel{color:var(--color-text-dim);font-size:.9rem;margin:0}.profile-purchase-tab .status-badge{padding:6px 12px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;text-transform:capitalize}.profile-purchase-tab .status-pending{background:var(--color-warning-a15);color:var(--color-warning)}.profile-purchase-tab .status-shipped{background:var(--color-info-a15);color:var(--color-info)}.profile-purchase-tab .status-delivered{background:var(--color-success-a15);color:var(--color-success)}.profile-purchase-tab .status-cancelled{background:var(--color-danger-a15);color:var(--color-danger)}.profile-purchase-tab .purchase-card-body{padding:16px;display:flex;flex-direction:column;gap:16px}.profile-purchase-tab .purchase-items-list{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(var(--color-white-rgb),.1)}.profile-purchase-tab .purchase-item-summary{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-primary-a10);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary);flex-wrap:wrap}.profile-purchase-tab .purchase-item-summary .item-number{color:var(--color-primary);font-weight:600;min-width:20px}.profile-purchase-tab .purchase-item-summary .item-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.profile-purchase-tab .purchase-item-summary .item-details strong{color:var(--color-text)}.profile-purchase-tab .purchase-item-summary .item-submodel{color:var(--color-text-dim);font-size:.9rem}.profile-purchase-tab .purchase-item-summary .item-condition{background:rgba(var(--color-white-rgb),.1);padding:2px 8px;border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text-muted)}.profile-purchase-tab .purchase-item-summary .item-cogs{background:var(--color-success-a15);color:var(--color-success);padding:2px 8px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600}.profile-purchase-tab .purchase-note{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(var(--color-white-rgb),.1)}.profile-purchase-tab .purchase-note .note-label{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-dim);font-size:.85rem;margin-bottom:4px}.profile-purchase-tab .purchase-note .note-content{color:var(--color-text-muted);font-size:.9rem;margin:0;white-space:pre-wrap;line-height:1.4}.profile-purchase-tab .purchase-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.profile-purchase-tab .purchase-from{color:var(--color-text-dim);font-size:.9rem;margin:4px 0 0}.profile-purchase-tab .purchase-detail{display:flex;flex-direction:column;gap:2px}.profile-purchase-tab .detail-label{color:var(--color-text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.profile-purchase-tab .detail-value{color:var(--color-text);font-size:.95rem}.profile-purchase-tab .purchase-card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(var(--color-black-rgb),.2);border-top:1px solid rgba(var(--color-white-rgb),.05)}.profile-purchase-tab .purchase-date{color:var(--color-text-faint);font-size:.85rem}.profile-purchase-tab .purchase-actions{display:flex;gap:8px;align-items:center}.profile-purchase-tab .btn-receive-purchase{background:var(--color-success-a15);border:1px solid var(--color-success-a15);color:var(--color-success);padding:6px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.profile-purchase-tab .btn-receive-purchase:hover{background:rgba(var(--color-success-rgb),.2);border-color:var(--color-success)}.profile-purchase-tab .btn-edit-purchase{background:var(--color-primary-a10);border:1px solid var(--color-primary-a30);color:var(--color-primary);padding:6px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.profile-purchase-tab .btn-edit-purchase:hover{background:var(--color-primary-a20);border-color:var(--color-primary)}.purchase-modal-overlay{position:fixed;inset:0;background:rgba(var(--color-black-rgb),.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;overflow:hidden;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.purchase-modal-overlay .purchase-modal{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-2) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 20px 40px rgba(var(--color-black-rgb),.6),0 0 0 1px var(--color-primary-a10);max-width:580px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.purchase-modal-overlay .purchase-modal-multi{max-width:700px}@keyframes slideUp{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.purchase-modal-overlay .purchase-modal-header{padding:20px 24px 16px;border-bottom:2px solid var(--color-primary-a20);text-align:center;flex-shrink:0}.purchase-modal-overlay .purchase-modal-header h2{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--color-primary);font-size:1.4rem;font-weight:700;margin:0 0 8px}.purchase-modal-overlay .purchase-modal-header .esc-hint{font-size:.8rem;color:var(--color-text-faint)}.purchase-modal-overlay .purchase-modal-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.purchase-modal-overlay .purchase-form-content{padding:20px 24px;flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.purchase-modal-overlay .form-section{margin-bottom:24px}.purchase-modal-overlay .form-section:last-child{margin-bottom:0}.purchase-modal-overlay .section-title{display:flex;align-items:center;gap:8px;color:var(--color-primary);font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--color-primary-a20)}.purchase-modal-overlay .section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--color-primary-a20)}.purchase-modal-overlay .section-header-with-action .section-title{margin:0;padding:0;border:none}.purchase-modal-overlay .btn-add-item{background:var(--color-success-a15);border:1px solid var(--color-success);color:var(--color-success);padding:6px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.purchase-modal-overlay .btn-add-item:hover{background:rgba(var(--color-success-rgb),.3);border-color:var(--color-success)}.purchase-modal-overlay .btn-add-item-bottom{display:block;width:100%;margin-top:12px;padding:10px 14px;font-size:.9rem;border-style:dashed}.purchase-modal-overlay .product-items-list{display:flex;flex-direction:column;gap:16px}.purchase-modal-overlay .product-item-form{background:rgba(var(--color-white-rgb),.03);border:1px solid var(--color-primary-a20);border-radius:var(--radius-md);padding:16px}.purchase-modal-overlay .product-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed rgba(var(--color-white-rgb),.1)}.purchase-modal-overlay .product-item-header h4{display:inline-flex;align-items:center;gap:6px;color:var(--color-text);font-size:.95rem;font-weight:600;margin:0}.purchase-modal-overlay .btn-remove-item{display:inline-flex;align-items:center;gap:4px;background:var(--color-danger-a15);border:1px solid var(--color-danger);color:var(--color-danger);padding:4px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.purchase-modal-overlay .btn-remove-item:hover{background:rgba(var(--color-danger-rgb),.25);border-color:var(--color-danger)}.purchase-modal-overlay .purchase-modal-form .form-group{margin-bottom:16px}.purchase-modal-overlay .purchase-modal-form .form-group:last-child{margin-bottom:0}.purchase-modal-overlay .purchase-modal-form label{display:block;color:var(--color-text-muted);font-size:.9rem;font-weight:500;margin-bottom:6px}.purchase-modal-overlay .purchase-modal-form input,.purchase-modal-overlay .purchase-modal-form select,.purchase-modal-overlay .purchase-modal-form textarea{width:100%;padding:12px 14px;background:rgba(var(--color-white-rgb),.05);border:1px solid var(--color-primary-a30);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;transition:all .2s ease}.purchase-modal-overlay .purchase-modal-form input:focus,.purchase-modal-overlay .purchase-modal-form select:focus,.purchase-modal-overlay .purchase-modal-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a10)}.purchase-modal-overlay .purchase-modal-form input::placeholder,.purchase-modal-overlay .purchase-modal-form textarea::placeholder{color:var(--color-text-faint)}.purchase-modal-overlay .purchase-modal-form textarea{resize:vertical;min-height:80px}.purchase-modal-overlay .purchase-modal-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc14d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.purchase-modal-overlay .purchase-modal-form select option{background:var(--color-surface-2);color:var(--color-text);padding:10px}.purchase-modal-overlay .input-with-suffix,.purchase-modal-overlay .input-with-prefix{display:flex;align-items:center;gap:8px}.purchase-modal-overlay .input-suffix,.purchase-modal-overlay .input-prefix{color:var(--color-text-dim);font-size:.9rem;font-weight:600}.purchase-modal-overlay .purchase-modal-actions{display:flex;gap:12px;padding:16px 24px 20px;border-top:1px solid var(--color-primary-a10);background:rgba(var(--color-black-rgb),.2);flex-shrink:0}.purchase-modal-overlay .purchase-modal-actions button{flex:1;padding:14px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.purchase-modal-overlay .btn-cancel{background:rgba(var(--color-white-rgb),.05);border:1px solid rgba(var(--color-white-rgb),.2);color:var(--color-text-muted)}.purchase-modal-overlay .btn-cancel:hover:not(:disabled){background:rgba(var(--color-white-rgb),.1);border-color:rgba(var(--color-white-rgb),.3)}.purchase-modal-overlay .btn-submit{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border:none;color:var(--color-on-primary)}.purchase-modal-overlay .btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.purchase-modal-overlay .btn-submit:disabled,.purchase-modal-overlay .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.purchase-modal-overlay .purchase-form-content::-webkit-scrollbar{width:6px}.purchase-modal-overlay .purchase-form-content::-webkit-scrollbar-track{background:rgba(var(--color-white-rgb),.05);border-radius:3px}.purchase-modal-overlay .purchase-form-content::-webkit-scrollbar-thumb{background:var(--color-primary-a30);border-radius:3px}.purchase-modal-overlay .purchase-form-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-a40)}.purchase-modal-overlay .purchase-images-upload{display:flex;flex-direction:column;gap:12px}.purchase-modal-overlay .purchase-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.purchase-modal-overlay .purchase-image-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-primary-a30)}.purchase-modal-overlay .purchase-image-item img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.purchase-modal-overlay .purchase-image-item img:hover{transform:scale(1.05)}.purchase-modal-overlay .btn-remove-image{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:var(--radius-circle);background:rgba(var(--color-danger-rgb),.9);color:var(--color-text);border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.purchase-modal-overlay .purchase-image-item:hover .btn-remove-image{opacity:1}.purchase-modal-overlay .upload-button-wrapper{display:flex;flex-direction:column;gap:6px}.purchase-modal-overlay .btn-upload-image{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-primary-a10);border:2px dashed var(--color-primary-a40);color:var(--color-primary);padding:12px 20px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.purchase-modal-overlay .btn-upload-image:hover:not(:disabled){background:var(--color-primary-a20);border-color:var(--color-primary)}.purchase-modal-overlay .btn-upload-image:disabled{opacity:.5;cursor:not-allowed}.purchase-modal-overlay .upload-hint{color:var(--color-text-faint);font-size:.8rem;text-align:center}.profile-purchase-tab .purchase-images-display{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(var(--color-white-rgb),.1)}.profile-purchase-tab .purchase-images-display .images-label{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-dim);font-size:.85rem;margin-bottom:8px}.profile-purchase-tab .purchase-images-thumbnails{display:flex;gap:8px;flex-wrap:wrap}.profile-purchase-tab .purchase-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-primary-a30);cursor:pointer;transition:all .2s ease}.profile-purchase-tab .purchase-thumbnail:hover{transform:scale(1.1);border-color:var(--color-primary)}.lightbox-overlay{position:fixed;inset:0;background:rgba(var(--color-black-rgb),.95);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease-out}.lightbox-overlay .lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-overlay .lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-sm)}.lightbox-overlay .lightbox-close{position:absolute;top:-40px;right:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-white-rgb),.1);border:none;color:var(--color-text);width:36px;height:36px;border-radius:var(--radius-circle);font-size:18px;cursor:pointer;transition:all .2s ease}.lightbox-overlay .lightbox-close:hover{background:rgba(var(--color-white-rgb),.2)}.profile-purchase-tab .purchase-card-trade-in{border-color:var(--color-success-a15)!important;background:rgba(var(--color-success-rgb),.05)!important}.profile-purchase-tab .purchase-card-trade-in .purchase-card-header{background:rgba(var(--color-success-rgb),.1);border-bottom-color:var(--color-success-a15)}.profile-purchase-tab .trade-in-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);color:var(--color-on-primary);padding:4px 10px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;margin-right:8px;vertical-align:middle}.profile-purchase-tab .linked-order{color:var(--color-success);font-size:.85rem;margin-left:8px;font-weight:500}.profile-purchase-tab .status-tag.status-trade-in{background:rgba(var(--color-success-rgb),.2);color:var(--color-success)}.profile-purchase-tab .status-checkbox.checked .status-tag.status-trade-in{background:rgba(var(--color-success-rgb),.3);border-color:var(--color-success)}.profile-purchase-tab .filter-divider{color:rgba(var(--color-white-rgb),.2);margin:0 8px;font-weight:300}.profile-purchase-tab .btn-create-product-from-item{display:inline-flex;align-items:center;gap:4px;margin-left:auto;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);color:var(--color-on-primary);border:none;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.profile-purchase-tab .btn-create-product-from-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-success-rgb),.4)}@media (max-width: 640px){.profile-purchase-tab .purchase-header{flex-direction:column;gap:16px;align-items:stretch}.purchase-modal-overlay{padding:12px}.purchase-modal-overlay .purchase-modal,.purchase-modal-overlay .purchase-modal-multi{max-width:100%;max-height:85vh;border-radius:var(--radius-md)}.purchase-modal-overlay .purchase-modal-header{padding:14px 16px 10px}.purchase-modal-overlay .purchase-form-content{padding:16px}.purchase-modal-overlay .purchase-modal-actions{flex-direction:column;padding:12px 16px}}.string-config-tab{padding:20px 0}.string-config-tab .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.string-config-tab .tab-header h2{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-size:1.5rem;margin:0}.string-config-tab .heading-icon,.string-config-tab .btn-icon,.string-config-tab .section-icon,.string-config-tab .label-icon{display:inline-flex;align-items:center;justify-content:center}.string-config-tab .add-config-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-on-primary);border:none;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.string-config-tab .add-config-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.string-config-tab .error-message{background:var(--color-danger-a15);border:1px solid var(--color-danger);color:var(--color-danger);padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px}.string-config-tab .loading{text-align:center;padding:60px 20px;color:var(--color-text-dim)}.string-config-tab .empty-state{text-align:center;padding:60px 20px;background:var(--color-surface);border-radius:var(--radius-md);border:2px dashed var(--color-border)}.string-config-tab .empty-icon{display:flex;justify-content:center;color:var(--color-text-dim);margin-bottom:16px}.string-config-tab .empty-state h3{color:var(--color-text);margin-bottom:8px}.string-config-tab .empty-state p{color:var(--color-text-dim);margin-bottom:24px}.string-config-tab .add-first-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-on-primary);border:none;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.string-config-tab .add-first-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.string-config-tab .configs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.string-config-tab .config-card{background:linear-gradient(145deg,var(--color-surface-2),var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;transition:all .2s ease}.string-config-tab .config-card:hover{border-color:var(--color-primary);box-shadow:0 4px 20px rgba(var(--color-primary-rgb),.1)}.string-config-tab .config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.string-config-tab .config-header h3{color:var(--color-primary);font-size:1.1rem;margin:0;flex:1}.string-config-tab .config-actions{display:flex;gap:8px}.string-config-tab .action-btn{display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--color-white-rgb),.05);border:1px solid var(--color-border);color:var(--color-text-muted);padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-size:14px}.string-config-tab .action-btn:hover{background:rgba(var(--color-white-rgb),.1)}.string-config-tab .action-btn.use-btn:hover{background:var(--color-primary-a20);border-color:var(--color-primary);color:var(--color-primary)}.string-config-tab .action-btn.edit-btn:hover{background:var(--color-info-a15);border-color:var(--color-info);color:var(--color-info)}.string-config-tab .action-btn.delete-btn:hover{background:var(--color-danger-a15);border-color:var(--color-danger);color:var(--color-danger)}.string-config-tab .config-details{display:flex;flex-direction:column;gap:12px}.string-config-tab .detail-section{display:flex;flex-direction:column;gap:4px}.string-config-tab .detail-row{display:flex;gap:16px;flex-wrap:wrap}.string-config-tab .detail-item{display:flex;flex-direction:column;gap:2px;min-width:80px}.string-config-tab .detail-label{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.string-config-tab .detail-value{color:var(--color-text);font-size:14px}.string-config-tab .detail-value.highlight{color:var(--color-primary);font-weight:600;font-size:16px}.string-config-tab .config-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border)}.string-config-tab .config-date{color:var(--color-text-faint);font-size:12px}.string-config-tab .config-form-overlay{position:fixed;inset:0;background:rgba(var(--color-black-rgb),.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.string-config-tab .config-form-modal{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-lg);width:100%;max-width:600px;overflow:hidden}.string-config-tab .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.string-config-tab .modal-header h3{color:var(--color-primary);margin:0;font-size:1.25rem}.string-config-tab .close-btn{background:transparent;border:none;color:var(--color-text-dim);font-size:28px;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.string-config-tab .close-btn:hover{color:var(--color-text)}.string-config-tab form{padding:24px}.string-config-tab .form-section-title{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:24px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.string-config-tab .form-row{display:flex;gap:16px;margin-bottom:16px}.string-config-tab .form-group{flex:1;display:flex;flex-direction:column;gap:6px}.string-config-tab .form-group.full-width{flex:1 1 100%}.string-config-tab .form-group label{color:var(--color-text-muted);font-size:13px;font-weight:500}.string-config-tab .form-group input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--color-text);font-size:14px;transition:all .2s ease}.string-config-tab .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.string-config-tab .form-group input::placeholder{color:var(--color-text-faint)}.string-config-tab .form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--color-text);font-size:14px;transition:all .2s ease;resize:vertical;min-height:80px}.string-config-tab .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.string-config-tab .form-group textarea::placeholder{color:var(--color-text-faint)}.string-config-tab .form-group.checkbox-group{flex-direction:column;gap:4px}.string-config-tab .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--color-text);font-size:14px;font-weight:500}.string-config-tab .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.string-config-tab .checkbox-hint{color:var(--color-text-dim);font-size:12px;margin-left:28px}.string-config-tab .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}.string-config-tab .cancel-btn{background:transparent;border:1px solid var(--color-border-3);color:var(--color-text-muted);padding:12px 24px;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.string-config-tab .cancel-btn:hover{border-color:var(--color-text-dim);color:var(--color-text)}.string-config-tab .save-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;color:var(--color-on-primary);padding:12px 32px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.string-config-tab .save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.string-config-tab .save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.string-config-tab .tab-header{flex-direction:column;gap:16px;align-items:stretch}.string-config-tab .add-config-btn{width:100%;justify-content:center;text-align:center}.string-config-tab .configs-grid{grid-template-columns:1fr}.string-config-tab .form-row{flex-direction:column}.string-config-tab .config-form-modal{max-width:100%;margin:10px}.string-config-tab .detail-row{flex-direction:column;gap:8px}}.user-profile{padding:var(--space-5);max-width:1140px;margin:0 auto;min-height:100vh;color:var(--color-text)}.user-profile .profile-hero{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-4);box-shadow:var(--shadow-lg)}.user-profile .profile-cover{position:relative;height:150px;background:linear-gradient(115deg,var(--color-primary) 0%,var(--color-primary-hover) 48%,var(--color-primary-hover) 100%);overflow:hidden}.user-profile .profile-cover:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(var(--color-black-rgb),.09) 0 16px,transparent 16px 40px);pointer-events:none}.user-profile .cover-shuttle{position:absolute;right:4%;top:50%;transform:translateY(-50%) rotate(18deg);line-height:1;color:var(--color-on-primary);opacity:.16;-webkit-user-select:none;user-select:none;pointer-events:none}.user-profile .cover-shuttle svg{display:block}.user-profile .profile-identity{display:flex;align-items:flex-end;gap:var(--space-5);padding:0 28px 24px;margin-top:-52px;position:relative}.user-profile .profile-avatar{flex-shrink:0;position:relative}.user-profile .avatar-circle{width:116px;height:116px;border-radius:var(--radius-circle);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:var(--font-bold);color:var(--color-on-primary);box-shadow:0 0 0 5px var(--color-surface),0 10px 26px rgba(var(--color-black-rgb),.5);animation:avatar-pop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes avatar-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.user-profile .avatar-circle{animation:none}}.user-profile .identity-main{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-2);min-width:0;text-align:left}.user-profile .profile-greeting{margin:0;font-size:.9rem;color:var(--color-text-dim);font-weight:600}.user-profile .profile-name{font-size:32px;font-weight:var(--font-bold);color:var(--color-text);letter-spacing:-.5px;line-height:1.1;margin:0;overflow-wrap:anywhere}.user-profile .identity-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:6px}.user-profile .identity-meta .role-badge{display:inline-block!important;width:auto!important;min-width:auto!important;max-width:fit-content!important;padding:.3rem .75rem!important;box-sizing:border-box!important}.user-profile .member-since{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8rem;color:var(--color-text-dim)}.user-profile .quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:18px}.user-profile .qa-card{display:flex;align-items:center;gap:14px;padding:var(--space-4) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;text-align:left;transition:var(--transition-fast);-webkit-tap-highlight-color:transparent}.user-profile .qa-card:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.user-profile .qa-card:active{transform:scale(.98)}.user-profile .qa-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.user-profile .qa-icon{flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);background:var(--color-primary-a10);border-radius:var(--radius-md)}.user-profile .qa-text{display:flex;flex-direction:column;gap:1px;min-width:0}.user-profile .qa-label{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile .qa-sub{font-size:.78rem;color:var(--color-text-dim)}.user-profile .qa-card.qa-danger .qa-icon{color:var(--color-danger);background:var(--color-danger-a15)}.user-profile .qa-card.qa-danger .qa-label{color:var(--color-danger)}.user-profile .qa-card.qa-danger:hover{border-color:var(--color-danger)}.user-profile .profile-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.user-profile .stat-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-5) var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:var(--transition-fast);animation:chip-rise .4s ease both}.user-profile .stat-chip:nth-child(1){animation-delay:.05s}.user-profile .stat-chip:nth-child(2){animation-delay:.1s}.user-profile .stat-chip:nth-child(3){animation-delay:.15s}.user-profile .stat-chip:nth-child(4){animation-delay:.2s}@keyframes chip-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.user-profile .stat-chip{animation:none}}.user-profile .stat-chip:hover{transform:translateY(-4px);border-color:var(--color-primary-a40);box-shadow:var(--shadow-md)}.user-profile .stat-chip--coins{background:linear-gradient(160deg,var(--color-primary-a20),var(--color-surface) 72%);border-color:var(--color-primary-a40)}.user-profile .stat-chip-icon{font-size:1.6rem;line-height:1;color:var(--color-text-muted)}.user-profile .feather-icon{color:var(--color-primary);display:block;filter:drop-shadow(0 0 6px rgba(var(--color-primary-rgb),.35))}.user-profile .stat-chip-value{font-size:1.25rem;font-weight:700;color:var(--color-text)}.user-profile .stat-chip--coins .stat-chip-value{color:var(--color-primary)}.user-profile .stat-chip-label{font-size:.75rem;color:var(--color-text-muted)}.user-profile .profile-tabs{display:flex;gap:6px;margin-bottom:26px;flex-wrap:wrap;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:6px}.user-profile .tab-btn{flex:1;min-width:130px;padding:var(--space-3) 18px;background:transparent;border:none;border-radius:var(--radius-pill);color:var(--color-text-muted);font-weight:600;cursor:pointer;transition:var(--transition-fast);font-size:14px;-webkit-tap-highlight-color:transparent}.user-profile .tab-btn:hover{color:var(--color-text);background:var(--color-surface-2)}.user-profile .tab-btn:active{transform:scale(.98)}.user-profile .tab-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.user-profile .tab-btn.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-on-primary);box-shadow:0 0 24px rgba(var(--color-primary-rgb),.25)}.user-profile .tab-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-md)}.user-profile .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-5);margin-bottom:var(--space-10)}.user-profile .stat-card{background:rgba(var(--color-white-rgb),.03);border:none;border-radius:var(--radius-lg);padding:25px;display:flex;align-items:center;gap:var(--space-5);transition:var(--transition)}.user-profile .stat-card:hover{border-color:var(--color-primary-a40);transform:translateY(-4px);box-shadow:0 12px 32px rgba(var(--color-black-rgb),.2)}.user-profile .stat-icon{font-size:36px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:rgba(var(--color-white-rgb),.05);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.user-profile .stat-content h3{font-size:28px;font-weight:700;color:var(--color-text);margin:0 0 8px}.user-profile .stat-content p{font-size:14px;color:var(--color-text-dim);margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-profile .recent-section h3{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 20px}.user-profile .recent-orders{display:flex;flex-direction:column;gap:var(--space-3)}.user-profile .order-item{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:grid;grid-template-columns:1fr auto auto;gap:var(--space-5);align-items:center;transition:var(--transition)}.user-profile .order-item:hover{border-color:var(--color-primary-a30);background:var(--color-surface-3)}.user-profile .order-info{display:flex;flex-direction:column;gap:6px}.user-profile .order-id{font-weight:700;color:var(--color-text);font-size:16px}.user-profile .order-items{font-size:14px;color:var(--color-text-dim)}.user-profile .order-details{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.user-profile .order-amount{font-weight:700;color:var(--color-text);font-size:16px}.user-profile .order-status{padding:4px 12px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.user-profile .order-status.success{background:var(--color-success-a15);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb),.3)}.user-profile .order-status.warning{background:var(--color-warning-a15);color:var(--color-warning);border:1px solid rgba(var(--color-primary-rgb),.3)}.user-profile .order-status.danger{background:var(--color-danger-a15);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.3)}.user-profile .order-status.info{background:var(--color-info-a15);color:var(--color-info);border:1px solid var(--color-info)}.user-profile .order-date{font-size:14px;color:var(--color-text-faint);text-align:right}.user-profile .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.user-profile .section-header h3{font-size:20px;font-weight:700;color:var(--color-text);margin:0}.user-profile .add-address-btn{padding:10px 20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.3)}.user-profile .add-address-btn:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.4)}.user-profile .addresses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-5)}.user-profile .address-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition)}.user-profile .address-card:hover{border-color:var(--color-primary-a30);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-black-rgb),.2)}.user-profile .address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.user-profile .address-type{font-weight:600;color:var(--color-text);font-size:14px}.user-profile .default-badge{padding:4px 10px;background:var(--color-success-a15);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb),.3);border-radius:var(--radius-md);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.user-profile .address-content{color:var(--color-text-muted);line-height:1.6}.user-profile .address-name{font-weight:600;color:var(--color-text);margin:0 0 8px}.user-profile .address-phone,.user-profile .address-line,.user-profile .address-location,.user-profile .address-postal{margin:0 0 6px;color:var(--color-text-muted)}.user-profile .products-tab .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.user-profile .products-tab .section-title{display:flex;align-items:center;gap:15px}.user-profile .products-tab .section-header h3{font-size:20px;font-weight:700;color:var(--color-text);margin:0}.user-profile .products-tab .section-actions{display:flex;gap:10px;align-items:center}.user-profile .products-count{font-size:14px;color:var(--color-text-dim);font-weight:500}.user-profile .products-table{background:var(--color-surface-2);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.user-profile .products-table-header{display:grid;grid-template-columns:120px 1fr 120px 100px 100px 120px 100px;gap:var(--space-5);padding:var(--space-5);background:var(--color-surface-3);border-bottom:1px solid var(--color-border);font-weight:700;color:var(--color-text);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.user-profile .product-table-row{display:grid;grid-template-columns:120px 1fr 120px 100px 100px 120px 100px;gap:var(--space-5);padding:var(--space-5);border-bottom:1px solid var(--color-border);transition:var(--transition)}.user-profile .product-table-row:hover{background:var(--color-surface-3)}.user-profile .product-table-row:last-child{border-bottom:none}.user-profile .product-id{font-family:var(--font-mono);font-size:12px;color:var(--color-text-dim);font-weight:600}.user-profile .product-name{color:var(--color-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile .product-brand{color:var(--color-text-muted);font-size:14px}.user-profile .product-price{color:var(--color-text);font-weight:700;text-align:right}.user-profile .product-status{padding:4px 8px;border-radius:var(--radius-md);font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px}.user-profile .product-status.status-available{background:var(--color-success-a15);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb),.3)}.user-profile .product-status.status-hold{background:var(--color-warning-a15);color:var(--color-warning);border:1px solid rgba(var(--color-primary-rgb),.3)}.user-profile .product-status.status-sold{background:var(--color-danger-a15);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.3)}.user-profile .product-date{color:var(--color-text-faint);font-size:12px;text-align:right}.user-profile .product-actions{display:flex;align-items:center;justify-content:center;gap:8px}.user-profile .toggle-status-btn{border:none;border-radius:var(--radius-sm);padding:8px 12px;font-size:16px;cursor:pointer;transition:var(--transition);font-weight:600}.user-profile .toggle-status-btn.to-inventory{background:linear-gradient(135deg,var(--color-text-dim) 0%,var(--color-text-faint) 100%);color:var(--color-on-primary);box-shadow:0 2px 8px rgba(var(--color-black-rgb),.3)}.user-profile .toggle-status-btn.to-inventory:hover:not(:disabled){background:linear-gradient(135deg,var(--color-text-faint) 0%,var(--color-text-dim) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-black-rgb),.4)}.user-profile .toggle-status-btn.to-available{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.user-profile .toggle-status-btn.to-available:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4)}.user-profile .toggle-status-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.user-profile .edit-price-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-warning) 100%);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);padding:8px 12px;font-size:16px;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.user-profile .edit-price-btn:hover{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-primary-hover) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4)}.user-profile .price-edit-inline{display:flex;align-items:center;gap:8px}.user-profile .price-input{width:90px;padding:6px 10px;background:var(--color-surface-2);border:2px solid var(--color-primary-a40);border-radius:var(--radius-sm);color:var(--color-text);font-size:14px;font-weight:600;transition:var(--transition)}.user-profile .price-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.user-profile .price-edit-actions{display:flex;gap:6px;align-items:center}.user-profile .save-price-btn,.user-profile .cancel-price-btn{width:32px;height:32px;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.user-profile .save-price-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.user-profile .save-price-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4)}.user-profile .save-price-btn:disabled{opacity:.5;cursor:not-allowed}.user-profile .cancel-price-btn{background:var(--color-danger-a15);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.4)}.user-profile .cancel-price-btn:hover:not(:disabled){background:rgba(var(--color-danger-rgb),.3);border-color:rgba(var(--color-danger-rgb),.6);transform:translateY(-2px)}.user-profile .cancel-price-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.user-profile .products-table-header,.user-profile .product-table-row{grid-template-columns:1fr;gap:10px}.user-profile .products-table-header{display:none}.user-profile .product-table-row{display:flex;flex-direction:column;padding:15px;background:var(--color-surface-2);margin-bottom:10px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.user-profile .product-table-row:hover{background:var(--color-surface-3)}.user-profile .product-id,.user-profile .product-name,.user-profile .product-brand,.user-profile .product-price,.user-profile .product-status,.user-profile .product-date,.user-profile .product-actions{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--color-border)}.user-profile .product-id:before{content:"ID: ";font-weight:700;color:var(--color-text-dim)}.user-profile .product-name:before{content:"Product: ";font-weight:700;color:var(--color-text-dim)}.user-profile .product-brand:before{content:"Brand: ";font-weight:700;color:var(--color-text-dim)}.user-profile .product-price:before{content:"Price: ";font-weight:700;color:var(--color-text-dim)}.user-profile .product-status:before{content:"Status: ";font-weight:700;color:var(--color-text-dim)}.user-profile .product-date:before{content:"Created: ";font-weight:700;color:var(--color-text-dim)}.user-profile .product-actions:before{content:"Actions: ";font-weight:700;color:var(--color-text-dim)}.user-profile .product-actions:last-child,.user-profile .product-date:last-child{border-bottom:none}.user-profile .price-edit-inline{flex-direction:column;align-items:flex-end;width:100%}.user-profile .price-input{width:100%;max-width:150px}}.user-profile .activity-section h3{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 20px}.user-profile .transactions-list{display:flex;flex-direction:column;gap:var(--space-3)}.user-profile .transaction-item{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start;transition:var(--transition)}.user-profile .transaction-item:hover{border-color:var(--color-primary-a30);background:var(--color-surface-3)}.user-profile .transaction-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-white-rgb),.05);border-radius:var(--radius-md);flex-shrink:0}.user-profile .transaction-details{flex:1}.user-profile .transaction-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.user-profile .transaction-amount{font-weight:700;font-size:16px}.user-profile .transaction-amount.add{color:var(--color-success)}.user-profile .transaction-amount.subtract{color:var(--color-danger)}.user-profile .transaction-date{font-size:12px;color:var(--color-text-faint)}.user-profile .transaction-reason{color:var(--color-text-muted);margin:0 0 6px;line-height:1.5}.user-profile .transaction-performer{font-size:12px;color:var(--color-text-dim);margin:0}.user-profile .settings-section{margin-bottom:var(--space-10)}.user-profile .settings-section h3{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 20px}.user-profile .profile-form{max-width:600px}.user-profile .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-5)}.user-profile .form-row:has(.form-group:only-child){grid-template-columns:1fr}.user-profile .form-group{display:flex;flex-direction:column}.user-profile .form-group label{font-weight:600;color:var(--color-text-dim);margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.user-profile .form-group input{padding:14px 16px;background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text);transition:var(--transition);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.user-profile .form-group input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-3);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.1),0 0 20px rgba(var(--color-primary-rgb),.2)}.user-profile .form-group input:disabled{background:var(--color-surface);color:var(--color-text-faint);cursor:not-allowed}.user-profile .readonly-input{background:var(--color-surface)!important;color:var(--color-text-dim)!important;cursor:not-allowed!important}.user-profile .form-group small{margin-top:6px;font-size:12px;color:var(--color-text-faint)}.user-profile .form-actions{margin-top:30px}.user-profile .edit-actions{display:flex;gap:var(--space-3)}.user-profile .save-btn,.user-profile .edit-btn{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.3)}.user-profile .save-btn:hover,.user-profile .edit-btn:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.4)}.user-profile .save-btn:disabled{background:linear-gradient(135deg,var(--color-surface-4) 0%,var(--color-surface-2) 100%);color:var(--color-text-faint);cursor:not-allowed;transform:none;box-shadow:none}.user-profile .cancel-btn{padding:var(--space-3) var(--space-6);background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.user-profile .cancel-btn:hover{background:var(--color-surface-3);border-color:var(--color-border-2)}.user-profile .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.user-profile .action-btn{padding:var(--space-4) var(--space-5);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:var(--transition);text-align:left;font-weight:500}.user-profile .action-btn:hover{background:var(--color-surface-3);border-color:var(--color-primary-a40);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-black-rgb),.2)}.user-profile .modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.user-profile .modal-content{background:linear-gradient(135deg,var(--color-surface-2) 0%,var(--color-surface) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(var(--color-black-rgb),.5)}.user-profile .modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px 20px;border-bottom:1px solid var(--color-border)}.user-profile .modal-header h2{font-size:24px;font-weight:700;color:var(--color-text);margin:0}.user-profile .close-btn{background:none;border:none;font-size:24px;color:var(--color-text-dim);cursor:pointer;padding:5px;line-height:1;transition:color .3s ease}.user-profile .close-btn:hover{color:var(--color-text)}.user-profile .modal-body{padding:30px}.user-profile .modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:20px 30px 30px;border-top:1px solid var(--color-border)}.user-profile .empty-state{text-align:center;padding:60px 20px;color:var(--color-text-dim);background:rgba(var(--color-white-rgb),.02);border-radius:var(--radius-md);border:1px solid var(--color-border)}.user-profile .empty-state p{margin:0 0 20px;font-size:16px;line-height:1.6}.user-profile .profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center}.user-profile .loading-spinner{width:48px;height:48px;border:4px solid var(--color-primary-a20);border-top:4px solid var(--color-primary);border-radius:var(--radius-circle);animation:spin 1s linear infinite;margin-bottom:20px}.user-profile .profile-loading p{color:var(--color-text-dim);font-size:16px;margin:0}.user-profile .profile-error,.user-profile .error-message{background:var(--color-danger-a15);color:var(--color-danger);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:20px;border:1px solid rgba(var(--color-danger-rgb),.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.user-profile .profile-error p,.user-profile .error-message p{margin:0;font-size:16px}.user-profile .sales-tab{position:relative}.user-profile .sales-tab .sales-history{background:transparent;padding:0;margin:0;max-width:none}.user-profile .sales-tab .sales-history-header h2{margin-top:0;margin-bottom:20px;color:var(--color-primary);font-size:1.5rem}.user-profile .sales-tab .tab{background:rgba(var(--color-white-rgb),.08);border:1px solid var(--color-primary-a30);color:var(--color-text-muted)}.user-profile .sales-tab .tab.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-soft) 100%);border-color:var(--color-primary);color:var(--color-on-primary)}.user-profile .sales-tab .sales-history .summary-card,.user-profile .sales-tab .sales-history .analytics-card,.user-profile .sales-tab .sales-history .sale-card{background:rgba(var(--color-white-rgb),.08);border:1px solid rgba(var(--color-white-rgb),.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-profile .sales-tab .sales-history .loading,.user-profile .sales-tab .sales-history .error,.user-profile .sales-tab .sales-history .no-data{color:var(--color-text-muted);background:rgba(var(--color-white-rgb),.05);border-radius:var(--radius-md);padding:30px;text-align:center}@media (max-width: 768px){.user-profile{padding:15px}.user-profile .profile-stats-strip{grid-template-columns:repeat(2,1fr)}.user-profile .profile-cover{height:120px}.user-profile .profile-identity{flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);margin-top:-56px;padding-bottom:22px}.user-profile .identity-main{align-items:center;text-align:center}.user-profile .identity-meta{justify-content:center}.user-profile .profile-name{font-size:26px}.user-profile .verification-checkmark-large{font-size:2rem;margin-left:10px}.user-profile .verification-checkmark-large:before{width:32px;height:32px}.user-profile .profile-tabs{gap:6px}.user-profile .tab-btn{text-align:center;font-size:16px}.user-profile .tab-content{padding:20px}.user-profile .stats-grid{grid-template-columns:1fr;gap:15px}.user-profile .addresses-grid{grid-template-columns:1fr}.user-profile .form-row{grid-template-columns:1fr;gap:15px}.user-profile .order-item{grid-template-columns:1fr;gap:15px;text-align:left}.user-profile .order-details{align-items:flex-start}.user-profile .order-date{text-align:left}.user-profile .quick-actions{grid-template-columns:1fr}.user-profile .modal-content{margin:20px;width:calc(100% - 40px)}.user-profile .modal-header,.user-profile .modal-body,.user-profile .modal-footer{padding:20px}.user-profile .modal-footer,.user-profile .edit-actions{flex-direction:column}}.user-profile .product-table-row.pending-approval{background:var(--color-warning-a15);border-left:4px solid var(--color-warning)}.user-profile .product-table-row.pending-approval:hover{background:rgba(var(--color-primary-rgb),.22)}.user-profile .product-table-row.rejected-approval{background:var(--color-danger-a15);border-left:4px solid var(--color-danger-strong)}.user-profile .product-table-row.rejected-approval:hover{background:rgba(var(--color-danger-rgb),.22)}.user-profile .approval-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-md);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.user-profile .approval-badge.pending-badge{background:rgba(var(--color-primary-rgb),.3);color:var(--color-warning);border:1px solid var(--color-primary-a40)}.user-profile .approval-badge.rejected-badge{background:rgba(var(--color-danger-rgb),.3);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.4)}.user-profile .product-table-row.pending-approval .toggle-status-btn:disabled,.user-profile .product-table-row.pending-approval .edit-price-btn:disabled,.user-profile .product-table-row.rejected-approval .toggle-status-btn:disabled,.user-profile .product-table-row.rejected-approval .edit-price-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(60%);transform:none}.user-profile .product-table-row.pending-approval .toggle-status-btn:disabled:hover,.user-profile .product-table-row.pending-approval .edit-price-btn:disabled:hover,.user-profile .product-table-row.rejected-approval .toggle-status-btn:disabled:hover,.user-profile .product-table-row.rejected-approval .edit-price-btn:disabled:hover{transform:none;box-shadow:none}.my-orders-page{padding:20px;max-width:1140px;margin:0 auto;min-height:100vh;background:radial-gradient(900px 480px at 80% -10%,rgba(255,215,0,.06),transparent 60%),radial-gradient(700px 420px at 0% 8%,rgba(120,90,255,.05),transparent 55%),var(--color-bg);color:var(--color-text);font-family:var(--font-base)}.orders-hero{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:18px;box-shadow:var(--shadow-lg)}.orders-cover{position:relative;height:150px;background:linear-gradient(115deg,var(--color-accent) 0%,var(--color-accent-hover) 48%,#c79600 100%);overflow:hidden}.orders-cover:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.09) 0 16px,transparent 16px 40px);pointer-events:none}.cover-shuttle{position:absolute;right:4%;top:50%;transform:translateY(-50%) rotate(18deg);font-size:130px;line-height:1;opacity:.16;filter:grayscale(1);-webkit-user-select:none;user-select:none;pointer-events:none}.orders-back{position:absolute;top:16px;left:16px;z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#15130a;background:#ffffff59;border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);-webkit-tap-highlight-color:transparent}.orders-back:hover{background:#ffffff8c;transform:translate(-2px)}.orders-back:active{transform:scale(.96)}.orders-back:focus-visible{outline:3px solid #15130a;outline-offset:2px}.orders-identity{display:flex;align-items:flex-end;gap:20px;padding:0 28px 24px;margin-top:-52px;position:relative}.orders-medallion{flex-shrink:0;width:116px;height:116px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);display:flex;align-items:center;justify-content:center;font-size:54px;box-shadow:0 0 0 5px var(--color-surface),0 10px 26px #00000080;animation:medallion-pop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes medallion-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.orders-medallion{animation:none}}.orders-heading{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;min-width:0}.orders-title{font-size:32px;font-weight:800;font-family:var(--font-base);letter-spacing:-.5px;line-height:1.1;color:var(--color-text);margin:0;overflow-wrap:anywhere}.orders-subtitle{font-size:.9rem;color:var(--color-text-dim);margin:0}.orders-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-md)}.orders-empty{text-align:center;padding:60px 20px;color:var(--color-text-muted)}@media (max-width: 768px){.my-orders-page{padding:15px}.orders-cover{height:120px}.orders-identity{flex-direction:column;align-items:center;text-align:center;gap:12px;margin-top:-56px;padding-bottom:22px}.orders-heading{align-items:center;text-align:center;padding-bottom:0}.orders-title{font-size:26px}.orders-content{padding:20px}}.role-management{max-width:1200px;margin:0 auto;padding:2rem;background:transparent;color:var(--color-text);font-family:var(--font-base);min-height:100vh}.role-management .role-management-header{margin-bottom:2rem;text-align:center;padding:2rem 0;border-bottom:1px solid var(--color-border)}.role-management .role-management-header h1{color:var(--color-primary);margin-bottom:.5rem;font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.5px}.role-management .role-management-header p{color:var(--color-text-muted);font-size:var(--text-lg);margin:0}.role-management .searchable-dropdown{position:relative}.role-management .searchable-dropdown input{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);font-size:14px;font-family:var(--font-base);transition:var(--transition-fast)}.role-management .searchable-dropdown input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20);background:var(--color-surface-3)}.role-management .searchable-dropdown input::placeholder{color:var(--color-text-dim)}.role-management .dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-surface-2);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);max-height:250px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-md)}.role-management .dropdown-menu::-webkit-scrollbar{width:8px}.role-management .dropdown-menu::-webkit-scrollbar-track{background:var(--color-bg-page)}.role-management .dropdown-menu::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.role-management .dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.role-management .dropdown-item{padding:12px;cursor:pointer;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.role-management .dropdown-item:hover{background:var(--color-surface-3)}.role-management .dropdown-item:last-child{border-bottom:none}.role-management .dropdown-item .user-info{display:flex;flex-direction:column;gap:2px}.role-management .dropdown-item .username{font-weight:600;color:var(--color-primary);font-size:14px}.role-management .dropdown-item .email{color:var(--color-text-muted);font-size:12px}.role-management .dropdown-item .full-name{color:var(--color-text-dim);font-size:11px;font-style:italic}.role-management .dropdown-no-results{padding:12px;color:var(--color-text-dim);text-align:center;font-style:italic;background:var(--color-surface-3)}.role-management .owner-controls{text-align:center;margin-top:1rem}.role-management .create-role-btn{background:var(--color-secondary)!important;color:var(--color-on-secondary)!important;border:none!important;padding:11px 22px!important;border-radius:var(--radius-pill)!important;cursor:pointer!important;font-weight:var(--font-bold)!important;font-family:var(--font-base)!important;transition:var(--transition-fast)!important;box-shadow:var(--shadow-secondary)!important}.role-management .create-role-btn:hover{background:var(--color-secondary-hover)!important;transform:translateY(-2px)!important}.role-management .modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.role-management .modal-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.role-management .modal-header{background:var(--color-bg-page);padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.role-management .modal-header h2{margin:0;color:var(--color-primary);font-size:1.5rem;font-weight:var(--font-bold)}.role-management .modal-close{background:none;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:background-color .3s ease}.role-management .modal-close:hover{background:var(--color-surface-3)}.role-management .modal-body{padding:2rem}.role-management .modal-body .form-group{margin-bottom:1.5rem}.role-management .modal-body .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-primary)}.role-management .modal-body input[type=text],.role-management .modal-body textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-page);color:var(--color-text);font-size:1rem;font-family:var(--font-base);box-sizing:border-box;transition:border-color .3s ease}.role-management .modal-body input[type=text]:focus,.role-management .modal-body textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.role-management .modal-body textarea{resize:vertical;min-height:80px}.role-management .button-group{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.role-management .permission-management-section{background:var(--color-surface);padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.role-management .permission-management-section h2{margin-bottom:1rem;color:var(--color-secondary);font-size:1.5rem;font-weight:var(--font-bold)}.role-management .role-permission-selector{margin-bottom:2rem}.role-management .role-permission-selector label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-secondary)}.role-management .role-permission-selector select{width:100%;max-width:400px;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-page);color:var(--color-text);font-size:1rem;font-family:var(--font-base);transition:border-color .3s ease}.role-management .role-permission-selector select:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-a25)}.role-management .permissions-section h3{color:var(--color-secondary);margin-bottom:1.5rem;font-size:1.3rem;font-weight:var(--font-bold)}.role-management .permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.role-management .permission-category{background:var(--color-bg-page);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.role-management .category-title{color:var(--color-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:600;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.role-management .permission-list{display:flex;flex-direction:column;gap:1rem}.role-management .permission-item{padding:.75rem;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:var(--transition-fast)}.role-management .permission-item:hover{border-color:var(--color-secondary);background:var(--color-surface-2)}.role-management .permission-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;margin-bottom:.5rem}.role-management .permission-checkbox input[type=checkbox]{margin:0;width:18px;height:18px;accent-color:var(--color-secondary);cursor:pointer}.role-management .permission-name{font-weight:600;color:var(--color-text);font-size:.95rem;line-height:1.3}.role-management .permission-description{color:var(--color-text-muted);font-size:.85rem;margin:0;line-height:1.4;margin-left:2.25rem}.role-management .role-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border);text-align:center}.role-management .permission-count{color:var(--color-text-muted);font-size:.9rem;margin-bottom:.5rem}.role-management .manage-permissions-btn{background:var(--color-info)!important;color:#06283a!important;border:none!important;padding:6px 12px!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;font-size:12px!important;font-weight:var(--font-bold)!important;font-family:var(--font-base)!important;transition:var(--transition-fast)!important}.role-management .manage-permissions-btn:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important}.role-management .access-denied{text-align:center;padding:3rem;background:var(--color-surface);border:1px solid var(--color-danger);border-radius:var(--radius-lg);margin:2rem 0;box-shadow:var(--shadow-md)}.role-management .access-denied h2{color:var(--color-danger);margin-bottom:1rem;font-size:1.8rem;font-weight:var(--font-bold)}.role-management .loading{text-align:center;padding:2rem;font-size:1.2rem;color:var(--color-primary);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.role-management .error-message{background:var(--color-danger-a15);color:var(--color-danger);padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid var(--color-danger)}.role-management .role-assignment-section{background:var(--color-surface);padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.role-management .role-assignment-section h2{margin-bottom:1rem;color:var(--color-primary);font-size:1.5rem;font-weight:var(--font-bold)}.role-management .assignment-form{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;background:transparent}.role-management .form-group{flex:1;min-width:200px}.role-management .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-primary);font-size:.95rem}.role-management .form-group select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-base);background:var(--color-bg-page);color:var(--color-text);transition:border-color .3s ease}.role-management .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.role-management .form-group select option{background:var(--color-bg-page);color:var(--color-text)}.role-management .assign-button{background:var(--color-primary);color:var(--color-on-primary);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-pill);cursor:pointer;font-size:1rem;font-weight:var(--font-bold);font-family:var(--font-base);transition:var(--transition-fast);box-shadow:var(--shadow-primary)}.role-management .assign-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px)}.role-management .assign-button:disabled{background:var(--color-surface-3);color:var(--color-text-dim);cursor:not-allowed;transform:none;box-shadow:none}.role-management .users-section,.role-management .roles-section{margin-bottom:2rem}.role-management .users-section h2,.role-management .roles-section h2{margin-bottom:1rem;color:var(--color-primary);font-size:1.8rem;font-weight:var(--font-bold);padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.role-management .users-filter{display:flex;gap:12px;margin-bottom:1rem;flex-wrap:wrap}.role-management .users-filter__search{flex:1;min-width:220px;padding:.7rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-page);color:var(--color-text);font-size:.95rem;font-family:var(--font-base);transition:border-color .3s ease}.role-management .users-filter__search::placeholder{color:var(--color-text-dim)}.role-management .users-filter__search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.role-management .users-filter__role{min-width:160px;padding:.7rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-page);color:var(--color-text);font-size:.95rem;font-family:var(--font-base);cursor:pointer}.role-management .users-filter__role:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.role-management .users-filter__role option{background:var(--color-bg-page);color:var(--color-text)}.role-management .users-empty{padding:2rem;text-align:center;color:var(--color-text-dim);font-style:italic}.role-management .users-table{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.role-management .table-header{display:grid;grid-template-columns:1fr 1fr auto auto;gap:1rem;padding:1rem;background:var(--color-bg-page);font-weight:600;color:var(--color-primary);border-bottom:1px solid var(--color-border);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.role-management .table-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:1rem;padding:1rem;border-bottom:1px solid var(--color-border);align-items:center;transition:background-color .2s ease}.role-management .table-row:last-child{border-bottom:none}.role-management .table-row:hover{background:var(--color-surface-2)}.role-management .username{font-weight:600;color:var(--color-text);font-size:1rem}.role-management .email{color:var(--color-text-muted);font-size:.9rem}.role-management .role-edit-select{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-page);color:var(--color-text);font-size:.85rem;font-family:var(--font-base);font-weight:600;cursor:pointer;transition:border-color .2s ease}.role-management .role-edit-select:hover{border-color:var(--color-primary)}.role-management .role-edit-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.role-management .role-edit-select:disabled{opacity:.6;cursor:wait}.role-management .role-edit-select option{background:var(--color-bg-page);color:var(--color-text)}.role-management .roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.role-management .role-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:var(--transition-fast)}.role-management .role-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 24px var(--color-primary-a20)}.role-management .role-card h3{margin-bottom:1rem;border-radius:var(--radius-sm);padding:.8rem 1rem;text-align:center;font-weight:600;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px}.role-management .role-description{color:var(--color-text-muted);margin-bottom:1rem;font-style:italic;line-height:1.5;text-align:center}.role-management *::-webkit-scrollbar{width:8px}.role-management *::-webkit-scrollbar-track{background:var(--color-bg-page)}.role-management *::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.role-management *::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}@media (max-width: 768px){.role-management{padding:1rem}.role-management .role-management-header h1{font-size:2rem}.role-management .assignment-form{flex-direction:column}.role-management .table-header,.role-management .table-row{grid-template-columns:1fr;gap:.5rem}.role-management .table-header span,.role-management .table-row span{padding:.25rem 0}.role-management .roles-grid{grid-template-columns:1fr}.role-management .role-card{padding:1.5rem}.role-management .users-section h2,.role-management .roles-section h2{font-size:1.5rem}}.permission-management{max-width:1200px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.permission-management h1{color:#333;font-size:2rem;margin-bottom:.5rem;text-align:center}.permission-management>p{color:#666;text-align:center;margin-bottom:2rem;font-size:1.1rem}.error-message{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #fecaca}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:#666}.access-denied{background:#fee2e2;color:#dc2626;padding:2rem;border-radius:8px;text-align:center;font-size:1.2rem;font-weight:600}.role-selector{margin-bottom:2rem;background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.role-selector label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.role-selector select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;background:#fff;color:#374151}.role-selector select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.permissions-section{margin-bottom:3rem}.permissions-section h2{color:#1f2937;font-size:1.5rem;margin-bottom:1rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.permission-summary{background:#f0f9ff;padding:1rem;border-radius:6px;margin-bottom:2rem;border:1px solid #bae6fd}.permission-summary p{margin:.25rem 0;color:#0c4a6e;font-weight:500}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.permission-category{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.category-title{color:#374151;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #d1d5db;text-transform:capitalize}.permission-list{display:flex;flex-direction:column;gap:1rem}.permission-item{background:#fff;padding:1rem;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s ease}.permission-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.permission-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;margin-bottom:.5rem}.permission-checkbox input[type=checkbox]{margin-top:.125rem;width:18px;height:18px;accent-color:#3b82f6}.permission-name{font-weight:600;color:#1f2937;font-family:Courier New,monospace;font-size:.9rem}.permission-description{margin:0;color:#6b7280;font-size:.875rem;line-height:1.4;margin-left:2.25rem}.roles-overview h2{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s ease}.role-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px #3b82f61a;transform:translateY(-2px)}.role-card h3{color:#1f2937;font-size:1.2rem;margin-bottom:.5rem;text-transform:capitalize}.role-card p{color:#6b7280;margin-bottom:1rem;line-height:1.5}.role-permissions-count{background:#f3f4f6;color:#374151;padding:.5rem;border-radius:4px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.select-role-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease;width:100%}.select-role-btn:hover{background:#2563eb}.select-role-btn:active{background:#1d4ed8;transform:translateY(1px)}@media (max-width: 768px){.permission-management{padding:1rem;margin:1rem}.permissions-grid,.roles-grid{grid-template-columns:1fr}.permission-management h1{font-size:1.5rem}}.brand-management-tab{width:100%;min-height:600px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-2) 100%);border-radius:var(--radius-md);padding:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);font-family:var(--font-base)}.tab-header{margin-bottom:var(--space-6);text-align:center}.tab-header h2{color:var(--color-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.tab-header p{color:var(--color-text-muted);font-size:var(--text-lg);margin:0}.controls-section{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:linear-gradient(135deg,var(--color-surface-2) 0%,var(--color-surface-3) 100%);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.search-section{flex:1;max-width:400px}.search-input{width:100%;background:var(--color-bg);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);color:var(--color-text);padding:10px 16px;font-size:var(--text-base);font-family:var(--font-base);transition:var(--transition)}.search-input::placeholder{color:var(--color-text-dim)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.btn-add-brand{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border:none;border-radius:var(--radius-sm);color:var(--color-on-primary);padding:12px 24px;font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-primary);white-space:nowrap}.btn-add-brand:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary-a40)}.btn-add-brand:active{transform:translateY(0)}.brands-container{margin-bottom:var(--space-6);min-height:400px}.brands-list{display:flex;flex-direction:column;gap:var(--space-2)}.brand-card{background:var(--color-surface-2);border:1px solid var(--color-border-2);border-left:3px solid transparent;border-radius:var(--radius-sm);transition:var(--transition);position:relative;overflow:hidden}.brand-card:hover{border-color:var(--color-primary);border-left-color:var(--color-primary);background:var(--color-surface-3)}.brand-card.expanded{border-color:var(--color-primary);border-left-color:var(--color-primary);box-shadow:var(--shadow-primary)}.brand-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.brand-header-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.brand-expand-icon{color:var(--color-primary);font-size:.75rem;flex-shrink:0;width:12px;text-align:center}.brand-abbreviation-badge{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);padding:2px 10px;border-radius:var(--radius-pill);font-weight:var(--font-bold);font-size:var(--text-xs);letter-spacing:1px;flex-shrink:0}.brand-card-titles{display:flex;align-items:baseline;gap:var(--space-2);min-width:0;overflow:hidden}.brand-card-titles .brand-name:before{content:"·";margin-right:var(--space-2);color:var(--color-text-faint)}.brand-actions{display:flex;gap:var(--space-1);flex-shrink:0}.brand-management-tab .btn-icon{background:transparent;border:1px solid var(--color-border-2);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;transition:var(--transition)}@media (pointer: coarse){.brand-management-tab .btn-icon{width:var(--tap-min);height:var(--tap-min)}}.brand-management-tab .btn-icon:hover{transform:scale(1.1)}.btn-edit{border-color:var(--color-info);color:var(--color-info)}.btn-edit:hover{background:var(--color-info-a15);box-shadow:var(--shadow-sm)}.btn-delete{border-color:var(--color-danger);color:var(--color-danger)}.btn-delete:hover{background:var(--color-danger-a15);box-shadow:var(--shadow-sm)}.brand-label{color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-medium);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-name{color:var(--color-text-dim);font-size:var(--text-xs);margin:0;font-family:var(--font-mono);white-space:nowrap}.loading-indicator{text-align:center;padding:60px;color:var(--color-primary);font-size:var(--text-lg);font-weight:var(--font-medium)}.no-brands{text-align:center;padding:60px 20px;background:linear-gradient(135deg,var(--color-surface-2) 0%,var(--color-surface-3) 100%);border-radius:var(--radius-md);margin:2rem 0;border:1px solid var(--color-border)}.no-brands h3{color:var(--color-primary);margin-bottom:1rem;font-size:var(--text-xl)}.no-brands p{color:var(--color-text-muted);font-size:var(--text-base)}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(135deg,var(--color-surface-2) 0%,var(--color-surface-3) 100%);border:1px solid var(--color-primary);border-radius:var(--radius-md);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--color-border-2)}.modal-header h2{color:var(--color-primary);font-size:var(--text-xl);margin:0}.btn-close{background:transparent;border:1px solid var(--color-border-2);border-radius:var(--radius-circle);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);font-size:1.2rem;transition:var(--transition)}.btn-close:hover{border-color:var(--color-danger);color:var(--color-danger);transform:rotate(90deg)}.brand-form{padding:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;color:var(--color-primary);font-weight:var(--font-medium);margin-bottom:var(--space-2);font-size:var(--text-sm)}.form-group input{width:100%;background:var(--color-bg);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);color:var(--color-text);padding:12px 16px;font-size:var(--text-base);font-family:var(--font-base);transition:var(--transition);box-sizing:border-box}.form-group input::placeholder{color:var(--color-text-dim)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.form-group input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-2)}.form-group small{display:block;color:var(--color-text-dim);font-size:var(--text-xs);margin-top:6px}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border-2)}.btn-secondary,.btn-primary{flex:1;padding:12px 24px;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--font-medium);font-family:var(--font-base);cursor:pointer;transition:var(--transition);border:none}.btn-secondary{background:var(--color-surface-4);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border-3);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary-a40)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.models-section{margin-top:0;padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border-2);animation:expandIn .3s ease}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.models-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.models-toolbar-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.btn-add-model{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);border:none;border-radius:var(--radius-sm);color:var(--color-on-primary);padding:8px 16px;font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-base);cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px var(--color-success-a15)}.btn-add-model:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-success-rgb),.5)}.category-filter{display:flex;align-items:center;gap:var(--space-2)}.category-filter label{color:var(--color-text-dim);font-size:var(--text-sm);white-space:nowrap}.category-select{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-base);cursor:pointer;transition:var(--transition)}.category-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.models-sort-controls{display:flex;align-items:center;gap:var(--space-2)}.models-sort-controls label{color:var(--color-text-dim);font-size:var(--text-sm);white-space:nowrap}.sort-select{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--text-sm);font-family:var(--font-base);cursor:pointer}.sort-select:focus{outline:none;border-color:var(--color-primary)}.models-list{min-height:120px;max-height:520px;overflow-y:auto}.loading-models,.no-models{text-align:center;padding:40px 20px;color:var(--color-text-dim)}.no-models p{margin:var(--space-2) 0;color:var(--color-text-dim);font-size:var(--text-sm)}.model-group{margin-bottom:var(--space-3)}.model-group:last-child{margin-bottom:0}.model-name-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1);padding:6px 8px;background:transparent;border-radius:var(--radius-sm);border-left:3px solid var(--color-primary);cursor:pointer;transition:var(--transition-fast)}.model-name-header:hover{background:var(--color-surface-2)}.model-name-left{display:flex;align-items:center;gap:var(--space-3)}.model-expand-icon{color:var(--color-primary);font-size:1rem;transition:transform .3s ease;min-width:20px;display:flex;align-items:center;justify-content:center}.model-name-header h5{color:var(--color-primary);font-size:var(--text-base);margin:0;font-weight:var(--font-bold)}.sub-model-count{color:var(--color-text-dim);font-size:var(--text-sm);background:var(--color-bg);padding:4px 10px;border-radius:var(--radius-pill);font-weight:var(--font-medium)}.sub-models-list{display:flex;flex-direction:column;padding-left:var(--space-5);animation:expandSubModels .3s ease}@keyframes expandSubModels{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sub-model-item{display:flex;justify-content:space-between;align-items:center;padding:8px var(--space-2);border-bottom:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition-fast);gap:var(--space-3)}.sub-model-item:last-child{border-bottom:none}.sub-model-item:hover{background:var(--color-surface-2)}.sub-model-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.sub-model-name{color:var(--color-text);font-weight:var(--font-medium);font-size:var(--text-base)}.sub-model-product-count{color:var(--color-primary);font-weight:var(--font-regular);font-size:var(--text-sm)}.sub-model-description{color:var(--color-text-dim);font-size:var(--text-sm);font-style:italic}.sub-model-actions{display:flex;gap:6px}.btn-icon-small{background:transparent;border:1px solid var(--color-border-2);border-radius:var(--radius-sm);width:var(--tap-min);height:var(--tap-min);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:var(--transition)}.btn-icon-small:hover{transform:scale(1.1)}.btn-icon-small.btn-edit{border-color:var(--color-info);color:var(--color-info)}.btn-icon-small.btn-edit:hover{background:var(--color-info-a15);box-shadow:var(--shadow-sm)}.btn-icon-small.btn-delete{border-color:var(--color-danger);color:var(--color-danger)}.btn-icon-small.btn-delete:hover{background:var(--color-danger-a15);box-shadow:var(--shadow-sm)}.btn-icon-small.btn-create{border-color:var(--color-success);color:var(--color-success)}.btn-icon-small.btn-create:hover{background:var(--color-success-a15);box-shadow:var(--shadow-sm)}.model-form-inline{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-primary);border-radius:var(--radius-sm);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.model-form-inline .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-2)}.model-form-inline .form-header h5{color:var(--color-primary);margin:0;font-size:var(--text-base)}.btn-close-small{background:transparent;border:1px solid var(--color-border-2);border-radius:var(--radius-circle);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);font-size:1rem;transition:var(--transition)}.btn-close-small:hover{border-color:var(--color-danger);color:var(--color-danger);transform:rotate(90deg)}.model-form-inline .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.model-form-inline .form-group{margin-bottom:var(--space-3)}.model-form-inline .form-group label{color:var(--color-primary);font-size:var(--text-sm);margin-bottom:6px}.model-form-inline .form-group input,.model-form-inline .form-group textarea{width:100%;background:var(--color-bg);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);color:var(--color-text);padding:10px 12px;font-size:var(--text-sm);transition:var(--transition);box-sizing:border-box;font-family:var(--font-base)}.model-form-inline .form-group input::placeholder,.model-form-inline .form-group textarea::placeholder{color:var(--color-text-dim)}.model-form-inline .form-group textarea{resize:vertical;min-height:60px}.model-form-inline .form-group input:focus,.model-form-inline .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.form-actions-inline{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-2)}.btn-secondary-small,.btn-primary-small{flex:1;padding:10px 20px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-base);cursor:pointer;transition:var(--transition);border:none}.btn-secondary-small{background:var(--color-surface-4);color:var(--color-text)}.btn-secondary-small:hover{background:var(--color-border-3);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary-small{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);box-shadow:var(--shadow-primary)}.btn-primary-small:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-a40)}.btn-primary-small:disabled,.btn-secondary-small:disabled{opacity:.5;cursor:not-allowed;transform:none}.autocomplete-wrapper{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border:1px solid var(--color-primary);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);max-height:200px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-md);margin-top:-1px}.autocomplete-item{padding:10px 12px;color:var(--color-text);cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--color-border)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-medium)}.autocomplete-item.exact-match{background:var(--color-surface-2);font-weight:var(--font-bold);border-left:4px solid var(--color-success)}.suggestion-hint{color:var(--color-text-dim);font-size:var(--text-xs);font-style:italic;margin-left:var(--space-2)}.input-error{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px var(--color-danger-a15)!important}.error-message{color:var(--color-danger)!important;font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-1)}.image-upload-container{margin-top:var(--space-2)}.image-preview-wrapper{position:relative;display:inline-block;max-width:100%}.image-preview{max-width:100%;max-height:200px;border-radius:var(--radius-sm);border:1px solid var(--color-border-2);display:block;object-fit:contain;background:var(--color-bg)}.btn-remove-image{position:absolute;top:8px;right:8px;background:var(--color-danger);border:1px solid var(--color-danger-strong);border-radius:var(--radius-circle);width:32px;height:32px;color:var(--color-text);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-remove-image:hover{background:var(--color-danger-strong);transform:scale(1.1);box-shadow:0 4px 12px var(--color-danger-a15)}.btn-remove-image:disabled{opacity:.5;cursor:not-allowed;transform:none}.image-upload-placeholder{background:var(--color-bg);border:2px dashed var(--color-border-2);border-radius:var(--radius-sm);padding:40px 20px;text-align:center;transition:var(--transition);cursor:pointer}.image-upload-placeholder:hover{border-color:var(--color-primary);background:var(--color-surface-2)}.upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);cursor:pointer;color:var(--color-text-muted)}.upload-icon{font-size:3rem;opacity:.6}.upload-text{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-primary)}.upload-label small{color:var(--color-text-dim);font-size:var(--text-sm);display:block;margin-top:var(--space-1)}.upload-note{display:block;color:var(--color-info);font-size:var(--text-sm);margin-top:var(--space-2);font-style:italic}.sub-model-image{flex-shrink:0;width:60px;height:60px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border-2);background:var(--color-bg)}.sub-model-image img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.brand-management-tab{padding:var(--space-4)}.tab-header h2{font-size:var(--text-xl)}.controls-section{flex-direction:column;align-items:stretch}.search-section{max-width:100%}.btn-add-brand{width:100%}.modal-content{max-width:100%;margin:0 10px}.form-actions{flex-direction:column}.models-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.models-toolbar-right{justify-content:space-between}.category-filter{width:100%}.category-select{flex:1}.model-form-inline .form-row{grid-template-columns:1fr}.form-actions-inline{flex-direction:column}}@media (max-width: 480px){.brand-card-titles .brand-name{display:none}.sub-model-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.sub-model-actions{width:100%;justify-content:flex-end}.model-name-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.model-name-left{width:100%}}.consign-management-tab{padding:20px}.consign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.consign-header h2{color:var(--text-primary, #fff);margin:0;font-size:1.5rem}.consign-stats{display:flex;gap:10px}.stat-badge{background:var(--accent-color, #fcd34d);color:#000;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.consign-filters{display:flex;gap:12px;margin-bottom:20px}.consign-filters .search-input{flex:1;padding:10px 16px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--input-bg, #2a2a2a);color:var(--text-primary, #fff);font-size:.95rem}.consign-filters .search-input:focus{outline:none;border-color:var(--accent-color, #fcd34d)}.refresh-btn{padding:10px 20px;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #fff);cursor:pointer;font-size:.95rem;transition:all .2s}.refresh-btn:hover{background:var(--accent-color, #fcd34d);color:#000;border-color:var(--accent-color, #fcd34d)}.filter-checkbox{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #fff);cursor:pointer;font-size:.95rem;white-space:nowrap;transition:all .2s}.filter-checkbox:hover{border-color:var(--accent-color, #fcd34d)}.filter-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color, #fcd34d);cursor:pointer}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:var(--card-bg, #1a1a1a);border-radius:12px;border:1px solid var(--border-color, #333);text-align:center;padding:40px}.empty-state .empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:var(--text-primary, #fff);margin-bottom:10px}.empty-state p{color:var(--text-secondary, #888)}.consign-table-container{overflow:auto;max-height:70vh;background:var(--card-bg, #1a1a1a);border-radius:12px;border:1px solid var(--border-color, #333)}.consign-table{width:100%;border-collapse:collapse;font-size:.9rem}.consign-table th,.consign-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color, #333);color:var(--text-primary, #fff)}.consign-table th{background:var(--card-bg-dark, #141414);color:var(--accent-color, #fcd34d);font-weight:600;white-space:nowrap;position:sticky;top:0}.consign-table tbody tr:hover{background:#fcd34d0d}.consign-table .product-id{font-family:monospace;font-size:.85rem;color:var(--text-secondary, #888)}.product-name{display:flex;flex-direction:column;gap:2px}.product-name .name{font-weight:500}.product-name .sub-name{font-size:.8rem;color:var(--text-secondary, #888)}.category-badge{background:var(--card-bg-dark, #141414);padding:4px 8px;border-radius:4px;font-size:.8rem;text-transform:capitalize}.status-badge{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.status-available{background:#22c55e33;color:#22c55e}.status-badge.status-sold{background:#ef444433;color:#ef4444}.status-badge.status-reserved{background:#3b82f633;color:#3b82f6}.status-badge.status-pending{background:#fbbf2433;color:#fbbf24}.consign-table .price,.consign-table .cogs{font-weight:500;white-space:nowrap}.consigner-phone{font-family:monospace;font-size:.85rem}.consigner-info{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-status{display:flex;flex-direction:column;align-items:center;gap:4px}.payment-toggle-btn{padding:4px 12px;border-radius:16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid;white-space:nowrap}.payment-toggle-btn.paid{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.payment-toggle-btn.paid:hover{background:#22c55e40}.payment-toggle-btn.unpaid{background:#ef444426;color:#ef4444;border-color:#ef44444d}.payment-toggle-btn.unpaid:hover{background:#ef444440}.payment-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.paid-amount{font-size:.75rem;color:var(--text-secondary, #888);font-weight:500}.payment-modal{max-width:420px}.payment-summary{background:var(--card-bg-dark, #141414);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.payment-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.payment-summary-row .price-value{color:var(--accent-color, #fcd34d);font-weight:600}.payment-summary-row .cogs-value{color:var(--text-secondary, #888);font-weight:500}.form-help{font-size:.75rem;color:var(--text-secondary, #888);font-style:italic}.payment-profit-preview{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--card-bg-dark, #141414);border-radius:8px;font-weight:600}.profit-value.positive{color:#22c55e}.profit-value.negative{color:#ef4444}.consign-table .date{color:var(--text-secondary, #888);font-size:.85rem;white-space:nowrap}.consign-table .actions{text-align:center}.edit-btn{background:transparent;border:1px solid var(--border-color, #333);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:1rem;transition:all .2s}.edit-btn:hover{background:var(--accent-color, #fcd34d);border-color:var(--accent-color, #fcd34d)}.edit-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-modal{background:var(--card-bg, #1a1a1a);border-radius:12px;border:1px solid var(--border-color, #333);width:100%;max-width:450px;max-height:90vh;overflow-y:auto}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #333)}.edit-modal-header h3{margin:0;color:var(--text-primary, #fff);font-size:1.1rem}.edit-modal-header .close-btn{background:transparent;border:none;color:var(--text-secondary, #888);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.edit-modal-header .close-btn:hover{color:var(--text-primary, #fff)}.edit-modal-product-info{display:flex;flex-direction:column;gap:4px;padding:12px 20px;background:var(--card-bg-dark, #141414);border-bottom:1px solid var(--border-color, #333)}.edit-modal-product-info .product-id{font-family:monospace;font-size:.8rem;color:var(--text-secondary, #888)}.edit-modal-product-info .product-name{color:var(--text-primary, #fff);font-weight:500}.edit-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.edit-modal-body .form-group{display:flex;flex-direction:column;gap:6px}.edit-modal-body .form-group label{color:var(--text-secondary, #888);font-size:.85rem;font-weight:500}.edit-modal-body .form-group input,.edit-modal-body .form-group textarea{padding:10px 12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--input-bg, #2a2a2a);color:var(--text-primary, #fff);font-size:.95rem}.edit-modal-body .form-group input:focus,.edit-modal-body .form-group textarea:focus{outline:none;border-color:var(--accent-color, #fcd34d)}.edit-modal-body .form-group textarea{resize:vertical;min-height:80px}.edit-modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color, #333);justify-content:flex-end}.edit-modal-footer .cancel-btn,.edit-modal-footer .save-btn{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.edit-modal-footer .cancel-btn{background:transparent;border:1px solid var(--border-color, #333);color:var(--text-primary, #fff)}.edit-modal-footer .cancel-btn:hover{background:var(--card-bg-dark, #141414)}.edit-modal-footer .save-btn{background:var(--accent-color, #fcd34d);border:1px solid var(--accent-color, #fcd34d);color:#000}.edit-modal-footer .save-btn:hover{background:#e5be45}.edit-modal-footer .save-btn:disabled,.edit-modal-footer .cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.consign-management-tab{padding:15px}.consign-header{flex-direction:column;gap:15px;align-items:flex-start}.consign-filters{flex-direction:column}.consign-table-container{font-size:.8rem}.consign-table th,.consign-table td{padding:10px 12px}}.consigner-phone-cell{display:flex;align-items:center;gap:6px}.portal-access-btn{background:transparent;border:1px solid var(--accent-color, #fcd34d);border-radius:6px;padding:2px 6px;cursor:pointer;font-size:.85rem;transition:all .2s}.portal-access-btn:hover{background:var(--accent-color, #fcd34d)}.portal-access-btn:disabled{opacity:.5;cursor:not-allowed}.portal-creds-modal{max-width:440px}.portal-creds-info{color:var(--text-secondary, #999);font-size:.9rem;margin:0 0 16px}.portal-creds-display{background:var(--bg-primary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.portal-cred-row{display:flex;justify-content:space-between;align-items:center}.portal-cred-label{color:var(--text-secondary, #999);font-size:.85rem}.portal-cred-value{font-weight:600;color:var(--text-primary, #fff);font-size:.95rem;word-break:break-all;max-width:250px;text-align:right}.portal-password{font-family:monospace;letter-spacing:2px;font-size:1.2rem;color:var(--accent-color, #fcd34d)}.copy-creds-btn{width:100%;padding:12px;background:var(--accent-color, #fcd34d);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem;transition:opacity .2s}.copy-creds-btn:hover{opacity:.9}.rental-tab{padding:24px;color:var(--color-text);font-family:var(--font-base)}.rental-tab__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.rental-tab__title{display:flex;align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:800;color:var(--color-text)}.rental-tab__sub{margin:4px 0 0;font-size:.85rem;color:var(--color-text-dim)}.rental-tab__loading{display:flex;justify-content:center;padding:56px 0}.rental-list{display:flex;flex-direction:column;gap:12px}.rental-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-warning);border-radius:var(--radius-lg);transition:var(--transition-fast)}.rental-card--returned{border-left-color:var(--color-success);opacity:.85}.rental-card:hover{border-color:var(--color-accent-a40);border-left-color:var(--color-accent)}.rental-card--returned:hover{border-left-color:var(--color-success)}.rental-card__main{flex:1;min-width:0}.rental-card__top{display:flex;align-items:center;gap:10px;margin-bottom:4px}.rental-card__pid{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--color-accent)}.rental-card__name{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:8px}.rental-card__meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.82rem;color:var(--color-text-muted)}.rental-card__meta span{display:inline-flex;align-items:center;gap:5px}.rental-card__rev{color:var(--color-accent);font-weight:700}.rental-card__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.rental-card__slip{font-size:.82rem;font-weight:600;color:var(--color-text-muted);text-decoration:underline}.rental-card__slip:hover{color:var(--color-accent)}.rental-form{display:flex;flex-direction:column;gap:4px}.rental-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rental-slip{margin-top:8px}.rental-slip__label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--color-text-dim)}.rental-slip__drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;border:1px dashed var(--color-border-2);border-radius:var(--radius-md);background:var(--color-bg-page);color:var(--color-text-muted);font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.rental-slip__drop:hover{border-color:var(--color-accent);color:var(--color-accent)}.rental-slip__selected{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-page)}.rental-slip__preview{width:44px;height:44px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.rental-slip__name{flex:1;min-width:0;font-size:.82rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rental-slip__remove{flex-shrink:0;display:inline-flex;background:none;border:none;color:var(--color-text-dim);cursor:pointer;padding:4px}.rental-slip__remove:hover{color:var(--color-danger)}@media (max-width: 768px){.rental-tab{padding:16px}.rental-form__row{grid-template-columns:1fr}.rental-card__actions{width:100%;justify-content:space-between}}.product-catalog-tab{padding:0}.catalog-header{margin-bottom:2rem}.catalog-header h2{color:gold;font-size:1.8rem;margin-bottom:1rem}.markup-info-banner{background:linear-gradient(135deg,#ff6b6b,#ff8e53);padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 12px #ff6b6b4d}.markup-badge{background:#fff3;padding:.5rem 1rem;border-radius:20px;color:#fff;font-weight:700;font-size:1.1rem;white-space:nowrap}.markup-note{color:#fff;margin:0;font-size:.9rem;opacity:.9}.filters-container{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:2;min-width:250px}.search-box input{width:100%;padding:.75rem 1rem;background:#1a1a1a;border:2px solid #3d3d3d;border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.search-box input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.category-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-tab{padding:.55rem 1.1rem;background:#1a1a1a;border:2px solid #3d3d3d;border-radius:999px;color:#ccc;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-tab:hover{border-color:gold;color:#fff}.category-tab.active{background:gold;border-color:gold;color:#1a1a1a;font-weight:600}.category-tab:focus-visible{outline:none;box-shadow:0 0 0 3px #ffd7004d}.products-stats{margin-bottom:1rem;color:#ccc;font-size:.9rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.product-card{background:#1a1a1a;border:2px solid #3d3d3d;border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.product-card:hover{border-color:gold;transform:translateY(-4px);box-shadow:0 8px 24px #ffd70033}.product-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-available{background:#27ae60;color:#fff}.status-reserved{background:#f39c12;color:#fff}.category-badge{padding:.25rem .75rem;border-radius:12px;background:#3d3d3d;color:#ccc;font-size:.75rem;font-weight:600;text-transform:capitalize}.product-info h3{color:gold;font-size:1.2rem;margin:0}.product-info h4{color:#fff;font-size:1rem;margin:.25rem 0}.product-info .sub-name{color:#ccc;font-size:.9rem;margin:.25rem 0}.product-info .condition,.product-info .location{color:#999;font-size:.85rem;margin:.25rem 0}.pricing-section{background:#ffd7000d;padding:1rem;border-radius:8px;border:1px solid rgba(255,215,0,.2)}.base-price-row,.your-price-row,.profit-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.base-price-row:last-child,.your-price-row:last-child,.profit-row:last-child{margin-bottom:0}.pricing-section .label{color:#999;font-size:.85rem}.price-small{color:#ccc;font-size:.9rem;font-weight:500}.price-crossed{color:#999;text-decoration:line-through;font-size:.9rem}.price-final{color:gold;font-size:1.3rem;font-weight:700}.profit-amount{color:#27ae60;font-size:1.1rem;font-weight:700}.product-actions{display:flex;gap:.5rem;margin-top:auto}.product-actions button{flex:1;padding:.75rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-view{background:#3d3d3d;color:#fff}.btn-view:hover{background:#4d4d4d;transform:translateY(-2px)}.btn-quote{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a}.btn-quote:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#ccc}.spinner{border:4px solid #3d3d3d;border-top:4px solid #ffd700;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-products{text-align:center;padding:4rem 2rem;color:#999}.no-products p{font-size:1.2rem;margin-bottom:1rem}.no-products button{padding:.75rem 1.5rem;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.no-products button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.products-table-container{background:#1a1a1a;border:2px solid #3d3d3d;border-radius:12px;overflow:hidden;margin-bottom:2rem}.products-table{width:100%;border-collapse:collapse}.products-table thead{background:#2a2a2a}.products-table thead th{padding:1rem;text-align:left;color:gold;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #3d3d3d}.products-table tbody tr{border-bottom:1px solid #2a2a2a;transition:all .2s ease}.products-table tbody tr:hover{background:#ffd7000d}.products-table tbody tr:last-child{border-bottom:none}.products-table td{padding:1rem;color:#fff;vertical-align:middle}.products-table .thumb-col{width:72px}.product-thumb-cell{padding:.5rem!important}.product-thumb{width:56px;height:56px;border-radius:6px;object-fit:cover;background:#1a1a1a;display:block}.product-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:#555;font-size:1.4rem;border:1px dashed #3d3d3d}.product-id-cell{font-family:Courier New,monospace;color:gold;font-weight:600;font-size:.9rem;width:150px}.product-name-cell{width:40%}.product-name-content{display:flex;flex-direction:column;gap:.25rem}.product-name-content strong{color:#fff;font-size:1rem}.product-brand{color:#999;font-size:.85rem}.pricing-cell{width:30%}.pricing-content{display:flex;flex-direction:column;gap:.5rem}.cogs-row,.your-price-row,.sales-price-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pricing-content .label{color:#999;font-size:.85rem;font-weight:500}.cogs-value{color:#ccc;font-size:.95rem;font-weight:600}.your-price-value,.sales-price-value{color:gold;font-size:1.1rem;font-weight:700}.markup-row{text-align:right}.markup-badge{display:inline-block;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:700}.actions-cell{width:120px;text-align:center}.btn-view-small{padding:.5rem 1rem;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;border:none;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-view-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}@media (max-width: 768px){.products-grid{grid-template-columns:1fr}.filters-container{flex-direction:column}.markup-info-banner{flex-direction:column;text-align:center}}@media (max-width: 968px){.products-table-container{overflow-x:auto}.products-table{min-width:800px}}@media (max-width: 768px){.products-table thead th,.products-table td{padding:.75rem .5rem;font-size:.85rem}.product-id-cell{width:120px;font-size:.8rem}.btn-view-small{padding:.4rem .75rem;font-size:.75rem}}.sales-hub{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.sales-header{margin-bottom:2rem;text-align:center;padding:2rem;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:12px;border:2px solid #ffd700;box-shadow:0 4px 20px #ffd7001a}.sales-header h1{color:gold;font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(255,215,0,.3)}.sales-header p{color:#ccc;font-size:1.1rem;margin:0}.role-badge-container{margin-top:1rem;display:flex;justify-content:center;gap:.5rem}.role-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-sales{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;box-shadow:0 2px 10px #ff6b6b4d}.tab-navigation{display:flex;gap:1rem;margin-bottom:2rem;background:#2d2d2d;padding:1rem;border-radius:12px;border:1px solid #3d3d3d;flex-wrap:wrap}.tab-btn{flex:1;min-width:150px;padding:1rem 1.5rem;background:#1a1a1a;color:#ccc;border:2px solid #3d3d3d;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#2d2d2d;border-color:gold;color:gold;transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.tab-btn.active{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;border-color:gold;box-shadow:0 4px 16px #ffd70066;transform:translateY(-2px)}.tab-btn.active:hover{transform:translateY(-2px)}.tab-content{background:#2d2d2d;padding:2rem;border-radius:12px;border:1px solid #3d3d3d;min-height:400px}.error-message{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-weight:500;box-shadow:0 4px 12px #ff6b6b4d}.error-message:before{content:"⚠️";font-size:1.5rem}.access-denied{text-align:center;padding:4rem 2rem;background:#2d2d2d;border-radius:12px;border:2px solid #ff6b6b}.access-denied h2{color:#ff6b6b;font-size:2rem;margin-bottom:1rem}.access-denied p{color:#ccc;font-size:1.1rem;margin:.5rem 0}@media (max-width: 768px){.sales-hub{padding:1rem}.sales-header h1{font-size:1.8rem}.sales-header p{font-size:1rem}.tab-navigation{flex-direction:column}.tab-btn{width:100%;min-width:unset}.tab-content{padding:1rem}}.discount-management{padding:2rem;max-width:1400px;margin:0 auto}.discount-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.discount-header h1{font-size:2rem;color:gold;margin:0;text-shadow:0 0 10px rgba(255,215,0,.3)}.btn-create{padding:.75rem 1.5rem;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd70066}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099}.success-banner,.error-banner{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:600}.success-banner{background:#22c55e1a;border:2px solid #22c55e;color:#86efac}.error-banner{background:#dc26261a;border:2px solid #dc2626;color:#fca5a5}.loading{text-align:center;padding:3rem;color:gold;font-size:1.2rem}.discounts-table-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #ffd700;border-radius:12px;overflow:hidden;box-shadow:0 0 30px #ffd70033}.discounts-table{width:100%;border-collapse:collapse}.discounts-table thead{background:linear-gradient(135deg,gold,#ffed4e)}.discounts-table thead th{padding:1rem;text-align:left;font-weight:700;color:#000;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.discounts-table tbody tr{border-bottom:1px solid rgba(255,215,0,.1);transition:background .2s ease}.discounts-table tbody tr:hover{background:#ffd7000d}.discounts-table tbody tr.inactive{opacity:.6}.discounts-table tbody td{padding:1rem;color:#fff;font-size:.9rem}.code-cell{font-weight:700}.discount-code{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border-radius:6px;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;letter-spacing:1px}.usage-count{color:gold;font-weight:600}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-badge.active{background:#22c55e33;color:#86efac;border:1px solid #22c55e}.status-badge.inactive{background:#6b728033;color:#9ca3af;border:1px solid #6b7280}.actions-cell{display:flex;gap:.5rem}.btn-edit,.btn-toggle,.btn-delete{padding:.5rem;background:#ffd7001a;border:1px solid #ffd700;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.btn-edit:hover{background:#3b82f633;border-color:#3b82f6;transform:scale(1.1)}.btn-toggle:hover{background:#22c55e33;border-color:#22c55e;transform:scale(1.1)}.btn-delete:hover{background:#dc262633;border-color:#dc2626;transform:scale(1.1)}.no-data{text-align:center;padding:3rem!important;color:#9ca3af;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #ffd700;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 0 40px #ffd70066}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #ffd700}.modal-header h2{margin:0;color:gold;font-size:1.5rem;text-shadow:0 0 10px rgba(255,215,0,.3)}.btn-close{background:none;border:none;color:gold;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;transition:all .2s ease}.btn-close:hover{transform:rotate(90deg);color:#ffed4e}.discount-form{padding:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:gold;font-weight:600;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:#2d2d2d;border:2px solid rgba(255,215,0,.3);border-radius:8px;color:#fff;font-size:.95rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:gold;box-shadow:0 0 15px #ffd7004d}.form-group input:disabled{opacity:.5;cursor:not-allowed;background:#1a1a1a}.form-group textarea{resize:vertical;min-height:60px}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer;transform:scale(1.2)}.checkbox-group span{color:#fff}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,215,0,.2)}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#6b728033;color:#9ca3af;border:2px solid #6b7280}.btn-cancel:hover{background:#6b72804d;border-color:#9ca3af}.btn-submit{background:linear-gradient(135deg,gold,#ffed4e);color:#000;box-shadow:0 4px 15px #ffd70066}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1024px){.discounts-table-container{overflow-x:auto}.discounts-table{min-width:900px}}@media (max-width: 768px){.discount-management{padding:1rem}.discount-header{flex-direction:column;gap:1rem;align-items:stretch}.discount-header h1{font-size:1.5rem;text-align:center}.form-row{grid-template-columns:1fr}.modal-content{max-width:100%}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.modal-content::-webkit-scrollbar,.discounts-table-container::-webkit-scrollbar{width:8px;height:8px}.modal-content::-webkit-scrollbar-track,.discounts-table-container::-webkit-scrollbar-track{background:#1a1a1a}.modal-content::-webkit-scrollbar-thumb,.discounts-table-container::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover,.discounts-table-container::-webkit-scrollbar-thumb:hover{background:#ffed4e}.gift-product-row{grid-template-columns:2fr 1fr}.gift-product-search{position:relative}.gift-product-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;list-style:none;margin:4px 0 0;padding:4px 0;background:#1e1e1e;border:2px solid rgba(255,215,0,.5);border-radius:8px;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px #0009}.gift-product-dropdown::-webkit-scrollbar{width:6px}.gift-product-dropdown::-webkit-scrollbar-track{background:#1a1a1a}.gift-product-dropdown::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:3px}.gift-product-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .9rem;cursor:pointer;transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.05)}.gift-product-option:last-child{border-bottom:none}.gift-product-option:hover{background:#ffd7001f}.gift-product-name{color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-product-id{flex-shrink:0;color:gold;font-size:.78rem;font-family:monospace;background:#ffd7001a;padding:1px 6px;border-radius:4px}.gift-search-hint{display:block;margin-top:4px;color:#ffffff80;font-size:.8rem}.gift-selected-hint{display:block;margin-top:5px;color:gold;font-size:.8rem;font-family:monospace}.role-badge{display:inline-block;padding:.25rem .6rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:var(--font-medium);letter-spacing:.4px;text-transform:capitalize;border:1px solid transparent;transition:var(--transition-fast)}.role-badge.role-owner,.role-owner{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.role-badge.role-admin,.role-admin{background:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-secondary)}.role-badge.role-sales,.role-sales{background:var(--color-info);color:#06283a;border-color:var(--color-info)}.role-badge.role-moderator,.role-moderator{background:var(--color-primary-a20);color:var(--color-primary-soft);border-color:var(--color-primary-a30)}.role-badge.role-super100,.role-super100,.role-badge.role-super1000,.role-super1000,.role-badge.role-super,.role-super{background:var(--color-success-a15);color:var(--color-success);border-color:var(--color-success)}.role-badge.role-user,.role-user{background:var(--color-surface-3);color:var(--color-text);border-color:var(--color-border-2)}.role-badge.role-guest,.role-guest,.role-badge.role-none,.role-none{background:var(--color-surface-2);color:var(--color-text-dim);border-color:var(--color-border)}.role-badge.role-default,.role-default{background:var(--color-surface-3);color:var(--color-text-muted);border-color:var(--color-border)}.role-badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.role-badge{font-size:.7rem;padding:.2rem .4rem}}@media (max-width: 480px){.role-badge{font-size:.65rem;padding:.15rem .35rem}}.verification-checkmark{display:inline-block;margin-left:8px;font-size:1.2rem;font-weight:900;background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px rgba(34,197,94,.4);animation:verifiedPulse 2s ease-in-out infinite;position:relative}.verification-checkmark:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:radial-gradient(circle,rgba(34,197,94,.2) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:verifiedGlow 2s ease-in-out infinite}@keyframes verifiedPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}@keyframes verifiedGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@media (max-width: 768px){.verification-checkmark{font-size:1.1rem;margin-left:6px}.verification-checkmark:before{width:18px;height:18px}}@media (max-width: 480px){.verification-checkmark{font-size:1rem;margin-left:4px}.verification-checkmark:before{width:16px;height:16px}}.coin-management{background-color:#000;color:#fff;min-height:100vh;padding:2rem}.coin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #ffeb3b}.coin-header h1{color:#ffeb3b;margin:0;font-size:2rem}.loading{text-align:center;color:#ffeb3b;font-size:1.2rem;padding:3rem}.error-message{background:#ff00001a;border:1px solid #ff4444;color:#f66;padding:1rem;border-radius:6px;margin-bottom:2rem}.users-section{margin-bottom:3rem}.users-section h2{color:#ffeb3b;margin-bottom:1rem;font-size:1.5rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.user-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem;transition:all .3s ease}.user-card:hover{border-color:#ffeb3b;box-shadow:0 4px 12px #ffeb3b1a}.user-info h3{color:#fff;margin:0 0 .5rem;font-size:1.2rem}.user-info .username{color:#ffeb3b;font-weight:500;margin:.25rem 0}.user-info .email{color:#ccc;font-size:.9rem;margin:.25rem 0 .75rem}.coin-balance{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #333;padding-top:1rem}.balance-amount{font-size:1.5rem;font-weight:700;color:#ffeb3b}.btn{background:#333;color:#ffeb3b;border:2px solid #ffeb3b;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s;text-decoration:none;font-size:.875rem;font-weight:500}.btn:hover{background:#ffeb3b;color:#000}.btn-primary{background:#ffeb3b;color:#000;border-color:#ffeb3b}.btn-primary:hover{background:#ffc107;border-color:#ffc107}.btn-secondary{background:#666;color:#fff;border-color:#888}.btn-secondary:hover{background:#888;border-color:#aaa}.btn-small{padding:.375rem .75rem;font-size:.8rem}.transactions-section h2{color:#ffeb3b;margin-bottom:1rem;font-size:1.5rem}.transactions-list{background:#1a1a1a;border:1px solid #333;border-radius:8px;max-height:600px;overflow-y:auto}.no-transactions{text-align:center;color:#666;padding:2rem;font-style:italic}.transaction-item{padding:1rem;border-bottom:1px solid #333}.transaction-item:last-child{border-bottom:none}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.transaction-header .username{color:#ffeb3b;font-weight:500}.transaction-type{font-weight:700;font-size:1.1rem}.transaction-type.add{color:#ffeb3b}.transaction-type.subtract{color:#f44336}.transaction-details .reason{color:#fff;margin:.5rem 0;font-style:italic}.transaction-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#999}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#1a1a1a;border:2px solid #ffeb3b;border-radius:8px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal h2{color:#ffeb3b;margin:0 0 1.5rem}.form-group label{display:block;color:#ffeb3b;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ffeb3b;box-shadow:0 0 0 2px #ffeb3b33}.transaction-preview{background:#222;border:1px solid #444;border-radius:6px;padding:1rem;margin:1rem 0}.transaction-preview h4{color:#ffeb3b;margin:0 0 .5rem}.transaction-preview p{margin:.25rem 0;color:#ccc}.new-balance{font-weight:700;color:#ffeb3b}.new-balance.negative{color:#f44336}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid #333}.modal-actions button{min-width:100px}@media (max-width: 768px){.coin-management{padding:1rem}.coin-header{flex-direction:column;gap:1rem;align-items:stretch}.coin-header h1{font-size:1.5rem;text-align:center}.users-grid{grid-template-columns:1fr}.coin-balance{flex-direction:column;gap:1rem;align-items:stretch}.balance-amount{text-align:center}.transaction-header{flex-direction:column;align-items:flex-start;gap:.5rem}.transaction-meta{flex-direction:column;gap:.25rem}.modal{width:95%;margin:1rem}.modal-actions{flex-direction:column}}.checkout-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checkout-modal-overlay .checkout-spin{animation:checkout-spin .8s linear infinite}@keyframes checkout-spin{to{transform:rotate(360deg)}}.checkout-modal-overlay .checkout-modal{max-width:900px!important;max-height:90vh;overflow-y:auto}.checkout-modal-overlay .checkout-body{display:flex;flex-direction:column;gap:24px;padding:24px}.checkout-modal-overlay .checkout-section{background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:12px;padding:20px}.checkout-modal-overlay .checkout-section h3{color:var(--color-primary);font-size:16px;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:8px}.checkout-modal-overlay .products-list{display:flex;flex-direction:column;gap:6px}.checkout-modal-overlay .product-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:6px}.checkout-modal-overlay .product-info{display:flex;align-items:center;gap:8px;flex:1}.checkout-modal-overlay .product-number{background:var(--color-primary);color:var(--color-on-primary);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.checkout-modal-overlay .product-name{color:var(--color-text);font-weight:600;font-size:12px;line-height:1.2}.checkout-modal-overlay .product-subname{color:var(--color-text-muted);font-size:11px}.checkout-modal-overlay .product-id{color:var(--color-text-dim);font-size:10px;margin-top:1px}.checkout-modal-overlay .product-price{color:var(--color-primary);font-weight:700;font-size:13px;white-space:nowrap}.checkout-modal-overlay .buyer-type-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-modal-overlay .buyer-type-option{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface-2);border:2px solid var(--color-border-2);border-radius:8px;cursor:pointer;transition:all .2s ease}.checkout-modal-overlay .buyer-type-option:hover{border-color:var(--color-primary)}.checkout-modal-overlay .buyer-type-option.selected{background:var(--color-success-a15);border-color:var(--color-success)}.checkout-modal-overlay .buyer-type-option input[type=radio]{width:20px;height:20px;accent-color:var(--color-success);cursor:pointer}.checkout-modal-overlay .buyer-type-option span{color:var(--color-text);font-weight:500;font-size:14px}.checkout-modal-overlay .form-group{margin-bottom:16px}.checkout-modal-overlay .form-group:last-child{margin-bottom:0}.checkout-modal-overlay .form-group label{display:block;color:var(--color-text);font-weight:600;font-size:14px;margin-bottom:8px}.checkout-modal-overlay .form-input,.checkout-modal-overlay .form-textarea,.checkout-modal-overlay .form-select{width:100%;padding:12px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:6px;color:var(--color-text);font-size:14px;transition:border-color .2s ease}.checkout-modal-overlay .form-input:focus,.checkout-modal-overlay .form-textarea:focus,.checkout-modal-overlay .form-select:focus{outline:none;border-color:var(--color-primary)}.checkout-modal-overlay .form-textarea{resize:vertical;font-family:inherit}.checkout-modal-overlay .form-select{cursor:pointer}.checkout-modal-overlay .addresses-list{display:flex;flex-direction:column;gap:12px}.checkout-modal-overlay .address-option{display:flex;gap:12px;padding:16px;background:var(--color-surface-2);border:2px solid var(--color-border-2);border-radius:8px;cursor:pointer;transition:all .2s ease}.checkout-modal-overlay .address-option:hover{border-color:var(--color-primary)}.checkout-modal-overlay .address-option.selected{background:var(--color-success-a15);border-color:var(--color-success)}.checkout-modal-overlay .address-option input[type=radio]{margin-top:4px;width:18px;height:18px;accent-color:var(--color-success);cursor:pointer;flex-shrink:0}.checkout-modal-overlay .address-details{flex:1}.checkout-modal-overlay .address-header{color:var(--color-text);font-weight:600;font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:8px}.checkout-modal-overlay .default-badge{background:var(--color-primary);color:var(--color-on-primary);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.checkout-modal-overlay .address-phone{color:var(--color-text-muted);font-size:13px;margin-bottom:4px}.checkout-modal-overlay .address-text{color:var(--color-text-muted);font-size:13px;line-height:1.5}.checkout-modal-overlay .no-addresses{padding:20px;background:var(--color-danger-a15);border:2px dashed var(--color-danger);border-radius:8px;color:var(--color-danger);text-align:center;font-size:14px}.checkout-modal-overlay .shipping-info{margin-top:12px}.checkout-modal-overlay .free-shipping-badge{background:var(--color-success);color:var(--color-on-primary);padding:10px 16px;border-radius:6px;font-weight:600;font-size:13px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.checkout-modal-overlay .shipping-threshold{background:var(--color-primary-a10);border:1px solid var(--color-primary);color:var(--color-primary);padding:10px 16px;border-radius:6px;font-size:13px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.checkout-modal-overlay .payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.checkout-modal-overlay .payment-method-option{display:flex;gap:12px;padding:14px;background:var(--color-surface-2);border:2px solid var(--color-border-2);border-radius:8px;cursor:pointer;transition:all .2s ease}.checkout-modal-overlay .payment-method-option:hover{border-color:var(--color-primary)}.checkout-modal-overlay .payment-method-option.selected{background:var(--color-success-a15);border-color:var(--color-success)}.checkout-modal-overlay .payment-method-option input[type=radio]{margin-top:2px;width:18px;height:18px;accent-color:var(--color-success);cursor:pointer;flex-shrink:0}.checkout-modal-overlay .payment-method-content{flex:1}.checkout-modal-overlay .payment-method-name{color:var(--color-text);font-weight:600;font-size:14px;margin-bottom:4px}.checkout-modal-overlay .payment-method-desc{color:var(--color-text-muted);font-size:12px}.checkout-modal-overlay .file-upload-area{display:flex;flex-direction:column;gap:8px}.checkout-modal-overlay .file-input{display:none}.checkout-modal-overlay .file-label{display:block;padding:16px 20px;background:var(--color-surface-2);border:2px dashed var(--color-border-2);border-radius:8px;color:var(--color-text-muted);text-align:center;cursor:pointer;transition:all .2s ease}.checkout-modal-overlay .file-label:hover{border-color:var(--color-primary);background:var(--color-primary-a10)}.checkout-modal-overlay .file-label span{font-size:14px;display:inline-flex;align-items:center;gap:6px}.checkout-modal-overlay .order-total{background:var(--color-surface);border:2px solid var(--color-primary)}.checkout-modal-overlay .total-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:var(--color-text-muted);font-size:14px}.checkout-modal-overlay .total-row:not(:last-child){border-bottom:1px solid var(--color-border)}.checkout-modal-overlay .grand-total{padding-top:16px;margin-top:8px;border-top:2px solid var(--color-primary)!important;color:var(--color-primary);font-size:18px;font-weight:700}.checkout-modal-overlay .order-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.checkout-modal-overlay .order-summary-header h3{margin:0}.checkout-modal-overlay .order-summary-total{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600}.checkout-modal-overlay .summary-total{color:var(--color-primary)}.checkout-modal-overlay .original-total{color:var(--color-text-muted);font-size:16px}.checkout-modal-overlay .original-total.strikethrough{text-decoration:line-through}.checkout-modal-overlay .discounted-total{color:var(--color-success);font-size:20px}.checkout-modal-overlay .checkout-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color-border);background:var(--color-bg-page)}.checkout-modal-overlay .checkout-modal .cancel-btn,.checkout-modal-overlay .checkout-modal .submit-btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.checkout-modal-overlay .checkout-modal .cancel-btn{background:var(--color-surface-3);color:var(--color-text)}.checkout-modal-overlay .checkout-modal .cancel-btn:hover:not(:disabled){background:var(--color-surface-4)}.checkout-modal-overlay .checkout-modal .submit-btn{background:var(--color-success);color:var(--color-on-primary)}.checkout-modal-overlay .checkout-modal .submit-btn:hover:not(:disabled){background:var(--color-success);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-success-rgb),.4)}.checkout-modal-overlay .checkout-modal .submit-btn:disabled,.checkout-modal-overlay .checkout-modal .cancel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.checkout-modal-overlay .discount-section .discount-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.checkout-modal-overlay .discount-section h3{margin:0}.checkout-modal-overlay .discount-mode-toggle{display:flex;gap:8px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:8px;padding:4px}.checkout-modal-overlay .discount-mode-toggle .mode-btn{padding:6px 16px;background:transparent;border:none;color:var(--color-text-muted);font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.checkout-modal-overlay .discount-mode-toggle .mode-btn.active{background:var(--color-primary);color:var(--color-on-primary)}.checkout-modal-overlay .discount-mode-toggle .mode-btn:hover:not(.active){background:var(--color-surface-3);color:var(--color-text)}.checkout-modal-overlay .discount-input-group{display:flex;gap:12px;align-items:center}.checkout-modal-overlay .discount-input-group .discount-input{flex:1;padding:12px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:8px;color:var(--color-text);font-size:14px}.checkout-modal-overlay .discount-input-group .discount-input:focus{outline:none;border-color:var(--color-primary)}.checkout-modal-overlay .discount-input-group .apply-discount-btn{padding:12px 24px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.checkout-modal-overlay .discount-input-group .apply-discount-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.checkout-modal-overlay .discount-input-group .apply-discount-btn:disabled{opacity:.5;cursor:not-allowed}.checkout-modal-overlay .manual-discount-group{display:flex;flex-direction:column;gap:12px}.checkout-modal-overlay .discount-reason-input{width:100%;padding:12px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:8px;color:var(--color-text);font-size:13px}.checkout-modal-overlay .discount-reason-input:focus{outline:none;border-color:var(--color-primary)}.checkout-modal-overlay .discount-reason-input::placeholder{color:var(--color-text-dim);font-style:italic}.checkout-modal-overlay .discount-applied{background:var(--color-surface-2);border:1px solid var(--color-success);border-radius:8px;padding:16px}.checkout-modal-overlay .discount-applied .discount-info{display:flex;justify-content:space-between;align-items:center;gap:12px}.checkout-modal-overlay .discount-badge{flex:1;color:var(--color-success);font-weight:600;font-size:14px}.checkout-modal-overlay .remove-discount-btn{padding:8px 16px;background:var(--color-surface-3);color:var(--color-text);border:1px solid var(--color-border-2);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.checkout-modal-overlay .remove-discount-btn:hover{background:var(--color-surface-4);border-color:var(--color-border-3)}.checkout-modal-overlay .discount-reason{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:13px;font-style:italic}.checkout-modal-overlay .discount-error{margin-top:12px;padding:12px;background:var(--color-danger-a15);border:1px solid var(--color-danger-strong);border-radius:8px;color:var(--color-danger);font-size:14px}.checkout-modal-overlay .order-total .discount-row{color:var(--color-success)}.checkout-modal-overlay .order-total .discount-row .discount-amount{font-weight:600}.checkout-modal-overlay .checkout-modal::-webkit-scrollbar{width:8px}.checkout-modal-overlay .checkout-modal::-webkit-scrollbar-track{background:var(--color-bg-page)}.checkout-modal-overlay .checkout-modal::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:4px}.checkout-modal-overlay .checkout-modal::-webkit-scrollbar-thumb:hover{background:var(--color-border-3)}@media (max-width: 768px){.checkout-modal-overlay .checkout-modal{max-width:95%!important;max-height:95vh}.checkout-modal-overlay .buyer-type-options,.checkout-modal-overlay .payment-methods-grid{grid-template-columns:1fr}.checkout-modal-overlay .checkout-section{padding:16px}.checkout-modal-overlay .checkout-body{padding:16px;gap:16px}.checkout-modal-overlay .discount-mode-toggle{width:100%}.checkout-modal-overlay .discount-mode-toggle .mode-btn{flex:1}.checkout-modal-overlay .discount-input-group{flex-direction:column}.checkout-modal-overlay .discount-input-group .apply-discount-btn{width:100%}}.checkout-modal-overlay .trade-in-section,.checkout-modal-overlay .trade-in-items-list{display:flex;flex-direction:column;gap:16px}.checkout-modal-overlay .trade-in-item-form{background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:8px;padding:16px}.checkout-modal-overlay .trade-in-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.checkout-modal-overlay .trade-in-item-header h4{margin:0;font-size:14px;color:var(--color-primary);font-weight:600;display:flex;align-items:center;gap:6px}.checkout-modal-overlay .btn-remove-trade-in-item{background:var(--color-danger-a15);color:var(--color-danger);border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.checkout-modal-overlay .btn-remove-trade-in-item:hover{background:var(--color-danger-strong);color:var(--color-text)}.checkout-modal-overlay .trade-in-item-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.checkout-modal-overlay .trade-in-item-fields select,.checkout-modal-overlay .trade-in-item-fields input{padding:10px 12px;background:var(--color-bg-page);border:1px solid var(--color-border-2);border-radius:6px;color:var(--color-text);font-size:13px;transition:border-color .2s}.checkout-modal-overlay .trade-in-item-fields select:focus,.checkout-modal-overlay .trade-in-item-fields input:focus{outline:none;border-color:var(--color-primary)}.checkout-modal-overlay .trade-in-item-fields select:disabled{opacity:.5;cursor:not-allowed}.checkout-modal-overlay .trade-in-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--color-border)}.checkout-modal-overlay .add-trade-in-btn{padding:10px 16px;background:var(--color-surface-3);color:var(--color-text);border:1px solid var(--color-border-2);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.checkout-modal-overlay .add-trade-in-btn:hover{background:var(--color-surface-4);border-color:var(--color-border-3)}.checkout-modal-overlay .trade-in-total-preview{flex:1;text-align:center;color:var(--color-text-muted);font-size:14px}.checkout-modal-overlay .trade-in-total-preview strong{color:var(--color-success)}.checkout-modal-overlay .apply-trade-in-btn{padding:10px 20px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.checkout-modal-overlay .apply-trade-in-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.checkout-modal-overlay .apply-trade-in-btn:disabled{opacity:.5;cursor:not-allowed}.checkout-modal-overlay .trade-in-applied{border-color:var(--color-warning)!important}.checkout-modal-overlay .trade-in-badge{color:var(--color-warning)!important;display:flex;flex-direction:column;gap:4px}.checkout-modal-overlay .trade-in-badge .trade-in-value{font-size:16px;font-weight:700}.checkout-modal-overlay .trade-in-items-summary{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.checkout-modal-overlay .trade-in-item-summary{color:var(--color-text-muted);font-size:13px;padding:6px 0}.checkout-modal-overlay .order-total .trade-in-row{color:var(--color-warning)}@media (max-width: 768px){.checkout-modal-overlay .trade-in-item-fields{grid-template-columns:1fr}.checkout-modal-overlay .trade-in-actions{flex-direction:column}.checkout-modal-overlay .trade-in-total-preview{order:-1;width:100%;padding:8px 0}.checkout-modal-overlay .add-trade-in-btn,.checkout-modal-overlay .apply-trade-in-btn{width:100%}}.checkout-modal-overlay .billing-note-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--color-info-a15);color:var(--color-info);border:1px solid var(--color-info);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease}.checkout-modal-overlay .billing-note-btn:hover:not(:disabled){background:rgba(var(--color-white-rgb),.06);transform:translateY(-1px)}.checkout-modal-overlay .billing-note-btn:disabled{opacity:.6;cursor:not-allowed}.checkout-modal-overlay .checkout-body.stage-shipping .cs-buyer,.checkout-modal-overlay .checkout-body.stage-shipping .cs-payment,.checkout-modal-overlay .checkout-body.stage-shipping .cs-proof{display:none}.share-order-overlay{position:fixed;inset:0;z-index:1000;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.share-order-modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--color-primary)}.share-order-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}.share-order-modal .modal-header h2{color:var(--color-primary);margin:0;font-size:1.5em;display:flex;align-items:center;gap:var(--space-2)}.share-order-modal .close-button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.share-order-modal .close-button:hover{color:var(--color-text);transform:rotate(90deg)}.share-order-modal .modal-content{padding:var(--space-6)}.share-order-modal .order-id-display{background:var(--color-surface-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-5);border-left:4px solid var(--color-primary);color:var(--color-text)}.share-order-modal .generate-section,.share-order-modal .share-link-section{display:flex;flex-direction:column;gap:var(--space-4)}.share-order-modal .info-text{color:var(--color-text-muted);line-height:1.6;margin:0}.share-order-modal .success-text{color:var(--color-success);font-weight:var(--font-bold);margin:0;display:flex;align-items:center;gap:var(--space-2)}.share-order-modal .expiration-selector{display:flex;flex-direction:column;gap:var(--space-2)}.share-order-modal .expiration-selector label{color:var(--color-primary);font-weight:500}.share-order-modal .expiration-selector select{padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:1em;cursor:pointer;transition:all .3s ease}.share-order-modal .expiration-selector select:hover{background:var(--color-surface-3)}.share-order-modal .expiration-selector select:disabled{opacity:.5;cursor:not-allowed}.share-order-modal .generate-button{padding:14px var(--space-6);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);font-size:1.1em;font-weight:var(--font-bold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.share-order-modal .generate-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.share-order-modal .generate-button:disabled{opacity:.6;cursor:not-allowed}.share-order-modal .share-url-container{display:flex;gap:var(--space-2);align-items:stretch}.share-order-modal .share-url-input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);font-size:.9em;word-break:break-all}.share-order-modal .copy-button{padding:var(--space-3) var(--space-5);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);font-weight:var(--font-bold);cursor:pointer;white-space:nowrap;transition:all .3s ease;display:flex;align-items:center;gap:var(--space-2)}.share-order-modal .copy-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px)}.share-order-modal .copy-button:disabled{opacity:.6;cursor:not-allowed}.share-order-modal .expiration-info{text-align:center;padding:var(--space-2);background:var(--color-surface-2);border-radius:var(--radius-sm);color:var(--color-primary)}.share-order-modal .expiration-info small{display:inline-flex;align-items:center;gap:var(--space-2)}.share-order-modal .instructions{background:var(--color-surface-2);padding:var(--space-4);border-radius:var(--radius-sm);border-left:4px solid var(--color-primary)}.share-order-modal .instructions h4{color:var(--color-primary);margin:0 0 var(--space-3) 0;font-size:1.1em;display:flex;align-items:center;gap:var(--space-2)}.share-order-modal .instructions ol{margin:0;padding-left:var(--space-5);color:var(--color-text-muted);line-height:1.8}.share-order-modal .instructions li{margin-bottom:var(--space-1)}.share-order-modal .action-buttons{display:flex;gap:var(--space-3);justify-content:center;padding-top:var(--space-2)}.share-order-modal .revoke-button{padding:var(--space-3) var(--space-5);background:var(--color-danger);color:var(--color-text);border:none;border-radius:var(--radius-sm);font-weight:var(--font-bold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--space-2)}.share-order-modal .revoke-button:hover:not(:disabled){background:var(--color-danger-strong);transform:translateY(-2px)}.share-order-modal .revoke-button:disabled{opacity:.6;cursor:not-allowed}.share-order-modal .modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.share-order-modal .close-btn{padding:var(--space-3) var(--space-6);background:var(--color-surface-3);color:var(--color-text);border:none;border-radius:var(--radius-sm);font-weight:var(--font-bold);cursor:pointer;transition:all .3s ease}.share-order-modal .close-btn:hover{background:var(--color-surface-4)}@media (max-width: 768px){.share-order-modal{width:95%;max-height:95vh}.share-order-modal .modal-header{padding:var(--space-4)}.share-order-modal .modal-header h2{font-size:1.2em}.share-order-modal .modal-content{padding:var(--space-4)}.share-order-modal .share-url-container{flex-direction:column}.share-order-modal .copy-button{width:100%;justify-content:center}.share-order-modal .action-buttons{flex-direction:column}.share-order-modal .revoke-button{width:100%;justify-content:center}}.order-management{max-width:1400px;margin:0 auto;padding:20px;background-color:transparent;color:var(--color-text);min-height:100vh}.order-management .management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.order-management .management-header h1{margin:0;color:var(--color-primary);font-size:1.5rem;font-weight:600}.order-management .refresh-btn{background:var(--color-primary);color:var(--color-on-primary);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.order-management .refresh-btn:hover:not(:disabled){background:var(--color-primary-hover)}.order-management .refresh-btn:disabled{opacity:.5;cursor:not-allowed}.order-management .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.order-management .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.order-management .loading-container p{color:var(--color-primary);font-weight:500}.order-management .orders-section{margin-bottom:24px}.order-management .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.order-management .section-header h2{margin:0;color:var(--color-primary);font-size:1.25rem;font-weight:600}.order-management .status-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.order-management .filter-checkbox{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none}.order-management .filter-checkbox:hover{border-color:var(--color-border-3)}.order-management .filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.order-management .filter-label{font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.order-management .filter-label.pending{color:var(--color-warning)}.order-management .filter-label.payment-pending{color:var(--color-info)}.order-management .filter-label.confirmed{color:var(--color-success)}.order-management .filter-label.preparing{color:var(--color-primary)}.order-management .filter-label.shipped{color:var(--color-info)}.order-management .filter-label.delivered{color:var(--color-success)}.order-management .filter-label.cancelled{color:var(--color-danger)}.order-management .filter-checkbox:has(input:checked){background:var(--color-primary-a10);border-color:var(--color-primary)}.order-management .status-summary{display:flex;gap:10px;flex-wrap:wrap}.order-management .status-count{padding:6px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;color:var(--color-on-primary);background:var(--color-primary)}.order-management .status-count.pending{background:var(--color-warning);color:var(--color-text)}.order-management .status-count.payment-pending{background:var(--color-danger);color:var(--color-text)}.order-management .status-count.confirmed{background:var(--color-success);color:var(--color-text)}.order-management .status-count.cancelled{background:var(--color-danger);color:var(--color-text)}.order-management .orders-list{display:flex;flex-direction:column;gap:12px}.order-management .empty-state{text-align:center;padding:48px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.order-management .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.order-management .empty-state h3{color:var(--color-primary);margin-bottom:8px}.order-management .empty-state p{color:var(--color-text-muted)}.order-management .order-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:visible;border:1px solid var(--color-border)}.order-management .order-card:hover{border-color:var(--color-border-3)}.order-management .order-card.pending{border-left:3px solid var(--color-warning)}.order-management .order-card.confirmed{border-left:3px solid var(--color-success)}.order-management .order-card.cancelled{border-left:3px solid var(--color-danger);opacity:.8}.order-management .order-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.order-management .order-header:hover{background:var(--color-surface-2)}.order-management .order-header-content{display:flex;flex-direction:column;gap:8px;flex:1}.order-management .order-header-actions{display:flex;align-items:center;gap:8px}.order-management .order-basic-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.order-management .order-basic-info h3{margin:0;color:var(--color-primary);font-size:1.1rem;font-weight:600}.order-management .order-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:4px}.order-management .order-meta .customer-info{display:flex;align-items:center;gap:8px;margin:0}.order-management .order-meta p{margin:0;color:var(--color-text-muted);font-size:13px}.order-management .order-meta p strong{color:var(--color-text-dim);font-weight:600}.order-management .order-meta p:nth-child(2){max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-management .quick-action-button{padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.order-management .quick-action-button.smart-action-confirm{background:var(--color-primary);color:var(--color-on-primary)}.order-management .quick-action-button.smart-action-confirm:hover{background:var(--color-primary-hover)}.order-management .quick-action-button.smart-action-payment{background:var(--color-primary);color:var(--color-on-primary)}.order-management .quick-action-button.smart-action-payment:hover{background:var(--color-primary-hover)}.order-management .quick-action-button.smart-action-preparing{background:var(--color-warning);color:var(--color-text)}.order-management .quick-action-button.smart-action-preparing:hover{background:var(--color-warning)}.order-management .quick-action-button.smart-action-tracking{background:var(--color-info);color:var(--color-text)}.order-management .quick-action-button.smart-action-tracking:hover{background:var(--color-info)}.order-management .quick-action-button.smart-action-shipped{background:var(--color-info);color:var(--color-text)}.order-management .quick-action-button.smart-action-shipped:hover{background:var(--color-info)}.order-management .quick-action-button.smart-action-delivered{background:var(--color-warning);color:var(--color-on-primary)}.order-management .quick-action-button.smart-action-delivered:hover{background:var(--color-warning)}.order-management .quick-action-button.smart-action-complete{background:var(--color-surface-4);color:var(--color-text);cursor:default}.order-management .quick-action-button.smart-action-setup{background:var(--color-danger);color:var(--color-text)}.order-management .quick-action-button.smart-action-setup:hover{background:var(--color-danger-strong)}.order-management .no-quick-action{display:flex;align-items:center}.order-management .order-actions-menu{position:relative}.order-management .actions-menu-toggle{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border-2);border-radius:var(--radius-md);padding:6px 12px;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;justify-content:center;transition:background .15s}.order-management .actions-menu-toggle:hover{background:var(--color-surface-3)}.order-management .actions-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(var(--color-black-rgb),.4);min-width:180px;z-index:100;overflow:hidden}.order-management .actions-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:var(--color-text);font-size:13px;cursor:pointer;text-align:left;white-space:nowrap;transition:background .15s}.order-management .actions-menu-item:hover{background:var(--color-surface-3)}.order-management .actions-menu-item-danger{color:var(--color-danger)}.order-management .actions-menu-item-danger:hover{background:var(--color-danger-a15)}.order-management .delete-order-button{background:var(--color-danger);color:var(--color-text);border:none;border-radius:var(--radius-md);padding:8px 10px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.order-management .delete-order-button:hover{background:var(--color-danger-strong)}.order-management .share-order-button{background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);padding:8px 10px;cursor:pointer;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}.order-management .share-order-button:hover{background:var(--color-primary-hover)}.order-management .print-invoice-button{background:var(--color-info);color:var(--color-text);border:none;border-radius:var(--radius-md);padding:8px 10px;cursor:pointer;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}.order-management .print-invoice-button:hover{background:var(--color-info)}.order-management .copy-address-button{background:var(--color-info);color:var(--color-text);border:none;border-radius:var(--radius-md);padding:8px 10px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center}.order-management .copy-address-button:hover{background:var(--color-info)}.order-management .status-badge{padding:4px 12px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.order-management .status-badge.small{padding:3px 8px;font-size:10px}.order-management .status-badge.status-pending{background:var(--color-warning);color:var(--color-text)}.order-management .status-badge.status-payment-pending{background:var(--color-danger);color:var(--color-text)}.order-management .status-badge.status-confirmed{background:var(--color-success);color:var(--color-text)}.order-management .status-badge.status-preparing,.order-management .status-badge.status-shipped,.order-management .status-badge.status-delivered{background:var(--color-info);color:var(--color-text)}.order-management .status-badge.status-cancelled{background:var(--color-danger);color:var(--color-text)}.order-management .expand-toggle{margin-left:12px;display:flex;align-items:center;padding:4px}.order-management .expand-icon{font-size:12px;color:var(--color-text-faint);transition:transform .2s ease}.order-management .expand-icon.expanded{transform:rotate(180deg)}.order-management .role-badge{padding:4px 10px;border-radius:var(--radius-pill);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.order-management .order-content{padding:0 20px 20px;background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.order-management .order-content>div{margin-bottom:20px}.order-management .order-content>div:last-child{margin-bottom:0}.order-management .order-content h4{margin:0 0 12px;color:var(--color-primary);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px}.order-management .order-items-section{background:var(--color-surface-2);border:1px solid var(--color-border);padding:16px;border-radius:var(--radius-lg)}.order-management .items-grid{display:flex;flex-direction:column;gap:12px}.order-management .item-card{background:var(--color-bg);border:1px solid var(--color-border);padding:14px;border-radius:var(--radius-lg);display:flex;gap:16px}.order-management .item-card:hover{border-color:var(--color-border-3)}.order-management .item-card-gift{border-color:rgba(var(--color-success-rgb),.4);background:linear-gradient(135deg,rgba(var(--color-success-rgb),.06) 0%,var(--color-bg) 100%)}.order-management .item-card-gift:hover{border-color:rgba(var(--color-success-rgb),.7)}.order-management .item-image img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--color-border)}.order-management .no-image-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border:1px dashed var(--color-border-2);border-radius:var(--radius-md);font-size:2rem;color:var(--color-text-faint)}.order-management .item-details{flex:1}.order-management .item-details h5{margin:0 0 8px;color:var(--color-primary);font-size:15px;font-weight:600}.order-management .item-details p{margin:4px 0;font-size:13px;color:var(--color-text-muted)}.order-management .item-details p strong{color:var(--color-text-dim)}.order-management .no-items{text-align:center;color:var(--color-text-faint);font-style:italic;padding:16px}.order-management .order-summary-section{background:var(--color-surface);border:1px solid var(--color-success);padding:16px;border-radius:var(--radius-lg)}.order-management .order-summary-section h4{color:var(--color-success);margin:0 0 12px}.order-management .summary-breakdown{display:flex;flex-direction:column;gap:8px}.order-management .summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.order-management .summary-row:last-child{border-bottom:none}.order-management .summary-row.total-row{margin-top:4px;padding-top:10px;border-top:1px solid var(--color-success);border-bottom:none;font-size:16px;color:var(--color-success)}.order-management .summary-row span:first-child{color:var(--color-text-muted)}.order-management .summary-row span:last-child{color:var(--color-text-dim);font-weight:500}.order-management .summary-row.total-row span{color:var(--color-success);font-weight:700}.order-management .summary-note{padding:8px;background:var(--color-warning-a15);border:1px solid var(--color-warning);border-radius:var(--radius-md);text-align:center;font-size:13px}.order-management .payment-section{background:var(--color-surface-2);border:1px solid var(--color-primary);padding:16px;border-radius:var(--radius-lg)}.order-management .payment-info p{margin:8px 0;font-size:13px;color:var(--color-text-muted)}.order-management .payment-info p strong{color:var(--color-primary)}.order-management .receipt-preview{margin-top:12px}.order-management .receipt-thumbnail{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--color-border)}.order-management .receipt-thumbnail:hover{border-color:var(--color-primary)}.order-management .click-to-view{display:block;font-size:11px;color:var(--color-text-faint);margin-top:4px}.order-management .shipping-section{background:var(--color-surface-2);border:1px solid var(--color-info);padding:16px;border-radius:var(--radius-lg)}.order-management .address-card{background:var(--color-bg);border:1px solid var(--color-border);padding:14px;border-radius:var(--radius-lg)}.order-management .address-card p{margin:6px 0;font-size:13px;color:var(--color-text-muted)}.order-management .address-card p strong{color:var(--color-primary)}.order-management .address-summary{margin:10px 0;padding:10px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md)}.order-management .address-summary p{margin:0;font-weight:500;color:var(--color-text-dim)}.order-management .address-details{margin-top:10px}.order-management .address-details summary{cursor:pointer;font-size:13px;color:var(--color-primary);margin-bottom:8px;font-weight:500}.order-management .address-details summary:hover{color:var(--color-primary-hover)}.order-management .formatted-address{margin-left:12px;padding:10px;background:var(--color-surface-2);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.order-management .formatted-address p{margin:4px 0;color:var(--color-text-muted);font-size:12px}.order-management .formatted-address p strong{color:var(--color-text-dim)}.order-management .notes-section{background:var(--color-surface-2);border:1px solid var(--color-warning);padding:16px;border-radius:var(--radius-lg)}.order-management .buyer-notes{margin-bottom:16px}.order-management .notes-content{background:var(--color-bg);border:1px solid var(--color-border);padding:12px;border-radius:var(--radius-md);border-left:3px solid var(--color-info)}.order-management .notes-content p{margin:0;font-size:13px;color:var(--color-text-muted);line-height:1.5}.order-management .admin-notes-input{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-family:inherit;resize:vertical;background:var(--color-bg);color:var(--color-text-dim)}.order-management .admin-notes-input:focus{outline:none;border-color:var(--color-primary)}.order-management .admin-notes-input::placeholder{color:var(--color-text-faint)}.order-management .status-controls{background:var(--color-surface-2);border:1px solid var(--color-border);padding:16px;border-radius:var(--radius-lg)}.order-management .status-control-wrapper{display:flex;flex-direction:column;gap:12px}.order-management .status-locked{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.order-management .status-buttons{display:flex;gap:10px;flex-wrap:wrap}.order-management .status-button{padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;min-width:110px;justify-content:center}.order-management .status-button:disabled{cursor:not-allowed;opacity:.5}.order-management .status-button.pending{background:var(--color-surface-2);color:var(--color-warning);border-color:var(--color-warning)}.order-management .status-button.pending:hover:not(:disabled){background:var(--color-warning);color:var(--color-on-primary)}.order-management .status-button.pending.active{background:var(--color-warning);color:var(--color-text)}.order-management .status-button.confirmed{background:var(--color-surface-2);color:var(--color-success);border-color:var(--color-success)}.order-management .status-button.confirmed:hover:not(:disabled){background:var(--color-success);color:var(--color-text)}.order-management .status-button.confirmed.active{background:var(--color-success);color:var(--color-text)}.order-management .status-button.cancelled{background:var(--color-surface-2);color:var(--color-danger);border-color:var(--color-danger)}.order-management .status-button.cancelled:hover:not(:disabled){background:var(--color-danger);color:var(--color-text)}.order-management .status-button.cancelled.active{background:var(--color-danger);color:var(--color-text)}.order-management .status-note{margin:0;font-size:12px;font-style:italic;color:var(--color-text-muted);padding:8px 12px;background:var(--color-bg);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.order-management .status-note.cancelled{color:var(--color-danger);background:var(--color-danger-a15);border-left-color:var(--color-danger)}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-black-rgb),.9);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.image-modal .image-modal-content{position:relative;max-width:90%;max-height:90%;cursor:default}.image-modal .image-modal-content img{max-width:100%;max-height:100%;border-radius:var(--radius-md);border:1px solid var(--color-border-3)}.image-modal .close-modal{position:absolute;top:-44px;right:0;background:var(--color-primary);color:var(--color-on-primary);border:none;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600}.image-modal .close-modal:hover{background:var(--color-primary-hover)}.shipping-modal-overlay{position:fixed;inset:0;background:rgba(var(--color-black-rgb),.8);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.shipping-modal-overlay .shipping-modal-content{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column}.shipping-modal-overlay .shipping-modal-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-2);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.shipping-modal-overlay .shipping-modal-header h3{margin:0;color:var(--color-primary);font-size:1.25rem;font-weight:600}.shipping-modal-overlay .close-modal-btn{background:transparent;border:none;color:var(--color-primary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.shipping-modal-overlay .close-modal-btn:hover{background:var(--color-primary-a10)}.shipping-modal-overlay .shipping-modal-body{padding:24px;overflow-y:auto;flex:1}.shipping-modal-overlay .order-summary{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;margin-bottom:20px}.shipping-modal-overlay .order-summary p{margin:6px 0;color:var(--color-text-dim);font-size:13px}.shipping-modal-overlay .order-summary strong{color:var(--color-primary);margin-right:6px}.shipping-modal-overlay .shipping-form{display:flex;flex-direction:column;gap:16px}.shipping-modal-overlay .form-group{display:flex;flex-direction:column;gap:6px}.shipping-modal-overlay .form-group label{color:var(--color-primary);font-weight:600;font-size:13px;display:flex;align-items:center;gap:6px}.shipping-modal-overlay .form-group label .optional{color:var(--color-text-faint);font-size:11px;font-weight:400}.shipping-modal-overlay .form-input,.shipping-modal-overlay .form-textarea{background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);padding:10px 14px;color:var(--color-text-dim);font-size:13px;font-family:inherit}.shipping-modal-overlay .form-input:focus,.shipping-modal-overlay .form-textarea:focus{outline:none;border-color:var(--color-primary)}.shipping-modal-overlay .form-input::placeholder,.shipping-modal-overlay .form-textarea::placeholder{color:var(--color-text-faint)}.shipping-modal-overlay select.form-input{cursor:pointer}.shipping-modal-overlay .form-textarea{resize:vertical;min-height:80px}.shipping-modal-overlay .shipping-modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end;background:var(--color-surface-2);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.shipping-modal-overlay .shipping-modal-footer .cancel-btn{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);padding:8px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.shipping-modal-overlay .shipping-modal-footer .cancel-btn:hover{background:var(--color-primary-a10)}.shipping-modal-overlay .shipping-modal-footer .submit-btn{background:var(--color-primary);color:var(--color-on-primary);border:none;padding:8px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.shipping-modal-overlay .shipping-modal-footer .submit-btn:hover{background:var(--color-primary-hover)}.order-management .create-order-btn{background:var(--color-primary);color:var(--color-on-primary);border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:14px}.order-management .create-order-btn:hover{background:var(--color-primary-hover)}@media (max-width: 768px){.order-management{padding:10px}.order-management .management-header{flex-direction:column;gap:12px;padding:16px}.order-management .management-header h1{font-size:1.25rem}.order-management .order-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.order-management .order-header-content{width:100%}.order-management .order-header-actions{width:100%;flex-wrap:wrap;gap:8px}.order-management .quick-action-button{flex:1;min-width:auto;padding:10px 14px;justify-content:center}.order-management .order-basic-info{flex-direction:column;align-items:flex-start;gap:8px}.order-management .status-filters{flex-direction:column;gap:6px;width:100%}.order-management .filter-checkbox{width:100%;justify-content:space-between}.order-management .order-meta{flex-direction:column;gap:4px}.order-management .status-buttons{flex-direction:column;width:100%}.order-management .status-button{width:100%}.order-management .item-card{flex-direction:column}.order-management .item-image img{width:100%;height:auto;max-height:180px}.order-management .no-image-placeholder{width:100%;height:120px}.shipping-modal-overlay .shipping-modal-content{max-width:100%;margin:0 10px}.shipping-modal-overlay .shipping-modal-header,.shipping-modal-overlay .shipping-modal-body{padding:16px}.shipping-modal-overlay .shipping-modal-footer{padding:12px 16px;flex-direction:column}.shipping-modal-overlay .shipping-modal-footer .cancel-btn,.shipping-modal-overlay .shipping-modal-footer .submit-btn{width:100%}.order-management .order-content{padding:0 14px 14px}.order-management .order-items-section,.order-management .order-summary-section,.order-management .payment-section,.order-management .shipping-section,.order-management .notes-section,.order-management .status-controls{padding:12px}}.order-modal-overlay{position:fixed;inset:0;background:rgba(var(--color-black-rgb),.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;overflow:hidden}.order-modal-overlay .order-modal{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-3) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-2xl);box-shadow:0 20px 40px rgba(var(--color-black-rgb),.6),0 0 0 1px var(--color-primary-a10);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column}.order-modal-overlay .order-modal-header{padding:20px 24px 16px;border-bottom:2px solid var(--color-primary-a20);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.order-modal-overlay .order-modal-header h2{color:var(--color-primary);font-size:1.4rem;font-weight:700;margin:0}.order-modal-overlay .order-modal-body{padding:20px 24px;flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.order-modal-overlay .order-modal-body::-webkit-scrollbar{width:6px}.order-modal-overlay .order-modal-body::-webkit-scrollbar-track{background:rgba(var(--color-white-rgb),.05);border-radius:3px}.order-modal-overlay .order-modal-body::-webkit-scrollbar-thumb{background:var(--color-primary-a30);border-radius:3px}.order-modal-overlay .order-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--color-primary-a10);background:rgba(var(--color-black-rgb),.2);flex-shrink:0;gap:12px}@media (max-width: 640px){.order-modal-overlay{padding:12px}.order-modal-overlay .order-modal{max-width:100%;max-height:85vh;border-radius:var(--radius-xl)}.order-modal-overlay .order-modal-header{padding:14px 16px 10px}.order-modal-overlay .order-modal-body{padding:16px}.order-modal-overlay .order-modal-footer{flex-direction:column;padding:12px 16px}}.order-management .orders-load-more{display:flex;justify-content:center;margin-top:20px}.order-management .load-more-orders-btn{padding:10px 28px;background:var(--color-primary-a10);border:1px solid var(--color-primary-a30);border-radius:var(--radius-pill);color:var(--color-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.order-management .load-more-orders-btn:hover:not(:disabled){background:var(--color-primary-a20);transform:translateY(-1px)}.order-management .load-more-orders-btn:disabled{opacity:.6;cursor:not-allowed}.order-management .order-tab-panel{padding-top:var(--space-4)}.order-management .order-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.order-management .order-cost-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--color-surface-3);color:var(--color-text-muted);border:1px solid var(--color-border-2);border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.order-management .order-cost-toggle:hover{background:var(--color-surface-4);color:var(--color-text)}.restock-tab{padding:24px}.restock-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.restock-header h2{color:#fff;font-size:1.4rem;margin:0 0 4px}.restock-subtitle{color:#888;font-size:.9rem;margin:0}.restock-btn-primary{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#000;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .2s}.restock-btn-primary:hover{opacity:.9}.restock-btn-primary:disabled{opacity:.5;cursor:not-allowed}.restock-btn-primary.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.restock-btn-secondary{background:#333;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer}.restock-form{background:#111;border:1px solid #333;border-radius:12px;padding:24px;margin-bottom:24px}.restock-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.restock-form-row:has(>:nth-child(3)){grid-template-columns:1fr 1fr 1fr}.restock-form-group{margin-bottom:16px}.restock-form-group label{display:block;color:#888;font-size:.85rem;margin-bottom:6px}.restock-form-group select,.restock-form-group input[type=number],.restock-form-group textarea{width:100%;background:#0a0a0a;border:1px solid #333;color:#fff;padding:10px 12px;border-radius:8px;font-size:.9rem;outline:none;box-sizing:border-box}.restock-form-group select:focus,.restock-form-group input:focus,.restock-form-group textarea:focus{border-color:#fcd34d}.restock-form-group textarea{resize:vertical}.restock-search-wrap{position:relative}.restock-search-wrap input{width:100%;background:#0a0a0a;border:1px solid #333;color:#fff;padding:10px 40px 10px 12px;border-radius:8px;font-size:.9rem;outline:none;box-sizing:border-box}.restock-search-wrap input.selected{border-color:#22c55e;background:#0a1a0a;color:#22c55e}.restock-search-wrap input:focus{border-color:#fcd34d}.restock-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#333;border:none;color:#888;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem}.restock-dropdown{position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:1px solid #333;border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #0006}.restock-suggestion{padding:10px 14px;cursor:pointer;border-bottom:1px solid #2a2a2a;transition:background .15s}.restock-suggestion:hover{background:#2a2a2a}.restock-sug-main{display:flex;align-items:center;gap:8px;margin-bottom:4px}.restock-sug-id{font-family:monospace;color:#fcd34d;font-size:.85rem;font-weight:600;background:#fcd34d1a;padding:2px 6px;border-radius:4px}.restock-sug-name{color:#fff;font-size:.9rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restock-sug-meta{display:flex;gap:12px;align-items:center}.restock-sug-brand{color:#888;font-size:.75rem;text-transform:uppercase}.restock-sug-qty{color:#22c55e;font-size:.8rem;font-weight:600}.restock-sug-cost{color:#f59e0b;font-size:.8rem}.restock-selected-info{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#fcd34d0d;border:1px solid #333;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:.85rem;color:#ccc}.restock-info-tag{color:#fcd34d;font-family:monospace;font-weight:600}.restock-qty-wrap{display:flex;align-items:center}.restock-qty-wrap button{background:#333;border:1px solid #444;color:#fff;width:40px;height:40px;font-size:1.2rem;cursor:pointer;transition:background .15s}.restock-qty-wrap button:first-child{border-radius:8px 0 0 8px}.restock-qty-wrap button:last-child{border-radius:0 8px 8px 0}.restock-qty-wrap button:hover{background:#444}.restock-qty-wrap input{text-align:center;width:80px;height:40px;background:#0a0a0a;border:1px solid #444;border-left:none;border-right:none;color:#fff;font-size:1rem;font-weight:600;outline:none}.restock-total{padding:10px 12px;background:#0a0a0a;border:1px solid #333;border-radius:8px;color:#fcd34d;font-size:1.1rem;font-weight:700}.restock-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.restock-lines-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.restock-lines-header label{color:#888;font-size:.85rem;font-weight:600}.restock-btn-add-line{background:transparent;border:1px dashed #555;color:#fcd34d;padding:6px 14px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .15s;font-weight:600}.restock-btn-add-line:hover{background:#fcd34d14;border-color:#fcd34d}.restock-btn-add-bottom{width:100%;padding:10px;margin-bottom:16px}.restock-lines{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;position:relative}.restock-line:focus-within{z-index:10}.restock-line{display:flex;gap:8px;align-items:flex-start;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;padding:12px;transition:border-color .15s;overflow:visible;position:relative;z-index:1}.restock-line.has-product{border-color:#333}.restock-line-num{color:#555;font-size:.8rem;font-weight:700;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:50%;margin-top:6px;flex-shrink:0}.restock-line-body{flex:1;min-width:0}.restock-line-top{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.restock-line-search{flex:1 1 220px;min-width:180px;position:relative;margin-bottom:0!important}.restock-line-search input{width:100%;background:#111;border:1px solid #333;color:#fff;padding:8px 32px 8px 10px;border-radius:6px;font-size:.85rem;outline:none;box-sizing:border-box}.restock-line-search input.selected{border-color:#22c55e;background:#0a1a0a;color:#22c55e}.restock-line-search input:focus{border-color:#fcd34d}.restock-line-fields{display:flex;gap:8px;align-items:center;flex-shrink:0;flex-wrap:nowrap}.restock-line-qty{margin-bottom:0!important}.restock-line-qty .restock-qty-wrap button{width:32px;height:34px;font-size:1rem}.restock-line-qty .restock-qty-wrap input{width:56px;height:34px;font-size:.9rem}.restock-line-cost{margin-bottom:0!important}.restock-line-cost input{width:110px;background:#111;border:1px solid #333;color:#fff;padding:8px 10px;border-radius:6px;font-size:.85rem;outline:none;box-sizing:border-box}.restock-line-cost input:focus{border-color:#fcd34d}.restock-line-total{color:#fcd34d;font-size:.9rem;font-weight:700;min-width:90px;text-align:right;padding-top:6px}.restock-line-remove{background:transparent;border:none;color:#555;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;margin-top:4px;flex-shrink:0;transition:all .15s}.restock-line-remove:hover{background:#3a1a1a;color:#ef4444}.restock-line-info{display:flex;gap:12px;align-items:center;margin-top:6px;font-size:.8rem;color:#888}.restock-line-product-name{color:#fff;font-weight:600;font-size:.85rem}.restock-batch-summary{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:#fcd34d0f;border:1px solid #333;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:.9rem;color:#ccc}.restock-batch-summary strong{color:#fcd34d}.restock-vat-toggle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.restock-vat-btn{padding:6px 14px;border:1px solid #555;border-radius:6px;background:#1a1a2e;color:#aaa;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .15s}.restock-vat-btn:hover{border-color:#888;color:#ddd}.restock-vat-btn.active{background:#14532d;border-color:#22c55e;color:#4ade80}.restock-vat-hint{font-size:.75rem;color:#6b7280}.restock-vat-highlight,.restock-vat-highlight strong{color:#4ade80}.restock-payment-tag{font-size:.8rem;color:#ccc;white-space:nowrap}.restock-history-section{margin-top:8px}.restock-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.restock-history-header h3{color:#fff;font-size:1.1rem;margin:0}.restock-filter-select{background:#1a1a1a;border:1px solid #333;color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem;outline:none}.restock-loading,.restock-empty{text-align:center;padding:48px 24px;color:#888}.restock-empty span{font-size:3rem;display:block;margin-bottom:8px}.restock-table-wrap{overflow-x:auto}.restock-table{width:100%;border-collapse:collapse;font-size:.85rem}.restock-table th{color:#888;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:10px 12px;border-bottom:1px solid #333;background:#111;white-space:nowrap}.restock-table td{padding:10px 12px;border-bottom:1px solid #1a1a1a;color:#fff;vertical-align:middle}.restock-table .text-right{text-align:right}.restock-table .text-green{color:#22c55e;font-weight:600}.restock-table .text-red{color:#ef4444;font-weight:600}.restock-date{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.restock-date small{color:#666;font-size:.75rem}.restock-pid{display:block;font-family:monospace;color:#fcd34d;font-size:.8rem;font-weight:600}.restock-pname{display:block;color:#ccc;font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restock-branch-tag{background:#2a2a2a;color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.restock-reason-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid;background:transparent;white-space:nowrap}.restock-performer{color:#888;font-size:.8rem}.restock-notes-cell{color:#666;font-size:.8rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.restock-tab{padding:16px}.restock-header{flex-direction:column;gap:12px}.restock-form-row{grid-template-columns:1fr}.restock-form-row:has(>:nth-child(3)){grid-template-columns:1fr}.restock-history-header{flex-direction:column;gap:8px;align-items:flex-start}.restock-line-top{flex-direction:column}.restock-line-fields,.restock-line-cost input{width:100%}.restock-line-total{min-width:auto;text-align:left}}.qp-textarea{width:100%;padding:10px 12px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:.95rem;resize:vertical;box-sizing:border-box;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.qp-textarea::placeholder{color:var(--color-text-faint)}.qp-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.qp-label{display:block;margin-bottom:6px;font-size:.85rem;color:var(--color-text-muted);font-weight:500}.qp-slip-upload{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-surface-3);border:1px dashed var(--color-border-2);border-radius:var(--radius-md);color:var(--color-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.qp-slip-upload:hover{background:var(--color-surface-4);border-color:var(--color-primary-a40)}.qp-slip-preview{position:relative;display:inline-block}.qp-slip-preview img{max-width:160px;max-height:160px;border-radius:var(--radius-md);border:1px solid var(--color-border);display:block}.qp-slip-remove{position:absolute;top:-8px;right:-8px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-circle);background:var(--color-danger);color:var(--color-on-primary);cursor:pointer;box-shadow:var(--shadow-md)}.qp-slip-remove:hover{background:var(--color-danger-strong)}.purchase-management-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.purchase-management-page .management-header{margin-bottom:var(--space-6)}.purchase-management-page .management-header h1{font-size:28px;font-weight:var(--font-bold);color:var(--color-primary);margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-2)}.purchase-management-page .page-description{color:var(--color-text-muted);font-size:14px;margin:0}.purchase-management-page .purchase-tabs{display:flex;gap:var(--space-1);margin-bottom:0;background:var(--color-bg);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--space-2) var(--space-2) 0}.purchase-management-page .purchase-tab-btn{padding:var(--space-3) var(--space-6);background:transparent;border:none;color:var(--color-text-dim);font-size:14px;font-weight:var(--font-medium);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.purchase-management-page .purchase-tab-btn:hover{color:var(--color-text);background:var(--color-primary-a10)}.purchase-management-page .purchase-tab-btn.active{color:var(--color-primary);background:var(--color-surface);border-top:2px solid var(--color-primary)}.purchase-management-page .purchase-content{background:var(--color-surface);border-radius:var(--radius-md);padding:0;min-height:500px}.purchase-management-page .purchase-tab{padding:0}@media (max-width: 768px){.purchase-management-page{padding:var(--space-4)}.purchase-management-page .management-header h1{font-size:22px}}.purchase-management-page .management-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.checkout-settings-container{min-height:calc(100vh - 76px);background:#000;padding:20px;box-sizing:border-box;overflow-x:hidden;width:100%}.checkout-settings-content{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.settings-header{text-align:center;margin-bottom:30px;padding:25px;background:#1a1a1a;border-radius:12px;box-shadow:0 4px 15px #00000080;border:2px solid #ffeb3b;box-sizing:border-box;width:100%}.settings-header h1{color:#ffeb3b;font-size:2.2rem;margin-bottom:10px;font-weight:700}.settings-header p{color:#fff;font-size:1.1rem;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px;width:100%;box-sizing:border-box}.settings-tabs{display:flex;background:#1a1a1a;border-radius:12px;padding:8px;margin-bottom:30px;gap:8px;border:2px solid #333}.tab-button{flex:1;padding:12px 20px;background:transparent;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.tab-button:hover{background:#333;color:#ffeb3b}.tab-button.active{background:#ffeb3b;color:#000;font-weight:700}.tab-button:disabled{opacity:.5;cursor:not-allowed}.settings-card{background:#1a1a1a;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000080;border:2px solid #ffeb3b;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;width:100%;overflow:hidden}.settings-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffeb3b4d}.settings-card.full-width{grid-column:1 / -1}.settings-card h2{color:#ffeb3b;font-size:1.4rem;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #ffeb3b;font-weight:600}.setting-group{margin-bottom:20px;padding:18px;background:#2a2a2a;border-radius:8px;border-left:4px solid #ffeb3b;box-sizing:border-box;width:100%}.setting-item{margin-bottom:12px;background:transparent;border:none;padding:0}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;color:#fff;flex-wrap:wrap;background:transparent;border:none;padding:0;margin:0}.toggle-label input[type=checkbox]{display:none}.setting-group .toggle-label .toggle-slider,.toggle-label .toggle-slider{position:relative;width:50px;height:26px;background:#000!important;border-radius:26px;transition:all .3s ease;flex-shrink:0;border:2px solid #444444;outline:none;box-shadow:inset 0 1px 3px #000c}.setting-group .toggle-label .toggle-slider:before,.toggle-label .toggle-slider:before{content:"";position:absolute;top:1px;left:1px;width:20px;height:20px;background:#888!important;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #00000080}.setting-group .toggle-label input[type=checkbox]:checked+.toggle-slider,.toggle-label input[type=checkbox]:checked+.toggle-slider{background:#ffeb3b!important;border:2px solid #ffeb3b;box-shadow:0 0 10px #ffeb3b80}.setting-group .toggle-label input[type=checkbox]:checked+.toggle-slider:before,.toggle-label input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px);background:#000!important}.toggle-text{font-size:1rem;word-break:break-word}.form-group{margin-bottom:18px;box-sizing:border-box;width:100%}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#ffeb3b;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ffeb3b;border-radius:6px;font-size:.95rem;transition:all .2s ease;background:#000;color:#fff;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#999;opacity:1}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #000000 inset;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffeb3b;box-shadow:0 0 0 2px #ffeb3b4d}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.bank-details-form,.promptpay-details-form{margin-top:15px;padding:15px;background:#333;border-radius:6px;border:1px solid #ffeb3b;box-sizing:border-box;width:100%}.store-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;width:100%;box-sizing:border-box}.store-info-grid .form-group.full-width{grid-column:1 / -1}.settings-actions{text-align:center;margin-top:30px;width:100%;box-sizing:border-box}.save-settings-btn{background:linear-gradient(135deg,#ffeb3b,#ffc107);color:#000;border:none;padding:12px 30px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #ffeb3b66;width:auto;min-width:200px;max-width:100%}.save-settings-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffeb3b99;background:linear-gradient(135deg,#ffc107,#ffeb3b)}.save-settings-btn:active{transform:translateY(0)}@media (max-width: 768px){.checkout-settings-container{padding:15px}.settings-grid{grid-template-columns:1fr;gap:15px}.settings-header{padding:20px 15px;margin-bottom:20px}.settings-header h1{font-size:1.8rem}.settings-header p{font-size:1rem}.settings-card{padding:20px 15px}.settings-card h2{font-size:1.2rem}.setting-group{padding:15px}.toggle-label{gap:10px}.toggle-text{font-size:.9rem}.store-info-grid{grid-template-columns:1fr;gap:12px}.form-group input,.form-group textarea{padding:8px 10px;font-size:.9rem}.save-settings-btn{padding:10px 25px;font-size:1rem;min-width:180px}}@media (max-width: 480px){.checkout-settings-container{padding:10px}.settings-header{padding:15px 10px}.settings-header h1{font-size:1.5rem}.settings-header p{font-size:.9rem}.settings-card{padding:15px 10px}.settings-card h2{font-size:1.1rem}.setting-group{padding:12px}.toggle-slider{width:45px;height:24px}.toggle-slider:before{width:20px;height:20px}.toggle-label input[type=checkbox]:checked+.toggle-slider:before{transform:translate(21px)}.toggle-text{font-size:.85rem}.form-group input,.form-group textarea{padding:6px 8px;font-size:.85rem}.save-settings-btn{padding:8px 20px;font-size:.9rem;min-width:160px}}.checkout-settings-container *,.checkout-settings-container *:before,.checkout-settings-container *:after{box-sizing:border-box;max-width:100%}.checkout-settings-container *[style*="background: white"],.checkout-settings-container *[style*="background: #fff"],.checkout-settings-container *[style*="background: #ffffff"],.checkout-settings-container *[style*="background-color: white"],.checkout-settings-container *[style*="background-color: #fff"],.checkout-settings-container *[style*="background-color: #ffffff"]{background-color:transparent!important}.checkout-settings-container,.checkout-settings-content,.settings-grid,.settings-card,.setting-group,.form-group,.form-group input,.form-group textarea{max-width:100%;overflow-wrap:break-word}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-card{animation:slideInUp .4s ease forwards}.settings-card:nth-child(1){animation-delay:.05s}.settings-card:nth-child(2){animation-delay:.1s}.settings-card:nth-child(3){animation-delay:.15s}.payment-methods-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-method-btn{background:#ffeb3b;color:#000;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease}.add-method-btn:hover:not(:disabled){background:#ffc107;transform:translateY(-2px)}.add-method-btn:disabled{background:#666;cursor:not-allowed}.payment-methods-list{display:flex;flex-direction:column;gap:15px}.payment-method-card{background:#2a2a2a;border:1px solid #444444;border-radius:8px;padding:15px;transition:all .3s ease}.payment-method-card:hover{border-color:#ffeb3b;box-shadow:0 2px 8px #ffeb3b33}.method-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.method-header h3{color:#fff;margin:0;font-size:1.1rem}.method-details{background:#1a1a1a;border-radius:6px;padding:15px;border:1px solid #333333}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.form-row:last-child{margin-bottom:0}.status-message{position:fixed;bottom:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:600;display:flex;align-items:center;gap:10px;z-index:1000;animation:slideInRight .3s ease}.status-message.saving{background:#2196f3;border:1px solid #1976d2}.status-message .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.access-denied{text-align:center;padding:60px 20px;background:#2a2a2a;border-radius:12px;border:2px solid #f44336}.access-denied h1{color:#f44336;margin-bottom:15px}.access-denied p{color:#fff;margin:10px 0;font-size:1.1rem}.loading-state{text-align:center;padding:60px 20px;background:#2a2a2a;border-radius:12px;border:2px solid #ffeb3b}.loading-state h2{color:#ffeb3b;margin-top:15px}.error-state{text-align:center;padding:60px 20px;background:#2a2a2a;border-radius:12px;border:2px solid #f44336}.error-state h2{color:#f44336;margin-bottom:15px}.retry-btn{background:#f44336;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:600;margin-top:15px;transition:all .3s ease}.retry-btn:hover{background:#d32f2f}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.shipment-methods-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #333}.shipment-methods-header h2{color:#ffeb3b;font-size:1.5rem;margin:0}.shipment-methods-list{display:flex;flex-direction:column;gap:20px}.shipment-method-card{background:#2a2a2a;border:2px solid #444;border-radius:12px;padding:20px;transition:all .3s ease}.shipment-method-card:hover{border-color:#ffeb3b;box-shadow:0 4px 15px #ffeb3b33}.courier-badge{background:#ffeb3b;color:#000;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;margin-left:10px}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;color:#fff;font-size:.9rem;cursor:pointer;margin:0}.checkbox-label input[type=checkbox]{margin-right:8px;cursor:pointer}.form-help{display:block;color:#999;font-size:.8rem;margin-top:5px;font-style:italic}@media (max-width: 768px){.settings-tabs{flex-direction:column;gap:4px}.tab-button{padding:10px 16px;font-size:.9rem}.courier-badge{margin-left:0;margin-top:5px}.checkbox-group{margin-bottom:10px}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.modal-content{background:#1a1a1a;border:2px solid #ffeb3b;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #000c}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #333;background:#2a2a2a;border-radius:10px 10px 0 0}.modal-header h3{color:#ffeb3b;margin:0;font-size:1.3rem;font-weight:700}.modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px 10px;border-radius:4px;transition:all .3s ease}.modal-close:hover{background:#f44336;color:#fff}.modal-form{padding:25px}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #333}.btn-secondary{background:#666;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background:#777}.btn-primary{background:#ffeb3b;color:#000;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#ffc107;transform:translateY(-1px)}.btn-primary:disabled{background:#666;color:#999;cursor:not-allowed;transform:none}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:15px 20px}.modal-header h3{font-size:1.2rem}.modal-form{padding:20px}.modal-actions{flex-direction:column;gap:10px}.btn-secondary,.btn-primary{width:100%;padding:12px}}.pricing-tiers-section .pt-help{color:var(--color-text-muted);font-size:.9rem;margin:0 0 1.25rem}.pricing-tiers-section .pt-help code{background:var(--color-surface-2);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-primary)}.pricing-tiers-section .pt-section{margin-top:1.5rem}.pricing-tiers-section .pt-section h3{color:var(--color-primary);margin-bottom:.75rem;font-size:1.1rem}.pricing-tiers-section .pt-table{width:100%;border-collapse:collapse;background:var(--color-surface-2);border-radius:var(--radius-md);overflow:hidden}.pricing-tiers-section .pt-table th,.pricing-tiers-section .pt-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.pricing-tiers-section .pt-table th{background:var(--color-surface-3);color:var(--color-primary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.pricing-tiers-section .pt-table tbody tr:last-child td{border-bottom:none}.pricing-tiers-section .pt-table input[type=number]{width:110px;padding:.4rem .5rem;background:var(--color-surface-3);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);color:var(--color-text);font-size:.95rem}.pricing-tiers-section .pt-table input[type=number]:focus{outline:none;border-color:var(--color-primary)}.pricing-tiers-section .pt-role-cell{display:flex;flex-direction:column;gap:2px}.pricing-tiers-section .pt-role-desc{font-size:.8rem;color:var(--color-text-dim)}.pricing-tiers-section .pt-search-row{position:relative}.pricing-tiers-section .pt-search-input{width:100%;padding:.6rem .8rem;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);color:var(--color-text);font-size:.95rem}.pricing-tiers-section .pt-search-input:focus{outline:none;border-color:var(--color-primary)}.pricing-tiers-section .pt-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);max-height:320px;overflow-y:auto;z-index:10}.pricing-tiers-section .pt-search-result{width:100%;display:grid;grid-template-columns:90px 1fr auto;gap:.75rem;padding:.55rem .8rem;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:left;cursor:pointer;font-size:.9rem;align-items:center}.pricing-tiers-section .pt-search-result:last-child{border-bottom:none}.pricing-tiers-section .pt-search-result:hover{background:var(--color-surface-3)}.pricing-tiers-section .pt-result-id{font-family:monospace;color:var(--color-primary);font-weight:600}.pricing-tiers-section .pt-result-cogs{color:var(--color-text-dim);font-size:.8rem}.pricing-tiers-section .pt-selected-product{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);margin:.75rem 0;color:var(--color-text)}.pricing-tiers-section .pt-selected-meta{color:var(--color-text-muted);font-size:.85rem}.pricing-tiers-section .pt-clear-selection{margin-left:auto;background:transparent;border:1px solid var(--color-border-3);border-radius:var(--radius-sm);color:var(--color-text);padding:.3rem .65rem;cursor:pointer;font-size:.85rem}.pricing-tiers-section .pt-clear-selection:hover{border-color:var(--color-primary);color:var(--color-primary)}.pricing-tiers-section .pt-override-badge{display:inline-block;margin-left:.5rem;padding:1px 6px;background:var(--color-warning);color:var(--color-on-primary);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase}.pricing-tiers-section .pt-actions-cell{white-space:nowrap;display:flex;gap:.4rem}.pricing-tiers-section .pt-btn{padding:.35rem .7rem;border-radius:var(--radius-sm);border:none;font-size:.85rem;cursor:pointer;font-weight:600}.pricing-tiers-section .pt-btn:disabled{opacity:.6;cursor:not-allowed}.pricing-tiers-section .pt-btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.pricing-tiers-section .pt-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.pricing-tiers-section .pt-btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-3)}.pricing-tiers-section .pt-btn-secondary:hover:not(:disabled){border-color:var(--color-warning);color:var(--color-warning)}.pricing-tiers-page{min-height:100vh;background:transparent;padding:2rem 1rem}.pricing-tiers-page .pricing-tiers-page-content{max-width:1200px;margin:0 auto}.pricing-tiers-page .pricing-tiers-page-header{margin-bottom:1.5rem;color:var(--color-text)}.pricing-tiers-page .pricing-tiers-page-header h1{color:var(--color-primary);font-size:1.8rem;margin:.5rem 0 .25rem}.pricing-tiers-page .pricing-tiers-page-header p{margin:0;color:var(--color-text-muted);font-size:.95rem}.pricing-tiers-page .pt-back-btn{background:transparent;border:1px solid var(--color-border-2);color:var(--color-text-muted);padding:.4rem .85rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem}.pricing-tiers-page .pt-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pricing-tiers-page .pricing-tiers-page-body{background:var(--color-surface);border-radius:var(--radius-md);padding:1.25rem;border:1px solid var(--color-border)}.product-detail-page{min-height:100vh;color:var(--color-text);padding:var(--space-6) var(--space-4)}.product-detail-page .product-detail-container{max-width:1200px;margin:0 auto}.product-detail-page .loading-container,.product-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.product-detail-page .detail-back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.product-detail-page .detail-back-link:hover{color:var(--color-primary);background:var(--color-primary-a10)}.product-detail-page .product-title-section{background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-2xl);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);margin-bottom:var(--space-6)}.product-detail-page .product-id{font-size:1.8rem;font-weight:var(--font-bold);color:var(--color-primary);margin:0 0 var(--space-2) 0}.product-detail-page .product-name{font-size:1.2rem;color:var(--color-text-muted);margin:0 0 var(--space-1) 0}.product-detail-page .product-brand{font-size:1rem;color:var(--color-text-dim);margin:0}.product-detail-page .product-content-grid{display:grid;grid-template-columns:500px 1fr;gap:var(--space-6);align-items:start}.product-detail-page .product-images-column{position:sticky;top:var(--space-6)}.product-detail-page .loading-skeleton{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.product-detail-page .skeleton-main-image{width:500px;height:500px;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-3) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:pd-shimmer 1.5s infinite;border-radius:var(--radius-2xl)}@keyframes pd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-detail-page .skeleton-thumbnails{display:flex;gap:var(--space-2);justify-content:center}.product-detail-page .skeleton-thumbnail{width:60px;height:60px;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-3) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:pd-shimmer 1.5s infinite;border-radius:var(--radius-md)}.product-detail-page .image-carousel{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.product-detail-page .main-image-container{position:relative;width:500px;height:500px}.product-detail-page .main-product-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-2xl);border:1px solid var(--color-border-2);cursor:pointer;transition:transform .2s var(--ease-spring),box-shadow .2s ease}.product-detail-page .main-product-image:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.product-detail-page .pdp-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(var(--color-black-rgb),.55);color:var(--color-text);border:none;border-radius:var(--radius-circle);width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:var(--transition-fast);z-index:10;opacity:.85}.product-detail-page .pdp-nav-btn:hover{background:rgba(var(--color-black-rgb),.85);opacity:1}.product-detail-page .pdp-nav-btn svg{flex-shrink:0}.product-detail-page .pdp-prev-btn{left:8px}.product-detail-page .pdp-next-btn{right:8px}.product-detail-page .image-counter{position:absolute;bottom:12px;right:12px;background:rgba(var(--color-black-rgb),.7);color:var(--color-text);padding:6px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;z-index:10}.product-detail-page .thumbnail-gallery{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;max-width:500px}.product-detail-page .thumbnail-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--color-border);cursor:pointer;opacity:.65;transition:var(--transition-fast)}.product-detail-page .thumbnail-image:hover{opacity:1;border-color:var(--color-border-3)}.product-detail-page .thumbnail-image.active{opacity:1;border-color:var(--color-primary)}.product-detail-page .image-hint{text-align:center;color:var(--color-text-dim);font-size:.9rem;margin-top:var(--space-1)}.product-detail-page .no-image-placeholder{width:500px;height:500px;display:flex;flex-direction:column;gap:var(--space-3);align-items:center;justify-content:center;background:var(--color-surface);border:2px dashed var(--color-border-2);border-radius:var(--radius-2xl);color:var(--color-text-dim)}.product-detail-page .product-details-column{display:flex;flex-direction:column;gap:var(--space-5)}.product-detail-page .price-section{background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-2xl);border:1px solid var(--color-border);border-left:4px solid var(--color-primary)}.product-detail-page .price{font-size:2.5rem;font-weight:var(--font-bold);color:var(--color-primary);margin:0}.product-detail-page .stock-info{font-size:1rem;color:var(--color-success);margin:var(--space-2) 0 0 0}.product-detail-page .specs-section,.product-detail-page .status-section,.product-detail-page .description-section{background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-2xl);border:1px solid var(--color-border)}.product-detail-page .specs-section h3,.product-detail-page .status-section h3,.product-detail-page .description-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:1.15rem;margin:0 0 var(--space-4) 0;color:var(--color-primary)}.product-detail-page .specs-section h3 svg,.product-detail-page .status-section h3 svg,.product-detail-page .description-section h3 svg{flex-shrink:0}.product-detail-page .specs-grid,.product-detail-page .status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.product-detail-page .spec-item,.product-detail-page .status-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.product-detail-page .spec-label,.product-detail-page .status-label{font-size:.78rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.product-detail-page .spec-value,.product-detail-page .status-value{font-size:1rem;color:var(--color-text);font-weight:500}.product-detail-page .product-status-row{display:flex;justify-content:center}.product-detail-page .product-status-badge{font-size:.95rem;padding:8px 20px}.product-detail-page .description-section p{color:var(--color-text-muted);line-height:1.6;font-size:1rem;margin:0}@media (max-width: 1200px){.product-detail-page .product-content-grid{grid-template-columns:1fr;gap:var(--space-6)}.product-detail-page .product-images-column{position:relative;top:0}.product-detail-page .main-image-container,.product-detail-page .skeleton-main-image,.product-detail-page .no-image-placeholder{width:100%;max-width:500px;height:auto;aspect-ratio:1;margin:0 auto}.product-detail-page .specs-grid,.product-detail-page .status-grid{grid-template-columns:1fr}}@media (max-width: 768px){.product-detail-page{padding:var(--space-4) var(--space-2)}.product-detail-page .product-title-section{padding:var(--space-4)}.product-detail-page .product-id{font-size:1.5rem}.product-detail-page .product-name{font-size:1rem}.product-detail-page .price{font-size:2rem}.product-detail-page .price-section,.product-detail-page .specs-section,.product-detail-page .status-section,.product-detail-page .description-section{padding:var(--space-4)}}@media (max-width: 480px){.product-detail-page .product-id{font-size:1.2rem}.product-detail-page .price{font-size:1.75rem}.product-detail-page .thumbnail-image{width:50px;height:50px}.product-detail-page .specs-section h3,.product-detail-page .status-section h3,.product-detail-page .description-section h3{font-size:1rem}}.branch-management{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.branch-management.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{font-size:18px;color:#666}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.error-icon{margin-right:10px}.error-dismiss{background:none;border:none;color:#c33;font-size:20px;cursor:pointer;padding:0;margin:0}.branch-tabs{display:flex;gap:2px;background:#f5f5f5;padding:4px;margin-bottom:20px;border-radius:10px}.tab-button{flex:1;padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.tab-button.active{background:#1a1a1a;color:#fff}.tab-button:hover:not(.active){background:#e0e0e0;color:#333}.tab-content{min-height:400px}.access-denied{text-align:center;padding:60px 20px;background:#f9f9f9;border-radius:12px;color:#666}.access-denied h2{margin:0 0 15px;font-size:24px}.branch-stats h3{margin:0 0 30px;font-size:24px;color:#333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:15px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:32px}.stat-content h4{margin:0;font-size:28px;font-weight:700;color:#333}.stat-content p{margin:5px 0 0;color:#666;font-size:14px}.branch-overview h4{margin:0 0 20px;font-size:20px;color:#333}.branch-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:40px}.branch-overview-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;transition:transform .2s}.branch-overview-card:hover{transform:translateY(-2px)}.branch-overview-card.inactive{opacity:.7;background:#f9f9f9}.branch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.branch-code{background:#1a1a1a;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.status-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.active{background:#e8f5e8;color:#2e7d2e}.status-badge.inactive{background:#fee;color:#c33}.branch-overview-card h5{margin:0 0 15px;font-size:18px;color:#333}.branch-address{color:#666;font-size:14px;margin-bottom:10px}.branch-contact{display:flex;gap:15px;font-size:13px;color:#666;margin-bottom:15px}.branch-manager{margin-bottom:15px}.manager-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.no-manager{color:#ff6b35;font-size:14px}.staff-count{font-size:14px;color:#666}.staff-distribution h4{margin:0 0 20px;font-size:20px;color:#333}.distribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.distribution-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:center}.distribution-card h5{margin:0 0 10px;font-size:16px;color:#666}.distribution-card .count{font-size:36px;font-weight:700;color:#1a1a1a;margin-bottom:10px}.distribution-card p{margin:0;font-size:14px;color:#999}.system-health h4{margin:0 0 20px;font-size:20px;color:#333}.health-indicators{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.health-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.health-item:last-child{border-bottom:none}.health-item.good .health-icon{color:#28a745}.health-item.warning .health-icon{color:#ffc107}.health-item.error .health-icon{color:#dc3545}.branch-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.branch-list-header h3{margin:0;font-size:24px;color:#333}.create-branch-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.create-branch-btn:hover{background:#218838}.branches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px}.branch-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 15px #0000001a;transition:transform .2s}.branch-card:hover{transform:translateY(-2px)}.branch-card.inactive{opacity:.7}.branch-display{padding:25px}.branch-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.branch-title{display:flex;flex-direction:column;gap:8px}.branch-code-badge{background:#1a1a1a;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;align-self:flex-start}.branch-title h4{margin:0;font-size:20px;color:#333}.branch-actions{display:flex;gap:8px}.edit-btn,.status-toggle{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:background .2s}.edit-btn:hover{background:#f0f0f0}.status-toggle.active:hover{background:#e8f5e8}.status-toggle.inactive:hover{background:#fee}.branch-info{margin-bottom:20px}.info-item{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;color:#666}.info-icon{width:16px}.branch-manager{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.manager-assigned{display:flex;align-items:center;gap:12px}.manager-details{display:flex;flex-direction:column}.manager-name{font-weight:500;color:#333}.manager-email{font-size:13px;color:#666}.no-manager{display:flex;align-items:center;gap:8px;color:#ff6b35;font-size:14px}.branch-status{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #eee}.status-indicator{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-indicator.active{background:#e8f5e8;color:#2e7d2e}.status-indicator.inactive{background:#fee;color:#c33}.created-date{font-size:12px;color:#999}.branch-edit-form{padding:25px;background:#f8f9fa}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.edit-mode{color:#666;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1a1a1a}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400!important;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.save-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer}.cancel-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer}.empty-state{text-align:center;padding:80px 20px;color:#666}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{margin:0 0 15px;font-size:24px;color:#333}.empty-state p{margin:0 0 30px;font-size:16px}.create-first-branch-btn{background:#28a745;color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer}.branch-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.branch-form-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.form-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #eee}.form-header h3{margin:0;font-size:24px;color:#333}.close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.branch-form{padding:30px}.form-section{margin-bottom:30px}.form-section h4{margin:0 0 20px;font-size:18px;color:#333;padding-bottom:10px;border-bottom:1px solid #eee}.required{color:#dc3545}.error-text{color:#dc3545;font-size:12px;margin-top:4px;display:block}.form-group small{color:#666;font-size:12px;margin-top:4px;display:block}.operating-hours-grid{display:grid;gap:15px}.day-hours{border:1px solid #eee;border-radius:8px;padding:15px}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.day-label{font-weight:500;color:#333}.closed-checkbox{display:flex;align-items:center;gap:5px;font-size:14px;color:#666}.time-inputs{display:flex;align-items:center;gap:10px}.time-input{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.submit-btn{background:#1a1a1a;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;font-size:14px}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.staff-overview h3{margin:0 0 30px;font-size:24px;color:#333}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.staff-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.staff-info h4{margin:0 0 8px;font-size:16px;color:#333}.staff-email{color:#666;font-size:14px;margin-bottom:12px}.staff-role{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;display:inline-block;margin-bottom:15px}.staff-role.manager{background:#e3f2fd;color:#1565c0}.staff-role.sales-staff{background:#e8f5e8;color:#2e7d2e}.staff-role.regional-manager{background:#fff3e0;color:#ef6c00}.staff-branch{font-size:14px;color:#666}.all-branches{color:#1565c0;font-weight:500}.branch-assignment{color:#333}.user-branch-assignment h3{margin:0 0 30px;font-size:24px;color:#333}.assignment-form{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.assignment-form h4{margin:0 0 20px;font-size:18px;color:#333}.assignment-form select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;box-sizing:border-box}.assign-btn{background:#1a1a1a;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;margin-top:15px}.assign-btn:disabled{background:#ccc;cursor:not-allowed}.search-section{margin-bottom:30px}.search-box input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;box-sizing:border-box}.users-list h4{margin:0 0 20px;font-size:18px;color:#333}.users-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.table-header{background:#f8f9fa;display:grid;grid-template-columns:2fr 1fr 2fr 1fr;gap:20px;padding:15px 20px;font-weight:600;color:#333;border-bottom:1px solid #eee}.table-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;gap:20px;padding:15px 20px;border-bottom:1px solid #eee;align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f8f9fa}.user-info{display:flex;flex-direction:column}.username{font-weight:500;color:#333}.email{font-size:13px;color:#666;margin-top:2px}.role-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;display:inline-block}.assignment-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;display:inline-block}.assignment-badge.all{background:#e3f2fd;color:#1565c0}.assignment-badge.branch{background:#e8f5e8;color:#2e7d2e}.assignment-badge.none{background:#f5f5f5;color:#999}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.manager-btn,.remove-btn{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;font-size:16px;transition:background .2s}.manager-btn:hover{background:#e3f2fd}.remove-btn:hover{background:#ffebee}.managers-summary{margin-top:40px}.managers-summary h4{margin:0 0 20px;font-size:18px;color:#333}.managers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.manager-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center}.branch-info{display:flex;flex-direction:column}.branch-code{background:#1a1a1a;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;align-self:flex-start;margin-bottom:5px}.branch-name{font-size:14px;color:#333}.manager-assigned{display:flex;align-items:center;gap:8px;color:#333;font-size:14px}.manager-unknown,.no-manager{color:#ff6b35;font-size:14px}@media (max-width: 768px){.branch-management{padding:15px}.branch-management-header{padding:15px 20px}.header-content{flex-direction:column;align-items:flex-start;gap:15px}.header-content h1{font-size:24px}.user-role-badge{margin-left:0;align-self:flex-end}.branch-tabs{flex-direction:column}.tab-button{text-align:left}.stats-grid,.branch-cards,.branches-grid,.form-row{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:10px}.table-header{display:none}.table-row{display:block;padding:20px}.user-info{margin-bottom:10px}.managers-grid{grid-template-columns:1fr}.manager-card{flex-direction:column;align-items:flex-start;gap:15px}}.bpo-container{padding:var(--space-6);max-width:1800px;margin:0 auto;min-height:100vh}.bpo-container .bpo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--color-text-dim);gap:var(--space-4)}.bpo-container .bpo-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-circle);animation:bpo-spin .8s linear infinite}@keyframes bpo-spin{to{transform:rotate(360deg)}}.bpo-container .bpo-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;color:var(--color-danger);gap:var(--space-4);font-size:1.1rem}.bpo-container .bpo-error button{background:var(--color-primary);color:var(--color-on-primary);border:none;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-weight:700;cursor:pointer}.bpo-container .bpo-header{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-2) 100%);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-primary);margin-bottom:var(--space-6);box-shadow:0 4px 20px var(--color-primary-a10)}.bpo-container .bpo-header h1{font-size:2rem;color:var(--color-primary);font-weight:var(--font-bold);margin:0;display:inline-flex;align-items:center;gap:.5rem}.bpo-container .bpo-subtitle{color:var(--color-text-dim);margin:var(--space-2) 0 0;font-size:.95rem}.bpo-container .bpo-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.bpo-container .bpo-stat-card{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-2) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);transition:border-color .2s}.bpo-container .bpo-stat-card:hover{border-color:var(--color-primary)}.bpo-container .bpo-stat-icon{font-size:1.5rem;color:var(--color-primary);display:inline-flex;align-items:center}.bpo-container .bpo-stat-value{font-size:1.6rem;font-weight:var(--font-bold);color:var(--color-primary)}.bpo-container .bpo-stat-label{font-size:.8rem;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.5px}.bpo-container .bpo-stat-available .bpo-stat-value,.bpo-container .bpo-stat-available .bpo-stat-icon{color:var(--color-success)}.bpo-container .bpo-stat-reserved .bpo-stat-value,.bpo-container .bpo-stat-reserved .bpo-stat-icon{color:var(--color-warning)}.bpo-container .bpo-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);align-items:center}.bpo-container .bpo-search{flex:1;min-width:200px}.bpo-container .bpo-search input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.95rem;outline:none;transition:border-color .2s}.bpo-container .bpo-search input:focus{border-color:var(--color-primary)}.bpo-container .bpo-search input::placeholder{color:var(--color-text-faint)}.bpo-container .bpo-filters{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.bpo-container .bpo-filters select{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.9rem;outline:none;cursor:pointer}.bpo-container .bpo-filters select:focus{border-color:var(--color-primary)}.bpo-container .bpo-view-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.bpo-container .bpo-view-toggle button{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:none;color:var(--color-text-faint);font-size:.85rem;cursor:pointer;transition:all .2s;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}.bpo-container .bpo-view-toggle button.active{background:var(--color-primary);color:var(--color-on-primary)}.bpo-container .bpo-view-toggle button:not(.active):hover{color:var(--color-text);background:var(--color-surface-2)}.bpo-container .bpo-branch-card,.bpo-container .bpo-product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;transition:border-color .2s}.bpo-container .bpo-branch-card:hover,.bpo-container .bpo-product-card:hover{border-color:var(--color-border-2)}.bpo-container .bpo-branch-header,.bpo-container .bpo-product-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;gap:var(--space-4);flex-wrap:wrap}.bpo-container .bpo-branch-header:hover,.bpo-container .bpo-product-header:hover{background:var(--color-surface-2)}.bpo-container .bpo-branch-title,.bpo-container .bpo-product-title{display:flex;align-items:center;gap:var(--space-3)}.bpo-container .bpo-branch-title h3,.bpo-container .bpo-product-title h3{margin:0;font-size:1.1rem;color:var(--color-text);font-weight:700}.bpo-container .bpo-expand-icon{color:var(--color-primary);font-size:.8rem;width:1rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}.bpo-container .bpo-sub,.bpo-container .bpo-sub-name{color:var(--color-text-faint);font-size:.8rem}.bpo-container .bpo-branch-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.bpo-container .bpo-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:.78rem;font-weight:700;background:var(--color-surface-2);color:var(--color-text-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}.bpo-container .bpo-badge-stock{background:var(--color-primary-a10);color:var(--color-primary)}.bpo-container .bpo-badge-price{background:var(--color-success-a15);color:var(--color-success)}.bpo-container .bpo-badge-warn{background:var(--color-danger-a15);color:var(--color-danger)}.bpo-container .bpo-branch-products{padding:0 var(--space-4) var(--space-4)}.bpo-container .bpo-table{width:100%;border-collapse:collapse;font-size:.88rem}.bpo-container .bpo-table thead th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--color-text-faint);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap}.bpo-container .bpo-table tbody td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-muted)}.bpo-container .bpo-table tbody tr:last-child td{border-bottom:none}.bpo-container .bpo-table tbody tr:hover{background:var(--color-surface-2)}.bpo-container .bpo-id{font-family:monospace;font-size:.8rem;color:var(--color-text-faint)}.bpo-container .bpo-product-name{font-weight:600;color:var(--color-text)}.bpo-container .bpo-price{color:var(--color-success);font-weight:600}.bpo-container .bpo-qty{text-align:center;font-weight:700}.bpo-container .bpo-available{color:var(--color-success)}.bpo-container .bpo-reserved{color:var(--color-warning)}.bpo-container .bpo-row-oos{opacity:.5}.bpo-container .bpo-row-low td{background:var(--color-danger-a15)}.bpo-container .bpo-empty{text-align:center;color:var(--color-text-faint);padding:var(--space-6);font-size:.95rem}@media (max-width: 768px){.bpo-container{padding:var(--space-4)}.bpo-container .bpo-header h1{font-size:1.4rem}.bpo-container .bpo-stats{grid-template-columns:repeat(2,1fr)}.bpo-container .bpo-controls{flex-direction:column}.bpo-container .bpo-search{width:100%}.bpo-container .bpo-filters{width:100%;justify-content:space-between}.bpo-container .bpo-filters select{flex:1}.bpo-container .bpo-branch-header,.bpo-container .bpo-product-header{flex-direction:column;align-items:flex-start}.bpo-container .bpo-table{font-size:.8rem}.bpo-container .bpo-table thead th,.bpo-container .bpo-table tbody td{padding:var(--space-1) var(--space-2)}}.info-page .info-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0 8px;padding:12px;flex-wrap:wrap}.info-page .pagination-btn{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-primary-a40);background:var(--color-primary-a10);color:var(--color-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.info-page .pagination-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.info-page .pagination-btn:disabled{opacity:.35;cursor:not-allowed}.info-page .pagination-info{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--color-text);font-weight:600;font-size:.95rem;min-width:120px}.info-page .pagination-count{font-size:.75rem;color:var(--color-text-dim);font-weight:400}.info-page{min-height:100vh;background:transparent;padding:100px 20px 40px}.info-page .info-container{max-width:1200px;margin:0 auto}.info-page .info-header{text-align:center;margin-bottom:40px}.info-page .info-header h1{font-size:32px;font-weight:700;color:var(--color-text);margin:0 0 12px;display:flex;align-items:center;justify-content:center;gap:12px}.info-page .info-header .header-icon{font-size:36px;color:var(--color-primary);display:inline-flex;align-items:center}.info-page .info-header .header-subtitle{color:var(--color-text-dim);font-size:16px;margin:0}.info-page .info-tabs{display:flex;gap:8px;margin-bottom:24px;padding:4px;background:var(--color-surface);border-radius:var(--radius-md);width:fit-content}.info-page .info-tab{padding:12px 24px;background:transparent;color:var(--color-text-dim);border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.info-page .info-tab:hover{color:var(--color-text);background:rgba(var(--color-white-rgb),.05)}.info-page .info-tab.active{background:var(--color-primary);color:var(--color-on-primary)}.info-page .info-tab-actions{margin-bottom:20px}.info-page .add-info-btn{padding:12px 24px;background:var(--color-success);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}.info-page .add-info-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-success-rgb),.25)}.info-page .info-search-bar{position:relative;margin-bottom:16px;max-width:500px}.info-page .info-search-input{width:100%;padding:10px 36px 10px 14px;background:rgba(var(--color-white-rgb),.06);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.9rem;outline:none;transition:border-color .2s,background .2s}.info-page .info-search-input:focus{border-color:var(--color-primary);background:rgba(var(--color-white-rgb),.08)}.info-page .info-search-input::placeholder{color:var(--color-text-faint)}.info-page .info-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-dim);font-size:1rem;cursor:pointer;padding:2px 4px;display:inline-flex;align-items:center}.info-page .info-search-clear:hover{color:var(--color-text)}.info-page .info-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px}.info-page .loading-state{text-align:center;padding:60px 20px}.info-page .loading-state .spinner{width:40px;height:40px;border:3px solid var(--color-primary-a20);border-top-color:var(--color-primary);border-radius:var(--radius-circle);animation:spin 1s linear infinite;margin:0 auto 20px}.info-page .loading-state p{color:var(--color-text-dim);margin:0}.info-page .empty-info{text-align:center;padding:60px 20px}.info-page .empty-info .empty-icon{font-size:64px;margin-bottom:20px;opacity:.6;color:var(--color-text-dim);display:flex;align-items:center;justify-content:center}.info-page .empty-info h3{color:var(--color-text);font-size:20px;margin:0 0 12px;font-weight:600}.info-page .empty-info p{color:var(--color-text-faint);font-size:14px;line-height:1.6;max-width:400px;margin:0 auto 24px}.info-page .browse-products-btn{padding:12px 28px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}.info-page .browse-products-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.25)}.info-page .info-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.info-page .info-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:all .3s ease}.info-page .info-card:hover{border-color:var(--color-primary-a30);transform:translateY(-4px);box-shadow:0 12px 40px rgba(var(--color-black-rgb),.3)}.info-page .info-card-image{width:100%;height:180px;margin-bottom:16px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg)}.info-page .info-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.info-page .info-card:hover .info-card-image img{transform:scale(1.05)}.info-page .info-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:12px;flex-wrap:wrap}.info-page .info-card-title{color:var(--color-text);font-size:18px;font-weight:600;margin:0;line-height:1.3;flex:1}.info-page .config-owner{font-size:12px;color:var(--color-text-dim);background:rgba(var(--color-white-rgb),.05);padding:4px 10px;border-radius:var(--radius-md);white-space:nowrap}.info-page .string-config-card{border-left:3px solid var(--color-primary)}.info-page .string-config-card .config-header-right{display:flex;align-items:center;gap:10px}.info-page .share-config-card-btn{background:rgba(var(--color-white-rgb),.1);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);padding:4px 8px;font-size:.85rem;cursor:pointer;transition:all .2s ease;opacity:.7;color:var(--color-text);display:inline-flex;align-items:center;justify-content:center}.info-page .share-config-card-btn:hover{background:var(--color-primary-a20);border-color:var(--color-primary-a40);opacity:1;transform:scale(1.05)}.info-page .string-config-card .info-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.info-page .string-config-card.highlighted,.info-page .info-card.highlighted{animation:highlightPulse 2s ease-out;box-shadow:0 0 20px var(--color-primary-a40)}@keyframes highlightPulse{0%{box-shadow:0 0 30px rgba(var(--color-primary-rgb),.6);transform:scale(1.02)}to{box-shadow:0 0 rgba(var(--color-primary-rgb),0);transform:scale(1)}}.info-page .featured-configs-section{margin-bottom:24px;padding:20px;background:var(--color-primary-a10);border:1px solid var(--color-primary-a20);border-radius:var(--radius-lg)}.info-page .featured-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.info-page .featured-section-header .featured-icon{font-size:20px;color:var(--color-primary);display:inline-flex;align-items:center}.info-page .featured-section-header h3{color:var(--color-primary);font-size:16px;font-weight:600;margin:0}.info-page .featured-configs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.info-page .featured-card{border-left:3px solid var(--color-primary)!important;background:var(--color-surface-3)!important;box-shadow:0 0 12px var(--color-primary-a10)}.info-page .feature-toggle-btn{background:rgba(var(--color-white-rgb),.06);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;font-size:.85rem;cursor:pointer;transition:all .2s ease;opacity:.5;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.info-page .feature-toggle-btn:hover{opacity:1;background:var(--color-primary-a20);border-color:var(--color-primary-a40);transform:scale(1.1)}.info-page .feature-toggle-btn.featured{opacity:1;background:var(--color-primary-a20);border-color:var(--color-primary-a30)}.info-page .config-search-container{margin-bottom:20px}.info-page .config-search-input{width:100%;padding:12px 16px;background:rgba(var(--color-white-rgb),.05);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;outline:none;transition:all .2s ease;box-sizing:border-box}.info-page .config-search-input:focus{border-color:var(--color-primary-a40);background:rgba(var(--color-white-rgb),.08);box-shadow:0 0 0 3px var(--color-primary-a10)}.info-page .config-search-input::placeholder{color:var(--color-text-faint)}.info-page .section-description-box{display:flex;align-items:flex-start;gap:16px;background:var(--color-info-a15);border:1px solid var(--color-info-a15);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:20px}.info-page .section-description-box .description-icon{font-size:2rem;flex-shrink:0;color:var(--color-info);display:inline-flex;align-items:center}.info-page .section-description-box .description-content{display:flex;flex-direction:column;gap:8px}.info-page .section-description-box .description-content h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.info-page .section-description-box .description-content p{margin:0;font-size:.9rem;color:var(--color-text-muted);line-height:1.5}@media (max-width: 640px){.info-page .section-description-box{flex-direction:column;align-items:center;text-align:center;padding:16px}.info-page .section-description-box .description-icon{font-size:2.5rem}.info-page .section-description-box .description-content{align-items:center}}.info-page .share-config-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--color-primary-a10);border:1px solid var(--color-primary-a30);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:24px}.info-page .share-config-banner .banner-content{display:flex;align-items:center;gap:14px}.info-page .share-config-banner .banner-icon{font-size:28px;color:var(--color-primary);display:inline-flex;align-items:center}.info-page .share-config-banner .banner-text{display:flex;flex-direction:column;gap:2px}.info-page .share-config-banner .banner-text strong{color:var(--color-primary);font-size:1rem}.info-page .share-config-banner .banner-text span{color:var(--color-text-dim);font-size:.85rem}.info-page .share-config-banner .banner-actions{display:flex;gap:10px;flex-shrink:0}.info-page .share-config-banner .share-link-btn{background:rgba(var(--color-white-rgb),.1);border:1px solid var(--color-border-2);color:var(--color-text);padding:10px 16px;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.info-page .share-config-banner .share-link-btn:hover{background:rgba(var(--color-white-rgb),.15);border-color:var(--color-border-3)}.info-page .share-config-banner .submit-config-btn{background:var(--color-primary);color:var(--color-on-primary);padding:10px 18px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s ease;display:flex;align-items:center;gap:6px}.info-page .share-config-banner .submit-config-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}@media (max-width: 700px){.info-page .share-config-banner{flex-direction:column;align-items:stretch;text-align:center}.info-page .share-config-banner .banner-content{flex-direction:column;gap:8px}.info-page .share-config-banner .banner-actions{justify-content:center}}.info-page .info-card-actions{display:flex;gap:8px;flex-shrink:0}.info-page .info-card-actions button{width:32px;height:32px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.info-page .info-card-actions .edit-btn{background:var(--color-info-a15);color:var(--color-info)}.info-page .info-card-actions .edit-btn:hover{background:#5cc6f54d}.info-page .info-card-actions .delete-btn{background:var(--color-danger-a15);color:var(--color-danger)}.info-page .info-card-actions .delete-btn:hover{background:rgba(var(--color-danger-rgb),.3)}.info-page .info-card-specs{display:flex;flex-direction:column;gap:12px}.info-page .spec-description{padding:12px;background:var(--color-bg);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary);margin-bottom:8px}.info-page .spec-description p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.6;white-space:pre-wrap}.info-page .spec-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-bg);border-radius:var(--radius-sm)}.info-page .spec-label{color:var(--color-text-dim);font-size:13px;display:inline-flex;align-items:center;gap:6px}.info-page .spec-value{color:var(--color-primary);font-weight:600;font-size:14px}.info-page .rating-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.info-page .rating-row{display:flex;align-items:center;gap:12px}.info-page .rating-label{color:var(--color-text-dim);font-size:13px;width:60px;flex-shrink:0}.info-page .rating-bar{flex:1;height:8px;background:rgba(var(--color-white-rgb),.1);border-radius:4px;overflow:hidden}.info-page .rating-fill{height:100%;border-radius:4px;transition:width .5s ease}.info-page .rating-fill.power{background:linear-gradient(90deg,var(--color-danger) 0%,var(--color-warning) 100%)}.info-page .rating-fill.control{background:linear-gradient(90deg,var(--color-info) 0%,var(--color-info) 100%)}.info-page .rating-value{color:var(--color-text);font-weight:600;font-size:13px;width:30px;text-align:right}.info-page .difficulty-section{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.info-page .difficulty-bar-container{display:flex;flex-direction:column;gap:6px}.info-page .difficulty-display{display:flex;flex-direction:column;gap:4px}.info-page .difficulty-bar-row{display:flex;align-items:center;gap:10px}.info-page .difficulty-bar-row .difficulty-bar{flex:1}.info-page .difficulty-endpoint{display:flex;flex-direction:column;align-items:center;font-size:.65rem;color:var(--color-text-dim);line-height:1.15;white-space:nowrap;-webkit-user-select:none;user-select:none}.info-page .difficulty-endpoint-icon{font-size:1.1rem;line-height:1;display:inline-flex;align-items:center}.info-page .difficulty-endpoint.easy{color:var(--color-success)}.info-page .difficulty-endpoint.hard{color:var(--color-danger)}.info-page .difficulty-avg-row{display:flex;justify-content:center}.info-page .difficulty-bar{position:relative;height:10px;background:rgba(var(--color-white-rgb),.1);border-radius:5px;overflow:visible}.info-page .difficulty-bar-fill{height:100%;border-radius:5px;transition:width .4s ease,background-color .4s ease}.info-page .difficulty-bar-marker{position:absolute;top:-3px;width:4px;height:16px;background:var(--color-text);border-radius:2px;transform:translate(-2px);box-shadow:0 0 4px rgba(var(--color-black-rgb),.5);transition:left .4s ease}.info-page .difficulty-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-text-dim)}.info-page .difficulty-avg-text{font-weight:600;font-size:.75rem}.info-page .difficulty-count{font-size:.7rem;color:var(--color-text-faint);text-align:right}.info-page .no-difficulty{font-size:.8rem;color:var(--color-text-faint);font-style:italic}.info-page .difficulty-rate{margin-top:8px;display:flex;flex-direction:column;gap:4px}.info-page .difficulty-rate-label{font-size:.78rem;color:var(--color-text-muted)}.info-page .difficulty-slider-row{display:flex;align-items:center;gap:8px}.info-page .difficulty-plusminus-row{display:flex;align-items:center;gap:12px;justify-content:center}.info-page .difficulty-pm-btn{width:32px;height:32px;border-radius:var(--radius-circle);border:2px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.info-page .difficulty-pm-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-on-primary)}.info-page .difficulty-pm-btn:disabled{opacity:.3;cursor:not-allowed}.info-page .difficulty-num{font-size:1.1rem;font-weight:600;color:var(--color-primary);min-width:24px;text-align:center}.info-page .difficulty-submit-btn{padding:4px 12px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:4px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}.info-page .difficulty-submit-btn:hover:not(:disabled){background:var(--color-primary-hover)}.info-page .difficulty-submit-btn:disabled{opacity:.5;cursor:not-allowed}.info-page .review-form-difficulty{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.info-page .review-form-difficulty label{font-size:.85rem;color:var(--color-text-muted)}.info-page .price-history-chart{margin:12px 0 4px;padding:12px 8px 8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;box-sizing:border-box}.info-page .price-history-label{font-size:.75rem;color:var(--color-text-dim);font-weight:600;margin-bottom:6px;letter-spacing:.4px;display:inline-flex;align-items:center;gap:.35rem}.info-page .review-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.info-page .review-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:6px 0;-webkit-user-select:none;user-select:none}.info-page .review-summary-left{display:flex;align-items:center;gap:8px}.info-page .view-all-reviews-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:8px 12px;margin-top:6px;background:var(--color-info-a15);color:var(--color-info);border:1px solid var(--color-info-a15);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;text-align:center;transition:all .2s ease}.info-page .view-all-reviews-btn:hover{background:#5cc6f538;border-color:#5cc6f566;transform:translateY(-1px)}.info-page .review-stars .star{font-size:16px;color:var(--color-border-3);transition:color .15s}.info-page .review-stars .star.filled{color:var(--color-primary)}.info-page .review-stars .star.interactive{cursor:pointer}.info-page .review-stars .star.interactive:hover{color:var(--color-primary-hover)}.info-page .review-avg{font-weight:700;color:var(--color-primary);font-size:14px}.info-page .review-count{color:var(--color-text-dim);font-size:13px}.info-page .no-reviews{color:var(--color-text-faint);font-size:13px;font-style:italic}.info-page .review-toggle{color:var(--color-text-dim);font-size:12px;transition:transform .2s;display:inline-flex;align-items:center}.info-page .review-expanded{margin-top:10px;display:flex;flex-direction:column;gap:10px}.info-page .review-item{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px}.info-page .review-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.info-page .review-author{font-weight:600;color:var(--color-text);font-size:13px}.info-page .review-delete-btn{background:none;border:none;cursor:pointer;font-size:13px;padding:0 4px;opacity:.6;transition:opacity .2s;margin-left:auto;color:var(--color-danger);display:inline-flex;align-items:center}.info-page .review-delete-btn:hover{opacity:1}.info-page .review-text{color:var(--color-text-muted);font-size:13px;margin:6px 0 4px;line-height:1.5}.info-page .review-date{color:var(--color-text-faint);font-size:11px}.info-page .review-form{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px}.info-page .review-form-rating{display:flex;align-items:center;gap:8px}.info-page .review-form-rating label{color:var(--color-text-muted);font-size:13px}.info-page .review-form-rating .star{font-size:22px}.info-page .review-form-text{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:8px 10px;font-size:13px;resize:vertical}.info-page .review-form-text::placeholder{color:var(--color-text-faint)}.info-page .review-form-text:focus{outline:none;border-color:var(--color-info)}.info-page .review-form-actions{display:flex;gap:8px;justify-content:flex-end}.info-page .review-cancel-btn{background:rgba(var(--color-white-rgb),.08);border:1px solid var(--color-border);color:var(--color-text-muted);padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;transition:all .2s}.info-page .review-cancel-btn:hover{background:rgba(var(--color-white-rgb),.12);color:var(--color-text)}.info-page .review-submit-btn{background:var(--color-info);border:none;color:var(--color-on-primary);padding:6px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.info-page .review-submit-btn:hover{background:#3fb4e8}.info-page .review-submit-btn:disabled{opacity:.5;cursor:not-allowed}.info-page .add-review-btn{background:rgba(var(--color-white-rgb),.06);border:1px dashed var(--color-border-2);color:var(--color-text-muted);padding:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;text-align:center;width:100%;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.info-page .add-review-btn:hover{background:rgba(var(--color-white-rgb),.1);border-color:var(--color-info);color:var(--color-text)}.info-page .login-to-review{color:var(--color-text-faint);font-size:12px;text-align:center;font-style:italic;margin:4px 0}.info-page .modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.info-page .modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.info-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--color-border)}.info-page .modal-header h2{color:var(--color-text);font-size:20px;margin:0;font-weight:600}.info-page .modal-header .close-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:rgba(var(--color-white-rgb),.1);border:none;color:var(--color-text);font-size:18px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.info-page .modal-header .close-btn:hover{background:rgba(var(--color-danger-rgb),.3)}.info-page .modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.info-page .form-group{display:flex;flex-direction:column;gap:8px}.info-page .form-group label{color:var(--color-text-muted);font-size:13px;font-weight:500}.info-page .form-input{padding:12px 16px;background:rgba(var(--color-white-rgb),.05);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;transition:all .2s ease}.info-page .form-input:focus{outline:none;border-color:var(--color-primary);background:rgba(var(--color-white-rgb),.08)}.info-page .form-input::placeholder{color:var(--color-text-faint)}.info-page .form-textarea{resize:vertical;min-height:80px;line-height:1.5}.info-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color-border)}.info-page .cancel-btn{padding:12px 24px;background:rgba(var(--color-white-rgb),.1);border:none;border-radius:var(--radius-md);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.info-page .cancel-btn:hover{background:rgba(var(--color-white-rgb),.15)}.info-page .save-btn{padding:12px 24px;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-on-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.info-page .save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.25)}.info-page .save-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.info-page{padding:80px 16px 30px}.info-page .info-header h1{font-size:26px}.info-page .info-header .header-icon{font-size:30px}.info-page .info-content{padding:24px 16px}.info-page .info-cards-grid{grid-template-columns:1fr}.info-page .empty-info{padding:40px 10px}.info-page .empty-info .empty-icon{font-size:52px}.info-page .empty-info h3{font-size:18px}.info-page .form-row{grid-template-columns:1fr}.info-page .modal-content{max-height:85vh}}.info-page .buyin-search-container{margin-bottom:20px}.info-page .buyin-search-input{width:100%;max-width:400px;padding:12px 16px;font-size:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:all .2s ease}.info-page .buyin-search-input:focus{outline:none;border-color:var(--color-danger-strong);box-shadow:0 0 0 2px rgba(var(--color-danger-rgb),.2)}.info-page .buyin-search-input::placeholder{color:var(--color-text-faint)}.info-page .buyin-description-box{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:var(--color-danger-a15);border:1px solid var(--color-danger-a15);border-radius:var(--radius-md);margin-bottom:20px}.info-page .buyin-description-icon{font-size:24px;flex-shrink:0;color:var(--color-danger);display:inline-flex;align-items:center}.info-page .buyin-description-content h4{margin:0 0 6px;color:var(--color-text);font-size:15px;font-weight:600}.info-page .buyin-description-content p{margin:0;color:var(--color-text-muted);font-size:13px;line-height:1.5}.info-page .buyin-contact-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--color-success);color:var(--color-on-primary);font-size:14px;font-weight:600;border-radius:var(--radius-sm);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.info-page .buyin-contact-btn:hover{background:#3fc06a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-success-rgb),.3)}.info-page .buyin-table-container{overflow-x:auto;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.info-page .buyin-table{width:100%;border-collapse:collapse;font-size:14px}.info-page .buyin-table thead{background:var(--color-surface-2);position:sticky;top:0}.info-page .buyin-table th{padding:14px 16px;text-align:left;font-weight:600;color:var(--color-text-dim);text-transform:uppercase;font-size:12px;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.info-page .buyin-table td{padding:12px 16px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.info-page .buyin-table tbody tr:hover{background:rgba(var(--color-danger-rgb),.05)}.info-page .buyin-table .brand-cell{font-weight:600;color:var(--color-danger)}.info-page .buyin-table .name-cell{color:var(--color-text)}.info-page .buyin-table .condition-cell{color:var(--color-text-muted);font-style:italic}.info-page .buyin-table .price-cell{font-weight:600;color:var(--color-success);text-align:right}.info-page .buyin-table th:last-child{text-align:right}.info-page .buyin-table .product-row.expandable{cursor:pointer}.info-page .buyin-table .product-row.expandable:hover{background:rgba(var(--color-danger-rgb),.1)}.info-page .buyin-table .product-row.expanded{background:rgba(var(--color-danger-rgb),.05)}.info-page .buyin-table .expand-icon{margin-right:8px;font-size:10px;color:var(--color-text-muted)}.info-page .buyin-table .condition-count{margin-left:8px;font-size:12px;color:var(--color-text-faint);font-weight:400}.info-page .buyin-table .condition-badge{display:inline-block;padding:2px 8px;margin-left:8px;border-radius:var(--radius-md);font-size:11px;font-weight:500;background:rgba(var(--color-white-rgb),.1);color:var(--color-text-muted)}.info-page .buyin-table .condition-badge.new{background:var(--color-success-a15);color:var(--color-success)}.info-page .buyin-table .condition-badge.like-new{background:var(--color-info-a15);color:var(--color-info)}.info-page .buyin-table .condition-badge.used{background:var(--color-warning-a15);color:var(--color-warning)}.info-page .buyin-table .condition-badge.fair{background:var(--color-secondary-a25);color:var(--color-secondary)}.info-page .buyin-table .condition-row{background:rgba(var(--color-black-rgb),.2)}.info-page .buyin-table .condition-row td{padding-left:32px;font-size:13px}.info-page .buyin-table .condition-detail{padding-left:40px!important}@media (max-width: 600px){.info-page .buyin-table th,.info-page .buyin-table td{padding:10px 12px;font-size:13px}.info-page .buyin-search-input{max-width:100%}}.rental-page-wrapper{background:transparent;min-height:100vh}.rental-page-wrapper .rental-page{max-width:820px;margin:0 auto;padding:var(--space-8) var(--space-4) 100px;color:var(--color-text)}.rental-page-wrapper .rental-page__title{font-size:30px;font-weight:var(--font-bold);text-align:center;margin:0 0 var(--space-8);letter-spacing:1px;color:var(--color-primary);text-shadow:0 2px 0 rgba(var(--color-black-rgb),1)}.rental-page-wrapper .rental-section{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-md);transition:transform .15s ease,box-shadow .15s ease}.rental-page-wrapper .rental-section:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(var(--color-primary-rgb),.15)}.rental-page-wrapper .rental-section__heading{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:var(--font-bold);margin:0 0 var(--space-4);color:var(--color-primary);flex-wrap:wrap}.rental-page-wrapper .rental-section__icon{display:inline-flex;align-items:center;justify-content:center}.rental-page-wrapper .rental-section__discount{margin-left:auto;background:var(--color-primary);color:var(--color-on-primary);font-size:13px;font-weight:var(--font-bold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);letter-spacing:.5px;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.rental-page-wrapper .rental-section__list{margin:0;padding:0;list-style:none;line-height:1.7;color:var(--color-text-muted);font-size:15px}.rental-page-wrapper .rental-section__list li{position:relative;padding-left:var(--space-5);margin-bottom:6px}.rental-page-wrapper .rental-section__list li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:var(--color-primary);border-radius:2px;transform:rotate(45deg)}.rental-page-wrapper .rental-damage{border-left-color:var(--color-danger);background:var(--color-surface-2)}.rental-page-wrapper .rental-damage .rental-section__heading{color:var(--color-danger)}.rental-page-wrapper .rental-damage .rental-section__list li:before{background:var(--color-danger)}.rental-page-wrapper .rental-notes{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:14px;line-height:1.7;font-weight:var(--font-bold);box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.2)}.rental-page-wrapper .rental-notes p{margin:0 0 6px;color:var(--color-on-primary)}.rental-page-wrapper .rental-notes p:last-child{margin:0}@media (max-width: 480px){.rental-page-wrapper .rental-page{padding:var(--space-5) var(--space-3) 80px}.rental-page-wrapper .rental-page__title{font-size:24px}.rental-page-wrapper .rental-section{padding:var(--space-4)}.rental-page-wrapper .rental-section__heading{font-size:16px}.rental-page-wrapper .rental-section__list{font-size:14px}}.buy-in-page{min-height:100vh;padding:var(--space-5);padding-top:80px}.buy-in-page .buy-in-container{max-width:1400px;margin:0 auto}.buy-in-page .buy-in-header{text-align:center;margin-bottom:var(--space-8)}.buy-in-page .buy-in-header h1{font-size:2.5rem;color:var(--color-text);margin-bottom:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.buy-in-page .buy-in-header .header-icon{display:inline-flex;align-items:center;color:var(--color-primary)}.buy-in-page .buy-in-header .header-subtitle{color:var(--color-text-muted);font-size:1.1rem;margin:0}.buy-in-page .buy-in-filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.buy-in-page .buy-in-filters .search-box{flex:1;min-width:250px}.buy-in-page .buy-in-filters .search-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem}.buy-in-page .buy-in-filters .search-input::placeholder{color:var(--color-text-faint)}.buy-in-page .buy-in-filters .filter-selects{display:flex;gap:var(--space-2)}.buy-in-page .buy-in-filters .filter-select{padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.9rem;cursor:pointer;min-width:150px}.buy-in-page .buy-in-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.buy-in-page .buy-in-stats .stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center}.buy-in-page .buy-in-stats .stat-card h3{font-size:1.5rem;color:var(--color-text);margin:0 0 var(--space-1) 0}.buy-in-page .buy-in-stats .stat-card p{color:var(--color-text-muted);margin:0;font-size:.9rem}.buy-in-page .buy-in-stats .stat-card.profit h3{color:var(--color-success)}.buy-in-page .buy-in-content{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.buy-in-page .table-container{overflow-x:auto}.buy-in-page .buy-in-table{width:100%;border-collapse:collapse}.buy-in-page .buy-in-table th{background:var(--color-bg);color:var(--color-text-muted);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--color-border)}.buy-in-page .buy-in-table th.price-col{text-align:right}.buy-in-page .buy-in-table th.center-col{text-align:center;width:60px}.buy-in-page .buy-in-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.95rem}.buy-in-page .buy-in-table tbody tr:hover{background:var(--color-primary-a10)}.buy-in-page .brand-cell{font-weight:600;color:var(--color-info)}.buy-in-page .name-cell{max-width:300px}.buy-in-page .u-value-cell{text-align:center;font-weight:600;color:var(--color-primary);font-size:.9rem}.buy-in-page .product-row.expandable{cursor:pointer}.buy-in-page .product-row.expandable:hover{background:var(--color-primary-a20)}.buy-in-page .product-row.expanded{background:var(--color-primary-a10)}.buy-in-page .expand-icon{display:inline-flex;align-items:center;margin-right:var(--space-2);color:var(--color-text-dim);transition:transform .2s ease}.buy-in-page .condition-count{margin-left:var(--space-2);font-size:.8rem;color:var(--color-text-dim);font-weight:400}.buy-in-page .condition-badge.inline{margin-left:var(--space-2);vertical-align:middle}.buy-in-page .condition-row{background:var(--color-bg)}.buy-in-page .condition-row:hover{background:var(--color-surface-2)}.buy-in-page .condition-row .name-cell.condition-detail{padding-left:var(--space-10)}.buy-in-page .condition-row .sold-count{display:inline-block;margin-left:var(--space-2)}.buy-in-page .condition-cell{text-align:center}.buy-in-page .condition-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.8rem;font-weight:600;text-transform:capitalize}.buy-in-page .condition-badge.new{background:var(--color-success-a15);color:var(--color-success)}.buy-in-page .condition-badge.like-new{background:var(--color-info-a15);color:var(--color-info)}.buy-in-page .condition-badge.great{background:var(--color-primary-a20);color:var(--color-primary)}.buy-in-page .condition-badge.good{background:var(--color-warning-a15);color:var(--color-warning)}.buy-in-page .condition-badge.used{background:var(--color-danger-a15);color:var(--color-danger)}.buy-in-page .price-cell{text-align:right;font-family:var(--font-mono);font-weight:500}.buy-in-page .price-cell.buy-in{color:var(--color-primary);font-weight:700;font-size:1.05rem;background:var(--color-primary-a10);border-left:3px solid var(--color-primary);border-right:3px solid var(--color-primary)}.buy-in-page .price-cell.selling{color:var(--color-success)}.buy-in-page .price-cell.recent-prices{text-align:left}.buy-in-page .recent-price-tag{display:inline-block;background:var(--color-info-a15);color:var(--color-info);border:1px solid var(--color-info);border-radius:var(--radius-sm);padding:2px 7px;font-size:.8rem;font-weight:600;margin-right:var(--space-1);margin-bottom:2px}.buy-in-page .no-data{color:var(--color-text-faint)}.buy-in-page .sold-count{display:block;font-size:.75rem;color:var(--color-text-dim);font-weight:400}.buy-in-page .margin-percent{display:block;font-size:.7rem;color:var(--color-text-dim);font-weight:400;margin-top:2px}.buy-in-page .margin-percent.positive{color:var(--color-success)}.buy-in-page .margin-percent.negative{color:var(--color-danger)}.buy-in-page .stock-cell{text-align:center}.buy-in-page .stock-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;min-width:32px}.buy-in-page .stock-badge.out-of-stock{background:var(--color-danger-a15);color:var(--color-danger)}.buy-in-page .stock-badge.low-stock{background:var(--color-warning-a15);color:var(--color-warning)}.buy-in-page .stock-badge.normal-stock{background:var(--color-success-a15);color:var(--color-success)}.buy-in-page .stock-badge.overstocked{background:var(--color-info-a15);color:var(--color-info)}.buy-in-page .price-cell.suggested{background:var(--color-primary-a10);color:var(--color-primary);font-weight:600}.buy-in-page th.suggested{background:var(--color-primary-a20)!important;color:var(--color-primary)!important;position:relative}.buy-in-page .toggle-column-btn{background:rgba(var(--color-white-rgb),.1);border:1px solid var(--color-border-2);color:var(--color-primary);padding:2px 6px;border-radius:var(--radius-sm);font-size:.65rem;cursor:pointer;margin-left:var(--space-2);transition:all .2s ease;vertical-align:middle}.buy-in-page .toggle-column-btn:hover{background:var(--color-primary-a30);border-color:var(--color-primary)}.buy-in-page .adjustment-badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.buy-in-page .adjustment-badge.positive{background:var(--color-warning-a15);color:var(--color-warning)}.buy-in-page .adjustment-badge.negative{background:var(--color-success-a15);color:var(--color-success)}.buy-in-page .adjustment-badge.neutral{background:var(--color-surface-3);color:var(--color-text-muted)}.buy-in-page .loading-state{text-align:center;padding:60px var(--space-5);color:var(--color-text-muted)}.buy-in-page .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-circle);animation:spin 1s linear infinite;margin:0 auto var(--space-5)}.buy-in-page .empty-state{text-align:center;padding:var(--space-10) var(--space-5);color:var(--color-text-muted)}@media (max-width: 768px){.buy-in-page .buy-in-stats{grid-template-columns:repeat(2,1fr)}.buy-in-page .buy-in-filters{flex-direction:column}.buy-in-page .buy-in-filters .filter-selects{width:100%}.buy-in-page .buy-in-filters .filter-select{flex:1}}.public-string-config-page{min-height:100vh;background:transparent;padding:var(--space-10) var(--space-5)}.public-string-config-page .form-container{max-width:700px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg)}.public-string-config-page .form-header{text-align:center;margin-bottom:var(--space-8)}.public-string-config-page .form-header h1{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-size:var(--text-3xl);margin-bottom:var(--space-2)}.public-string-config-page .form-header p{color:var(--color-text-dim);font-size:var(--text-base)}.public-string-config-page .error-message{background:var(--color-danger-a15);border:1px solid var(--color-danger);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-5);text-align:center}.public-string-config-page .rate-limit-error{background:var(--color-warning-a15);border:1px solid var(--color-warning);color:var(--color-warning);padding:var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-5);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.public-string-config-page .rate-limit-icon{display:inline-flex}.public-string-config-page .honeypot-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.public-string-config-page .form-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.public-string-config-page .form-section:last-of-type{border-bottom:none}.public-string-config-page .section-title{color:var(--color-primary);font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:var(--font-medium)}.public-string-config-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.public-string-config-page .form-row.three-col{grid-template-columns:1fr 1fr 1fr}.public-string-config-page .form-row:last-child{margin-bottom:0}.public-string-config-page .form-group{display:flex;flex-direction:column}.public-string-config-page .form-group.full-width{grid-column:1 / -1}.public-string-config-page .form-group label{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-1);font-weight:var(--font-medium)}.public-string-config-page .form-group input,.public-string-config-page .form-group select,.public-string-config-page .form-group textarea{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);transition:var(--transition-fast)}.public-string-config-page .form-group input:focus,.public-string-config-page .form-group select:focus,.public-string-config-page .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-a10)}.public-string-config-page .form-group input::placeholder,.public-string-config-page .form-group textarea::placeholder{color:var(--color-text-faint)}.public-string-config-page .form-group select{cursor:pointer}.public-string-config-page .form-group textarea{resize:vertical;min-height:80px}.public-string-config-page .same-checkbox{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.public-string-config-page .same-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.public-string-config-page .form-actions{margin-top:var(--space-8)}.public-string-config-page .submit-btn{width:100%;background:var(--color-primary);color:var(--color-on-primary);border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-fast)}.public-string-config-page .submit-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.public-string-config-page .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.public-string-config-page .form-footer{margin-top:var(--space-6);text-align:center;padding-top:var(--space-5);border-top:1px solid var(--color-border)}.public-string-config-page .form-footer p{color:var(--color-text-dim);font-size:var(--text-sm)}.public-string-config-page .form-footer a{color:var(--color-primary);text-decoration:none}.public-string-config-page .form-footer a:hover{text-decoration:underline}.public-string-config-page .success-container{max-width:500px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-8);text-align:center;box-shadow:var(--shadow-lg)}.public-string-config-page .success-icon{color:var(--color-success);margin-bottom:var(--space-5);display:inline-flex}.public-string-config-page .success-container h1{color:var(--color-success);font-size:var(--text-2xl);margin-bottom:var(--space-3)}.public-string-config-page .success-message{color:var(--color-text-dim);font-size:var(--text-base);margin-bottom:var(--space-6)}.public-string-config-page .success-details{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-6)}.public-string-config-page .success-details p{color:var(--color-text-muted);margin:var(--space-2) 0}.public-string-config-page .success-details strong{color:var(--color-primary)}.public-string-config-page .share-link-box{background:var(--color-info-a15);border:1px solid var(--color-info);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-6);text-align:left}.public-string-config-page .share-link-box h3{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-info);font-size:var(--text-lg);margin:0 0 var(--space-2) 0}.public-string-config-page .share-link-box .share-description{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-4) 0}.public-string-config-page .share-link-input-group{display:flex;gap:var(--space-2)}.public-string-config-page .share-link-input{flex:1;background:var(--color-surface-2);border:1px solid var(--color-border-2);color:var(--color-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-mono)}.public-string-config-page .share-link-input:focus{outline:none;border-color:var(--color-info)}.public-string-config-page .copy-link-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-info);color:var(--color-on-primary);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.public-string-config-page .copy-link-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.public-string-config-page .copy-link-btn.copied{background:var(--color-success)}.public-string-config-page .submit-another-btn{background:var(--color-primary);color:var(--color-on-primary);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast)}.public-string-config-page .submit-another-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}@media (max-width: 600px){.public-string-config-page{padding:var(--space-5) var(--space-3)}.public-string-config-page .form-container{padding:var(--space-6) var(--space-4)}.public-string-config-page .form-header h1{font-size:var(--text-2xl)}.public-string-config-page .form-row,.public-string-config-page .form-row.three-col{grid-template-columns:1fr}.public-string-config-page .form-group.full-width{grid-column:1}.public-string-config-page .success-container{padding:var(--space-8) var(--space-5)}.public-string-config-page .success-icon{margin-bottom:var(--space-4)}.public-string-config-page .success-container h1{font-size:var(--text-xl)}}.config-detail-page{min-height:100vh;background:transparent;padding:var(--space-6)}.config-detail-page .config-detail-container{max-width:800px;margin:0 auto}.config-detail-page .breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--text-sm)}.config-detail-page .breadcrumb a{color:var(--color-info);text-decoration:none;transition:var(--transition-fast)}.config-detail-page .breadcrumb a:hover{color:var(--color-info);text-decoration:underline}.config-detail-page .breadcrumb .separator{color:var(--color-text-dim)}.config-detail-page .breadcrumb .current{color:var(--color-text-muted)}.config-detail-page .loading-state,.config-detail-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px var(--space-6);text-align:center}.config-detail-page .loading-state .spinner{width:48px;height:48px;border:3px solid var(--color-primary-a20);border-top-color:var(--color-primary);border-radius:var(--radius-circle);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.config-detail-page .error-state .error-icon{color:var(--color-text-dim);margin-bottom:var(--space-4);display:inline-flex}.config-detail-page .error-state h2{font-size:var(--text-2xl);color:var(--color-text);margin:0 0 var(--space-2) 0}.config-detail-page .error-state p{color:var(--color-text-muted);margin:0 0 var(--space-6) 0}.config-detail-page .error-actions .back-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-on-primary);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast)}.config-detail-page .error-actions .back-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.config-detail-page .config-detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.config-detail-page .config-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--color-primary-a10);border-bottom:1px solid var(--color-primary-a20)}.config-detail-page .header-info h1{font-size:var(--text-2xl);color:var(--color-primary);margin:0 0 var(--space-3) 0}.config-detail-page .meta-info{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.config-detail-page .meta-info .owner,.config-detail-page .meta-info .date{display:inline-flex;align-items:center;gap:var(--space-1)}.config-detail-page .meta-info .owner strong{color:var(--color-text)}.config-detail-page .share-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border-2);color:var(--color-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.config-detail-page .share-btn:hover{background:var(--color-primary-a20);border-color:var(--color-primary-a40);color:var(--color-primary)}.config-detail-page .config-description{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.config-detail-page .config-description p{margin:0;color:var(--color-text-muted);font-size:var(--text-base);line-height:1.6}.config-detail-page .config-racket-model{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.config-detail-page .config-racket-model .racket-model-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.config-detail-page .config-racket-model .racket-model-name{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-medium)}.config-detail-page .config-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--color-border)}.config-detail-page .spec-section{background:var(--color-surface);padding:var(--space-5) var(--space-6)}.config-detail-page .spec-section h3{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4) 0;text-transform:uppercase;letter-spacing:.5px}.config-detail-page .spec-items{display:flex;flex-direction:column;gap:var(--space-3)}.config-detail-page .spec-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.config-detail-page .spec-item .spec-label{font-size:var(--text-sm);color:var(--color-text-muted)}.config-detail-page .spec-item .spec-value{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-medium);text-align:right}.config-detail-page .spec-item .spec-value.highlight{color:var(--color-primary);font-size:var(--text-lg);font-weight:var(--font-bold)}.config-detail-page .spec-item.empty .spec-value{color:var(--color-text-dim)}.config-detail-page .config-cta{padding:var(--space-6);background:var(--color-primary-a10);border-top:1px solid var(--color-primary-a20);text-align:center}.config-detail-page .config-cta p{margin:0 0 var(--space-4) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.config-detail-page .cta-buttons{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.config-detail-page .cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:var(--transition-fast)}.config-detail-page .cta-btn.primary{background:var(--color-primary);color:var(--color-on-primary)}.config-detail-page .cta-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.config-detail-page .cta-btn.secondary{background:var(--color-surface-2);border:1px solid var(--color-border-2);color:var(--color-text)}.config-detail-page .cta-btn.secondary:hover{background:var(--color-surface-3);border-color:var(--color-border-3)}@media (max-width: 640px){.config-detail-page{padding:var(--space-4)}.config-detail-page .config-detail-header{flex-direction:column;gap:var(--space-4)}.config-detail-page .header-info h1{font-size:var(--text-xl)}.config-detail-page .meta-info{flex-direction:column;gap:var(--space-2)}.config-detail-page .share-btn{width:100%;justify-content:center}.config-detail-page .config-specs-grid{grid-template-columns:1fr}.config-detail-page .spec-section{padding:var(--space-4) var(--space-5)}.config-detail-page .cta-buttons{flex-direction:column}.config-detail-page .cta-btn{width:100%;justify-content:center}}.consigner-portal{min-height:100vh;background:transparent;color:var(--color-text)}.consigner-portal .cp-login-container{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:var(--space-5)}.consigner-portal .cp-login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.consigner-portal .cp-login-header{text-align:center;margin-bottom:var(--space-8)}.consigner-portal .cp-login-header h1{font-size:1.8rem;margin:0 0 var(--space-2);color:var(--color-primary)}.consigner-portal .cp-login-header p{color:var(--color-text-muted);margin:0;font-size:.95rem}.consigner-portal .cp-login-form{display:flex;flex-direction:column;gap:var(--space-5)}.consigner-portal .cp-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.consigner-portal .cp-form-group label{font-size:.9rem;color:var(--color-text-muted);font-weight:var(--font-medium)}.consigner-portal .cp-form-group input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-2);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font-size:1rem;transition:border-color .2s}.consigner-portal .cp-form-group input:focus{outline:none;border-color:var(--color-primary)}.consigner-portal .cp-error{background:var(--color-danger-a15);color:var(--color-danger);padding:10px var(--space-3);border-radius:var(--radius-sm);font-size:.9rem;text-align:center}.consigner-portal .cp-login-btn{padding:var(--space-3);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:var(--font-medium);cursor:pointer;transition:opacity .2s}.consigner-portal .cp-login-btn:hover{opacity:.9}.consigner-portal .cp-login-btn:disabled{opacity:.5;cursor:not-allowed}.consigner-portal .cp-dashboard{max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-5)}.consigner-portal .cp-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.consigner-portal .cp-header-left h1{margin:0;font-size:1.5rem}.consigner-portal .cp-phone-display{color:var(--color-text-muted);font-size:.9rem}.consigner-portal .cp-logout-btn{padding:var(--space-2) var(--space-5);background:transparent;border:1px solid var(--color-border-2);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:all .2s}.consigner-portal .cp-logout-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.consigner-portal .cp-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.consigner-portal .cp-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.consigner-portal .cp-stat-value{font-size:1.8rem;font-weight:var(--font-bold);color:var(--color-primary)}.consigner-portal .cp-stat-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.consigner-portal .cp-success-msg{background:var(--color-success-a15);color:var(--color-success);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);text-align:center;font-weight:var(--font-medium)}.consigner-portal .cp-error-msg{background:var(--color-danger-a15);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);text-align:center;font-weight:var(--font-medium)}.consigner-portal .cp-empty{text-align:center;padding:60px var(--space-5);color:var(--color-text-muted)}.consigner-portal .cp-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.consigner-portal .cp-product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,box-shadow .2s}.consigner-portal .cp-product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.consigner-portal .cp-product-card.paid{border-color:rgba(var(--color-success-rgb),.4)}.consigner-portal .cp-product-image{position:relative;width:100%;height:200px;background:var(--color-surface-2);overflow:hidden}.consigner-portal .cp-product-image img{width:100%;height:100%;object-fit:cover}.consigner-portal .cp-no-image{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-dim);font-size:.9rem}.consigner-portal .cp-status-badge{position:absolute;top:10px;right:10px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:.75rem;font-weight:var(--font-medium);text-transform:uppercase}.consigner-portal .status-available{background:rgba(var(--color-success-rgb),.9);color:var(--color-on-primary)}.consigner-portal .status-reserved{background:var(--color-warning);color:var(--color-on-primary)}.consigner-portal .status-sold{background:var(--color-info);color:var(--color-on-primary)}.consigner-portal .status-unavailable{background:var(--color-text-faint);color:var(--color-text)}.consigner-portal .cp-product-info{padding:var(--space-4) var(--space-4) 0}.consigner-portal .cp-product-id{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-dim);background:var(--color-surface-2);padding:2px var(--space-2);border-radius:var(--radius-sm);display:inline-block;margin-bottom:var(--space-1)}.consigner-portal .cp-product-name{margin:0 0 var(--space-1);font-size:1.1rem;font-weight:var(--font-medium)}.consigner-portal .cp-product-subname{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:.85rem}.consigner-portal .cp-product-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.consigner-portal .cp-product-meta span{background:var(--color-surface-2);padding:2px 10px;border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text-muted)}.consigner-portal .cp-product-date{font-size:.8rem;color:var(--color-text-dim);margin:0}.consigner-portal .cp-price-section{padding:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-3)}.consigner-portal .cp-price-display{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.consigner-portal .cp-price-value{font-size:1.4rem;font-weight:var(--font-bold);color:var(--color-primary)}.consigner-portal .cp-edit-price-btn{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .2s}.consigner-portal .cp-edit-price-btn:hover{background:var(--color-primary);color:var(--color-on-primary)}.consigner-portal .cp-price-edit{display:flex;flex-direction:column;gap:10px}.consigner-portal .cp-price-input-group{display:flex;align-items:center;gap:var(--space-1);background:var(--color-surface-2);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3)}.consigner-portal .cp-currency{font-size:1.1rem;font-weight:var(--font-medium);color:var(--color-primary)}.consigner-portal .cp-price-input-group input{flex:1;padding:10px var(--space-1);border:none;background:transparent;color:var(--color-text);font-size:1.1rem;font-weight:var(--font-medium);outline:none}.consigner-portal .cp-price-input-group input::-webkit-inner-spin-button,.consigner-portal .cp-price-input-group input::-webkit-outer-spin-button{-webkit-appearance:none}.consigner-portal .cp-price-actions{display:flex;gap:var(--space-2)}.consigner-portal .cp-save-btn{flex:1;padding:10px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);font-weight:var(--font-medium);cursor:pointer;transition:opacity .2s}.consigner-portal .cp-save-btn:hover{opacity:.9}.consigner-portal .cp-save-btn:disabled{opacity:.5;cursor:not-allowed}.consigner-portal .cp-cancel-btn{flex:1;padding:10px;background:transparent;border:1px solid var(--color-border-2);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.consigner-portal .cp-cancel-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.consigner-portal .cp-paid-badge{display:flex;align-items:center;gap:10px;background:var(--color-success-a15);border:1px solid rgba(var(--color-success-rgb),.3);border-radius:var(--radius-md);padding:var(--space-3)}.consigner-portal .cp-paid-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-success);color:var(--color-on-primary);border-radius:var(--radius-circle);font-size:1rem;font-weight:700;flex-shrink:0}.consigner-portal .cp-paid-badge>div{display:flex;flex-direction:column;gap:2px}.consigner-portal .cp-paid-label{font-size:.8rem;color:var(--color-success);text-transform:uppercase;font-weight:var(--font-medium);letter-spacing:.5px}.consigner-portal .cp-paid-amount{font-size:1.2rem;font-weight:var(--font-bold);color:var(--color-success)}.consigner-portal .cp-paid-date{font-size:.75rem;color:var(--color-text-muted)}@media (max-width: 768px){.consigner-portal .cp-stats-row{grid-template-columns:repeat(2,1fr)}.consigner-portal .cp-products-grid{grid-template-columns:1fr}.consigner-portal .cp-dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.consigner-portal .cp-login-card{padding:var(--space-8) var(--space-5)}}@media (max-width: 480px){.consigner-portal .cp-stats-row{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.consigner-portal .cp-stat-card{padding:var(--space-3)}.consigner-portal .cp-stat-value{font-size:1.4rem}}.marketplace.marketplace-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh}.marketplace .marketplace-title{text-align:center;color:var(--color-primary);font-size:2.2rem;font-weight:700;margin:10px 0 5px}.marketplace .marketplace-subtitle{text-align:center;color:var(--color-text-dim);font-size:1rem;margin:0 0 25px}.marketplace .mp-disclaimer{background:var(--color-danger-a15);border:1px solid var(--color-danger);border-radius:var(--radius-sm);padding:14px 18px;margin-bottom:20px;color:var(--color-danger);font-size:.9rem;line-height:1.6}.marketplace .mp-disclaimer strong{color:var(--color-danger-strong)}.marketplace .mp-disclaimer a{color:var(--color-info);text-decoration:underline}.marketplace.mp-disclaimer-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.marketplace .mp-disclaimer-modal{background:linear-gradient(145deg,var(--color-surface-2),var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.marketplace .mp-disclaimer-title{font-size:1.15rem;font-weight:700;color:var(--color-primary);padding:20px 24px 16px;border-bottom:1px solid var(--color-border);margin:0}.marketplace .mp-disclaimer-content{padding:16px 24px;overflow-y:auto;flex:1;color:var(--color-text-muted);font-size:.88rem;line-height:1.8}.marketplace .mp-disclaimer-content p{margin:0 0 12px}.marketplace .mp-disclaimer-content strong{color:var(--color-text);font-size:.92rem}.marketplace .mp-disclaimer-accept-btn{margin:16px 24px 20px;padding:12px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.marketplace .mp-disclaimer-accept-btn:hover{background:var(--color-primary-hover)}.marketplace .marketplace-actions{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.marketplace .marketplace-login-prompt{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:15px 20px;width:100%;text-align:center}.marketplace .marketplace-login-prompt p{color:var(--color-text-muted);margin:0}.marketplace .mp-btn{padding:10px 20px;border:2px solid transparent;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.marketplace .mp-btn-label{display:inline-flex;align-items:center;gap:.35rem}.marketplace .mp-btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.marketplace .mp-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.marketplace .mp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.marketplace .mp-btn-secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.marketplace .mp-btn-secondary:hover{background:var(--color-primary);color:var(--color-on-primary)}.marketplace .mp-btn-active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.marketplace .mp-btn-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.marketplace .mp-btn-danger:hover{background:var(--color-danger);color:var(--color-text)}.marketplace .mp-btn-sm{padding:5px 12px;font-size:.8rem}.marketplace .mp-error{background:var(--color-danger-a15);color:var(--color-primary);padding:12px 16px;border:1px solid var(--color-danger);border-radius:var(--radius-sm);margin-bottom:20px;text-align:center}.marketplace .mp-loading,.marketplace .mp-empty{text-align:center;padding:60px 20px;color:var(--color-text-dim);font-size:1.1rem}.marketplace .mp-create-form{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:25px;margin-bottom:30px}.marketplace .mp-create-form h2{color:var(--color-primary);margin:0 0 20px;font-size:1.3rem}.marketplace .mp-form-group{margin-bottom:16px}.marketplace .mp-form-group label{display:block;color:var(--color-primary);font-weight:600;font-size:.9rem;margin-bottom:6px}.marketplace .mp-form-group input[type=text],.marketplace .mp-form-group input[type=number],.marketplace .mp-form-group select,.marketplace .mp-form-group textarea{width:100%;padding:10px 14px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);font-size:.95rem;transition:border-color .2s;box-sizing:border-box}.marketplace .mp-form-group input:focus,.marketplace .mp-form-group select:focus,.marketplace .mp-form-group textarea:focus{outline:none;border-color:var(--color-primary)}.marketplace .mp-form-group textarea{resize:vertical}.marketplace .mp-input-disabled{background:var(--color-bg)!important;color:var(--color-text-faint)!important;cursor:not-allowed;font-style:italic}.marketplace .mp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.marketplace .mp-checkbox-group{display:flex;align-items:center}.marketplace .mp-checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-text-muted);font-size:.9rem}.marketplace .mp-checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.marketplace .mp-model-search{position:relative}.marketplace .mp-model-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-surface-2);border:2px solid var(--color-primary);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);max-height:250px;overflow-y:auto;z-index:100}.marketplace .mp-model-option{padding:10px 14px;cursor:pointer;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background .15s}.marketplace .mp-model-option:hover{background:var(--color-surface-3)}.marketplace .mp-model-option:last-child{border-bottom:none}.marketplace .mp-sub-model{color:var(--color-text-dim);font-size:.85rem}.marketplace .mp-image-previews{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.marketplace .mp-image-preview-item{position:relative;width:100px;height:100px}.marketplace .mp-image-preview-item img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--color-border)}.marketplace .mp-image-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:var(--radius-circle);border:none;background:var(--color-danger-strong);color:var(--color-text);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.marketplace .mp-image-remove:hover{background:var(--color-danger)}.marketplace .mp-image-count{position:absolute;bottom:6px;right:6px;background:rgba(var(--color-black-rgb),.7);color:var(--color-text);font-size:12px;padding:3px 8px;border-radius:var(--radius-md);pointer-events:none;display:inline-flex;align-items:center;gap:.35rem}.marketplace .mp-form-actions{display:flex;gap:12px;margin-top:20px}.marketplace .mp-section-title{color:var(--color-primary);font-size:1rem;font-weight:600;margin:20px 0 10px;padding-top:15px;border-top:1px solid var(--color-border)}.marketplace .mp-u-calc{font-size:.8rem;color:var(--color-primary);margin-top:4px;padding:3px 8px;background:var(--color-primary-a10);border-radius:var(--radius-sm);display:inline-block}.marketplace .mp-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.marketplace .mp-product-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.marketplace .mp-product-card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.15)}.marketplace .mp-product-image{position:relative;height:220px;background:var(--color-bg);overflow:hidden}.marketplace .mp-product-image img{width:100%;height:100%;object-fit:cover}.marketplace .mp-product-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:4rem;color:var(--color-text-faint)}.marketplace .mp-condition-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:var(--radius-xl);font-size:.75rem;font-weight:700;text-transform:uppercase}.marketplace .mp-condition-new{background:var(--color-primary);color:var(--color-on-primary)}.marketplace .mp-condition-like-new,.marketplace .mp-condition-great{background:var(--color-success);color:var(--color-on-primary)}.marketplace .mp-condition-good{background:var(--color-warning);color:var(--color-on-primary)}.marketplace .mp-condition-used{background:var(--color-surface-4);color:var(--color-text)}.marketplace .mp-condition-pending{background:var(--color-warning);color:var(--color-on-primary)}.marketplace .mp-product-info{padding:15px}.marketplace .mp-product-name{color:var(--color-primary);font-size:1.1rem;font-weight:700;margin:0 0 8px}.marketplace .mp-product-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.marketplace .mp-product-specs span{background:var(--color-surface-2);color:var(--color-text-muted);padding:3px 8px;border-radius:var(--radius-sm);font-size:.8rem}.marketplace .mp-product-desc{color:var(--color-text-dim);font-size:.85rem;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.marketplace .mp-product-contact{color:var(--color-info);font-size:.85rem;margin:0 0 10px}.marketplace .mp-inline-icon{display:inline-flex;align-items:center;gap:.35rem}.marketplace .mp-product-footer{display:flex;justify-content:space-between;align-items:center}.marketplace .mp-product-price{color:var(--color-primary);font-size:1.2rem;font-weight:700}.marketplace .mp-product-seller{color:var(--color-text-faint);font-size:.8rem}.marketplace .mp-product-location{color:var(--color-text-dim);font-size:.8rem}.marketplace .mp-product-status-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.marketplace .mp-status{padding:3px 10px;border-radius:var(--radius-md);font-size:.75rem;font-weight:700}.marketplace .mp-status-active{background:var(--color-success);color:var(--color-on-primary)}.marketplace .mp-status-sold{background:var(--color-info);color:var(--color-on-primary)}.marketplace .mp-status-cancelled{background:var(--color-danger);color:var(--color-text)}.marketplace .mp-status-pending{background:var(--color-warning);color:var(--color-on-primary)}.marketplace .mp-status-rejected{background:var(--color-danger-strong);color:var(--color-text)}.marketplace .mp-rejection-reason{margin-top:8px;padding:8px 10px;background:var(--color-danger-a15);border:1px solid rgba(var(--color-danger-rgb),.3);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.82rem;line-height:1.4}.marketplace .mp-rejection-reason strong{color:var(--color-danger-strong)}@media (max-width: 768px){.marketplace.marketplace-container{padding:15px}.marketplace .marketplace-title{font-size:1.7rem}.marketplace .mp-create-form{padding:18px}.marketplace .mp-form-row,.marketplace .mp-product-grid{grid-template-columns:1fr}.marketplace .mp-product-image{height:200px}}@media (max-width: 480px){.marketplace .marketplace-title{font-size:1.4rem}.marketplace .marketplace-actions,.marketplace .mp-form-actions{flex-direction:column}}.marketplace .mp-product-image-clickable{cursor:pointer}.marketplace .mp-product-image-clickable:after{content:"";position:absolute;inset:0;background:rgba(var(--color-primary-rgb),0);transition:background .2s ease}.marketplace .mp-product-image-clickable:hover:after{background:rgba(var(--color-primary-rgb),.08)}.marketplace.mp-lightbox-overlay{position:fixed;inset:0;background:rgba(var(--color-black-rgb),.92);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.marketplace .mp-lightbox{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:860px;width:100%;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}.marketplace .mp-lightbox-close{position:absolute;top:10px;right:12px;background:rgba(var(--color-black-rgb),.6);border:none;color:var(--color-text);font-size:1.2rem;width:32px;height:32px;border-radius:var(--radius-circle);cursor:pointer;z-index:10;line-height:1;display:flex;align-items:center;justify-content:center}.marketplace .mp-lightbox-close:hover{background:var(--color-surface-4)}.marketplace .mp-lightbox-title{padding:14px 50px 10px 16px;font-size:1rem;font-weight:600;color:var(--color-primary);border-bottom:1px solid var(--color-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketplace .mp-lightbox-main{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg);min-height:0}.marketplace .mp-lightbox-img{max-width:100%;max-height:60vh;object-fit:contain;display:block}.marketplace .mp-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(var(--color-black-rgb),.55);border:1px solid var(--color-border-3);color:var(--color-text);font-size:2rem;width:44px;height:44px;border-radius:var(--radius-circle);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;line-height:1}.marketplace .mp-lightbox-nav:hover{background:rgba(var(--color-primary-rgb),.25);border-color:var(--color-primary)}.marketplace .mp-lightbox-prev{left:10px}.marketplace .mp-lightbox-next{right:10px}.marketplace .mp-lightbox-thumbs{display:flex;gap:8px;padding:10px 14px;overflow-x:auto;background:var(--color-bg);border-top:1px solid var(--color-border)}.marketplace .mp-lightbox-thumb{width:62px;height:62px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;flex-shrink:0;opacity:.65;transition:all .15s ease}.marketplace .mp-lightbox-thumb:hover{opacity:1;border-color:var(--color-border-3)}.marketplace .mp-lightbox-thumb-active{border-color:var(--color-primary);opacity:1}.marketplace .mp-lightbox-counter{text-align:center;padding:6px;font-size:.8rem;color:var(--color-text-faint);background:var(--color-bg)}@media (max-width: 600px){.marketplace .mp-lightbox-img{max-height:50vh}.marketplace .mp-lightbox-thumb{width:50px;height:50px}}.mpa-container{max-width:1000px;margin:0 auto;padding:24px}.mpa-title{color:#fff;margin:0 0 20px;font-size:1.5rem}.mpa-filters{display:flex;gap:8px;margin-bottom:20px}.mpa-filter-btn{padding:8px 16px;border:1px solid #333;background:#1a1a1a;color:#aaa;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:6px}.mpa-filter-btn.active{background:#dc2626;border-color:#dc2626;color:#fff}.mpa-badge{background:#fff;color:#dc2626;font-size:.75rem;padding:1px 7px;border-radius:10px;font-weight:700}.mpa-loading,.mpa-empty{text-align:center;color:#888;padding:40px;font-size:1rem}.mpa-list{display:flex;flex-direction:column;gap:16px}.mpa-card{display:flex;gap:16px;background:#111;border:1px solid #222;border-radius:10px;padding:16px;align-items:flex-start}.mpa-card.mpa-status-pending{border-color:#f59e0b}.mpa-card.mpa-status-rejected{border-color:#ef4444;opacity:.7}.mpa-card.mpa-status-active{border-color:#22c55e}.mpa-card-images{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0;width:120px}.mpa-thumb{width:54px;height:54px;object-fit:cover;border-radius:6px;border:1px solid #333;cursor:pointer;transition:transform .15s}.mpa-thumb:hover{transform:scale(1.1)}.mpa-no-image{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:6px;font-size:1.5rem}.mpa-card-info{flex:1;min-width:0}.mpa-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mpa-card-name{margin:0;color:#fff;font-size:1.05rem;font-weight:600}.mpa-status-badge{padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.mpa-st-pending{background:#f59e0b;color:#000}.mpa-st-active{background:#22c55e;color:#fff}.mpa-st-sold{background:#6b7280;color:#fff}.mpa-st-cancelled{background:#555;color:#ccc}.mpa-st-rejected{background:#ef4444;color:#fff}.mpa-card-meta{display:flex;flex-wrap:wrap;gap:12px;color:#aaa;font-size:.85rem;margin-bottom:6px}.mpa-card-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.mpa-card-specs span{padding:2px 8px;background:#1a1a1a;border:1px solid #333;border-radius:4px;font-size:.8rem;color:#ccc}.mpa-card-desc{color:#888;font-size:.85rem;margin:4px 0;line-height:1.4}.mpa-card-contact{color:#7cb3ff;font-size:.85rem;margin:4px 0}.mpa-card-date{color:#555;font-size:.78rem;margin-top:4px}.mpa-card-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.mpa-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap}.mpa-btn:disabled{opacity:.5;cursor:not-allowed}.mpa-btn-approve{background:#22c55e;color:#fff}.mpa-btn-approve:hover:not(:disabled){background:#16a34a}.mpa-btn-reject{background:#ef4444;color:#fff}.mpa-btn-reject:hover:not(:disabled){background:#dc2626}.mpa-btn-delete{background:#6b7280;color:#fff}.mpa-btn-delete:hover:not(:disabled){background:#991b1b}.mpa-condition-select{display:flex;flex-direction:column;gap:4px;width:100%}.mpa-condition-select label{font-size:.8rem;color:#aaa}.mpa-reject-reason{display:flex;flex-direction:column;gap:6px;width:100%}.mpa-reject-textarea{width:100%;padding:8px 10px;background:#1a1a1a;border:1px solid #ef4444;border-radius:6px;color:#fff;font-size:.85rem;resize:vertical;font-family:inherit}.mpa-reject-textarea::placeholder{color:#666}.mpa-reject-textarea:focus{outline:none;border-color:#f87171}.mpa-rejection-reason{margin-top:6px;padding:8px 10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:.83rem;line-height:1.4}.mpa-rejection-reason strong{color:#ef4444}.mpa-condition-select select{padding:6px 10px;border-radius:6px;border:1px solid #333;background:#1a1a1a;color:#fff;font-size:.85rem}.mpa-lightbox{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.mpa-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}@media (max-width: 600px){.mpa-card{flex-direction:column}.mpa-card-images{width:100%}.mpa-card-actions{flex-direction:row;width:100%}.mpa-btn{flex:1}}.psm-container{padding:2rem;max-width:1400px;margin:0 auto}.psm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.psm-header h1{font-size:2rem;color:gold;margin:0 0 4px;text-shadow:0 0 10px rgba(255,215,0,.3)}.psm-subtitle{color:#888;font-size:.9rem;margin:0}.psm-on-sale-count{color:gold;font-weight:600}.psm-btn{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.psm-btn-primary{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.psm-btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #ffd70080;transform:translateY(-1px)}.psm-btn-secondary{background:#2a2a2a;color:gold;border:1px solid #ffd700}.psm-btn-secondary:hover{background:#ffd7001a}.psm-btn-danger{background:#3a1a1a;color:#ef4444;border:1px solid #ef4444}.psm-btn-danger:hover:not(:disabled){background:#ef444426}.psm-btn:disabled{opacity:.5;cursor:not-allowed}.psm-bulk-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffd70012;border:1px solid rgba(255,215,0,.25);border-radius:10px;margin-bottom:1rem;flex-wrap:wrap}.psm-bulk-count{font-weight:700;color:gold;font-size:.9rem;min-width:80px}.psm-bulk-label{color:#aaa;font-size:.875rem}.psm-bulk-input{width:90px;padding:.45rem .7rem;background:#111;border:1px solid #444;border-radius:6px;color:#fff;font-size:.9rem}.psm-filters{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.psm-search{flex:1;min-width:200px;padding:.6rem .9rem;background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s}.psm-search:focus{border-color:gold}.psm-select{padding:.6rem .9rem;background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;outline:none}.psm-select:focus{border-color:gold}.psm-toggle-label{display:flex;align-items:center;gap:.5rem;color:#aaa;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none}.psm-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;color:#fca5a5;margin-bottom:1rem}.psm-loading,.psm-empty{text-align:center;color:#666;padding:3rem;font-size:1rem}.psm-table-wrap{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #ffd700;border-radius:12px;overflow:hidden;box-shadow:0 0 30px #ffd70026;overflow-x:auto}.psm-table{width:100%;border-collapse:collapse;min-width:700px}.psm-table thead{background:linear-gradient(135deg,gold,#ffed4e)}.psm-table thead th{padding:.8rem 1rem;text-align:left;font-weight:700;color:#000;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.psm-th-right,.psm-td-right{text-align:right!important}.psm-th-check,.psm-td-check{width:40px;text-align:center!important}.psm-table tbody tr{border-bottom:1px solid #222;transition:background .15s}.psm-table tbody tr:hover{background:#ffd7000d}.psm-row-sale{background:#ffd7000a}.psm-row-selected{background:#ffd7001a!important}.psm-table td{padding:.75rem 1rem;font-size:.875rem;color:#ccc}.psm-product-name{font-weight:600;color:#e5e7eb;font-size:.9rem}.psm-product-id{font-size:.75rem;color:#666;margin-top:2px;font-family:monospace}.psm-category-badge{display:inline-block;padding:2px 8px;border-radius:4px;background:#ffd7001f;color:gold;font-size:.75rem;font-weight:600;text-transform:capitalize}.psm-price-cogs{font-weight:500;color:#9ca3af}.psm-price-normal{font-weight:600;color:#e5e7eb}.psm-price-original{font-weight:600;color:#666;text-decoration:line-through}.psm-sale-price-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px}.psm-price-prefix{color:#888;font-size:.8rem}.psm-schedule-cell{display:flex;flex-direction:column;gap:4px}.psm-schedule-field{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#888}.psm-schedule-field>span{width:32px;text-align:right}.psm-schedule-input{padding:.25rem .4rem;background:#111;border:1px solid #333;border-radius:6px;color:#fff;font-size:.75rem;outline:none;transition:border-color .2s;color-scheme:dark}.psm-schedule-input:focus{border-color:gold}.psm-schedule-input:disabled{opacity:.4;cursor:not-allowed}.psm-price-input{width:100px;padding:.35rem .5rem;background:#111;border:1px solid #333;border-radius:6px;color:#fff;font-size:.9rem;text-align:right;outline:none;transition:border-color .2s}.psm-price-input:focus{border-color:gold}.psm-price-input:disabled{opacity:.35;cursor:not-allowed}.psm-discount-badge{display:inline-block;padding:2px 7px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border-radius:4px;font-size:.72rem;font-weight:700;white-space:nowrap}.psm-switch{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.psm-switch input{opacity:0;width:0;height:0}.psm-slider{position:absolute;inset:0;background:#333;border-radius:22px;transition:background .2s}.psm-slider:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#888;border-radius:50%;transition:transform .2s,background .2s}.psm-switch input:checked+.psm-slider{background:#ffd70040}.psm-switch input:checked+.psm-slider:before{transform:translate(18px);background:gold}.psm-save-btn{padding:.35rem .85rem;border-radius:6px;border:1px solid #333;background:#222;color:#666;font-size:.82rem;font-weight:600;cursor:not-allowed;transition:all .2s;white-space:nowrap}.psm-save-btn-dirty{border-color:gold;background:#ffd70026;color:gold;cursor:pointer}.psm-save-btn-dirty:hover{background:#ffd70040}.psm-save-btn-saved{border-color:#22c55e;background:#22c55e26;color:#22c55e;cursor:default}@media (max-width: 768px){.psm-container{padding:1rem}.psm-header{flex-direction:column}.psm-header h1{font-size:1.5rem}.psm-filters{flex-direction:column}.psm-search{min-width:unset;width:100%}}.aucm-container{padding:2rem;max-width:1400px;margin:0 auto}.aucm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.aucm-header h1{font-size:2rem;color:#fb923c;margin:0 0 4px;text-shadow:0 0 10px rgba(251,146,60,.3)}.aucm-subtitle{color:#888;font-size:.9rem;margin:0}.aucm-on-auction-count{color:#fb923c;font-weight:600}.aucm-filters{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.aucm-search{flex:1;min-width:200px;padding:.6rem .9rem;background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s}.aucm-search:focus{border-color:#fb923c}.aucm-select{padding:.6rem .9rem;background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;outline:none}.aucm-select:focus{border-color:#fb923c}.aucm-toggle-label{display:flex;align-items:center;gap:.5rem;color:#aaa;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none}.aucm-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;color:#fca5a5;margin-bottom:1rem}.aucm-loading,.aucm-empty{text-align:center;color:#666;padding:3rem;font-size:1rem}.aucm-table-wrap{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #fb923c;border-radius:12px;overflow:hidden;box-shadow:0 0 30px #fb923c26;overflow-x:auto}.aucm-table{width:100%;border-collapse:collapse;min-width:820px}.aucm-table thead{background:linear-gradient(135deg,#fb923c,#fdba74)}.aucm-table thead th{padding:.8rem 1rem;text-align:left;font-weight:700;color:#000;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.aucm-th-right,.aucm-td-right{text-align:right!important}.aucm-table tbody tr{border-bottom:1px solid #222;transition:background .15s}.aucm-table tbody tr:hover{background:#fb923c0d}.aucm-row-live{background:#fb923c0a}.aucm-table td{padding:.75rem 1rem;font-size:.875rem;color:#ccc}.aucm-product-name{font-weight:600;color:#e5e7eb;font-size:.9rem}.aucm-product-id{font-size:.75rem;color:#666;margin-top:2px;font-family:monospace}.aucm-category-badge{display:inline-block;padding:2px 8px;border-radius:4px;background:#fb923c1f;color:#fb923c;font-size:.75rem;font-weight:600;text-transform:capitalize}.aucm-url-input{width:220px;padding:.35rem .5rem;background:#111;border:1px solid #333;border-radius:6px;color:#fff;font-size:.85rem;outline:none;transition:border-color .2s}.aucm-url-input:focus{border-color:#fb923c}.aucm-url-input:disabled{opacity:.4;cursor:not-allowed}.aucm-schedule-cell{display:flex;flex-direction:column;gap:4px}.aucm-schedule-field{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#888}.aucm-schedule-field>span{width:32px;text-align:right}.aucm-schedule-input{padding:.25rem .4rem;background:#111;border:1px solid #333;border-radius:6px;color:#fff;font-size:.75rem;outline:none;transition:border-color .2s;color-scheme:dark}.aucm-schedule-input:focus{border-color:#fb923c}.aucm-schedule-input:disabled{opacity:.4;cursor:not-allowed}.aucm-switch{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.aucm-switch input{opacity:0;width:0;height:0}.aucm-slider{position:absolute;inset:0;background:#333;border-radius:22px;transition:background .2s}.aucm-slider:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#888;border-radius:50%;transition:transform .2s,background .2s}.aucm-switch input:checked+.aucm-slider{background:#fb923c40}.aucm-switch input:checked+.aucm-slider:before{transform:translate(18px);background:#fb923c}.aucm-save-btn{padding:.35rem .85rem;border-radius:6px;border:1px solid #fb923c;background:#fb923c26;color:#fb923c;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.aucm-save-btn:hover:not(:disabled){background:#fb923c40}.aucm-save-btn:disabled{opacity:.6;cursor:not-allowed}.aucm-save-btn-saved{border-color:#22c55e;background:#22c55e26;color:#22c55e;cursor:default}@media (max-width: 768px){.aucm-container{padding:1rem}.aucm-header{flex-direction:column}.aucm-header h1{font-size:1.5rem}.aucm-filters{flex-direction:column;align-items:stretch}}.accounting-page{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.accounting-page h2{color:gold;font-size:2rem;margin-bottom:10px;text-align:center}.accounting-page .subtitle{color:#888;text-align:center;margin-bottom:24px;font-size:14px}.accounting-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:24px}.accounting-tab{background:#ffffff14;border:2px solid rgba(255,215,0,.25);border-radius:8px;padding:10px 20px;color:#ccc;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:600}.accounting-tab:hover{background:#ffd7001a;border-color:#ffd70080;color:#fff}.accounting-tab.active{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;color:#000}.accounting-more-menu{position:relative}.accounting-more-btn{min-width:48px}.accounting-more-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:100;background:#1a1a2e;border:2px solid rgba(255,215,0,.3);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:200px;box-shadow:0 8px 24px #00000080}.accounting-more-item{background:transparent;border:none;border-radius:6px;padding:10px 16px;color:#ccc;cursor:pointer;text-align:left;font-size:13px;font-weight:600;transition:all .2s ease;white-space:nowrap}.accounting-more-item:hover{background:#ffd7001a;color:#fff}.accounting-more-item.active{background:#ffd70026;color:gold}.accounting-filters{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.accounting-filters label{color:#ccc;font-size:13px;font-weight:600}.accounting-filters input[type=date]{background:#ffffff14;border:1px solid rgba(255,215,0,.3);border-radius:6px;padding:8px 12px;color:#fff;font-size:13px}.accounting-filters input[type=date]:focus{outline:none;border-color:gold}.accounting-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px}.accounting-kpi-card{background:linear-gradient(135deg,#1a1a1ae6,#282828cc);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.accounting-kpi-card:hover{border-color:#ffd70080;transform:translateY(-2px)}.accounting-kpi-card .kpi-label{color:#888;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:8px}.accounting-kpi-card .kpi-value{color:gold;font-size:1.6rem;font-weight:700}.accounting-kpi-card .kpi-value.green{color:#22c55e}.accounting-kpi-card .kpi-value.red{color:#ef4444}.accounting-kpi-card .kpi-value.blue{color:#3b82f6}.accounting-table-wrapper{overflow-x:auto;margin-bottom:24px;border-radius:12px;border:1px solid rgba(255,215,0,.15)}.accounting-table{width:100%;border-collapse:collapse;font-size:13px}.accounting-table thead th{background:#ffd7001a;color:gold;font-weight:700;padding:12px 16px;text-align:left;border-bottom:2px solid rgba(255,215,0,.3);white-space:nowrap}.accounting-table tbody tr{border-bottom:1px solid rgba(255,255,255,.06);transition:background .2s}.accounting-table tbody tr:hover{background:#ffd7000a}.accounting-table tbody td{padding:10px 16px;color:#ddd;vertical-align:middle}.accounting-table .text-right{text-align:right;font-family:Courier New,monospace}.accounting-table .font-bold{font-weight:700}.accounting-table .total-row{background:#ffd70014;font-weight:700;border-top:2px solid rgba(255,215,0,.3)}.accounting-table .total-row td{color:gold}.accounting-table .indent-1{padding-left:32px}.accounting-table .indent-2{padding-left:48px}.accounting-section-header{color:gold;font-size:1.2rem;font-weight:700;margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.3)}.je-expandable{cursor:pointer}.je-expandable:hover{background:#ffd70014!important}.je-lines{background:#0000004d}.je-lines td{padding:6px 16px 6px 40px!important;font-size:12px;color:#aaa}.je-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.je-badge.auto{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.je-badge.manual{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.je-badge.reversed{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4);text-decoration:line-through}.je-ref-type{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#ffffff14;color:#ccc;border:1px solid rgba(255,255,255,.15)}.manual-je-form{background:#1a1a1acc;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:24px;margin-bottom:24px}.manual-je-form h3{color:gold;margin-bottom:16px;font-size:1.1rem}.manual-je-form .form-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.manual-je-form .form-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:200px}.manual-je-form label{color:#aaa;font-size:12px;font-weight:600}.manual-je-form input,.manual-je-form select,.manual-je-form textarea{background:#ffffff0f;border:1px solid rgba(255,215,0,.25);border-radius:6px;padding:8px 12px;color:#fff;font-size:13px}.manual-je-form input:focus,.manual-je-form select:focus,.manual-je-form textarea:focus{outline:none;border-color:gold}.manual-je-form .line-items{margin:16px 0}.manual-je-form .line-item-row{display:flex;gap:8px;margin-bottom:8px;align-items:end}.manual-je-form .line-item-row .form-group{min-width:120px}.manual-je-form .line-item-row .form-group.account-select{min-width:250px;flex:2}.manual-je-form .line-item-row .remove-btn{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ef4444;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;align-self:end}.manual-je-form .totals{display:flex;justify-content:flex-end;gap:24px;margin:12px 0;padding:12px;background:#ffd7000d;border-radius:8px}.manual-je-form .totals span{color:#ccc;font-size:14px;font-weight:600}.manual-je-form .totals .value{color:gold;font-family:Courier New,monospace}.manual-je-form .totals .mismatch{color:#ef4444}.mje-attachments{margin:16px 0;padding:16px;background:#ffffff08;border:1px dashed rgba(255,215,0,.25);border-radius:10px}.mje-attachments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mje-attachments-label{color:#aaa;font-size:13px;font-weight:600}.mje-upload-btn{cursor:pointer;display:inline-flex;align-items:center;font-size:12px!important;padding:6px 14px!important}.mje-file-previews{display:flex;flex-wrap:wrap;gap:12px}.mje-file-preview{position:relative;display:flex;flex-direction:column;align-items:center;width:110px;padding:8px;background:#ffffff0f;border:1px solid rgba(255,215,0,.15);border-radius:8px;transition:border-color .2s}.mje-file-preview:hover{border-color:#ffd70066}.mje-file-preview img{width:90px;height:90px;object-fit:cover;border-radius:6px}.mje-file-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;font-size:36px;background:#ffffff0a;border-radius:6px}.mje-file-info{display:flex;flex-direction:column;align-items:center;margin-top:6px;width:100%;overflow:hidden}.mje-file-name{color:#ccc;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.mje-file-size{color:#666;font-size:10px}.mje-file-remove{position:absolute;top:2px;right:2px;background:#ef4444cc;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.mje-file-preview:hover .mje-file-remove{opacity:1}.je-attachments-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 0}.je-attachment-thumb{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:4px;border-radius:6px;transition:background .2s}.je-attachment-thumb:hover{background:#ffd7001a}.je-attachment-thumb img{width:48px;height:48px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,215,0,.2)}.je-attachment-pdf{font-size:28px}.je-attachment-name{color:#888;font-size:9px;max-width:56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin-top:2px}.je-edit-attachments{margin-top:16px;padding-top:16px;border-top:1px solid #333}.je-edit-attachment-list{display:flex;flex-wrap:wrap;gap:10px}.je-edit-attachment-item{display:flex;align-items:center;gap:8px;background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:6px 10px;position:relative}.je-edit-attachment-item.je-edit-attachment-new{border-color:#3b82f6;background:#3b82f614}.je-edit-attachment-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px}.je-edit-attachment-pdf{font-size:28px}.je-edit-attachment-name{color:#ccc;font-size:12px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.je-edit-attachment-remove{background:#dc3545;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.je-edit-attachment-remove:hover{background:#c82333}.depr-progress-bar{width:60px;height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.depr-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,gold,#ef4444);border-radius:3px;transition:width .3s ease}.accounting-btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;border:none}.accounting-btn.primary{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.accounting-btn.primary:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-1px)}.accounting-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.accounting-btn.secondary{background:#ffffff14;color:#ccc;border:1px solid rgba(255,255,255,.2)}.accounting-btn.secondary:hover{background:#ffffff1f}.accounting-btn.add{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.accounting-btn.add:hover{background:#22c55e40}.accounting-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.vat-toggle-label{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border-radius:8px;border:1px solid rgba(59,130,246,.3);background:#3b82f614;transition:all .2s ease;white-space:nowrap}.vat-toggle-label:hover{border-color:#3b82f699;background:#3b82f626}.vat-toggle-label input[type=checkbox]{accent-color:#3b82f6;width:16px;height:16px}.vat-toggle-text{color:#93c5fd;font-size:13px;font-weight:600}.totals .value.blue{color:#60a5fa}.pnl-section{margin-bottom:16px}.pnl-section-title{color:#888;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:8px;padding:8px 16px;background:#ffffff0a;border-radius:6px}.accounting-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.accounting-settings-card{background:linear-gradient(135deg,#1a1a1ae6,#282828b3);border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:20px}.accounting-settings-card h3{color:gold;font-size:1rem;margin-bottom:16px}.accounting-loading{text-align:center;padding:60px 20px;color:#888}.accounting-loading .spinner{display:inline-block;width:32px;height:32px;border:3px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:acct-spin .8s linear infinite;margin-bottom:12px}@keyframes acct-spin{to{transform:rotate(360deg)}}.accounting-empty{text-align:center;padding:40px;color:#666;font-size:14px}.aging-current{color:#22c55e}.aging-30-60{color:#eab308}.aging-60-90{color:#f97316}.aging-90-plus{color:#ef4444}.aging-paid{color:#6b7280}@media (max-width: 768px){.accounting-page{padding:12px}.accounting-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.accounting-kpi-card{padding:14px}.accounting-kpi-card .kpi-value{font-size:1.2rem}.accounting-tabs{gap:6px}.accounting-tab{padding:8px 14px;font-size:12px}.manual-je-form .line-item-row{flex-direction:column}.accounting-settings-grid{grid-template-columns:1fr}.accounting-filters{flex-direction:column;gap:8px}}.review-page{min-height:100vh;background:transparent;padding:100px 20px 40px}.review-page .review-container{max-width:900px;margin:0 auto}.review-page .inline-icon{display:inline-flex;align-items:center}.review-page .review-loading{text-align:center;color:var(--color-text-dim);padding:80px 20px;font-size:16px}.review-page .review-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:1px solid var(--color-border);color:var(--color-text-muted);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;margin-bottom:24px;transition:var(--transition-fast)}.review-page .review-back-btn:hover{border-color:var(--color-primary-a40);color:var(--color-primary)}.review-page .review-product-header{display:flex;align-items:center;gap:24px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:24px}.review-page .review-product-image{flex-shrink:0;width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-2)}.review-page .review-product-image img{width:100%;height:100%;object-fit:cover}.review-page .review-product-info{flex:1}.review-page .review-product-info h1{color:var(--color-text);font-size:24px;font-weight:var(--font-bold);margin:0 0 8px}.review-page .review-product-desc{color:var(--color-text-dim);font-size:14px;margin:0 0 12px;line-height:1.5}.review-page .review-product-rating{display:flex;align-items:center;gap:8px}.review-page .review-avg-big{color:var(--color-primary);font-size:20px;font-weight:var(--font-bold)}.review-page .review-count-label{color:var(--color-text-dim);font-size:14px}.review-page .review-share-btn{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;background:var(--color-info-a15);color:var(--color-info);border:1px solid var(--color-info);padding:10px 18px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:var(--font-medium);transition:var(--transition-fast)}.review-page .review-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-white-rgb),.12)}.review-page .review-price-chart{margin:0 0 16px;padding:12px 8px 8px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;box-sizing:border-box}.review-page .review-price-chart-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--color-text-dim);margin-bottom:6px;font-weight:var(--font-medium)}.review-page .review-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.review-page .review-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.review-page .review-content-header h2{color:var(--color-text);font-size:20px;font-weight:var(--font-medium);margin:0}.review-page .review-stars{display:inline-flex;gap:2px}.review-page .review-stars .star{font-size:18px;color:var(--color-text-faint);-webkit-user-select:none;user-select:none}.review-page .review-stars .star.filled{color:var(--color-primary)}.review-page .review-stars .star.interactive{cursor:pointer;transition:transform .15s ease}.review-page .review-stars .star.interactive:hover{transform:scale(1.2)}.review-page .review-form-card{background:var(--color-primary-a10);border:1px solid var(--color-primary-a20);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}.review-page .review-form-rating{display:flex;align-items:center;gap:12px;margin-bottom:16px}.review-page .review-form-rating label{color:var(--color-text-muted);font-size:14px;font-weight:var(--font-medium)}.review-page .review-form-text{width:100%;background:rgba(var(--color-black-rgb),.3);border:1px solid var(--color-border-2);border-radius:var(--radius-md);padding:12px 16px;color:var(--color-text);font-size:14px;resize:vertical;font-family:inherit;margin-bottom:16px;box-sizing:border-box}.review-page .review-form-text:focus{outline:none;border-color:var(--color-primary-a40)}.review-page .review-form-actions{display:flex;gap:12px;justify-content:flex-end}.review-page .review-cancel-btn{padding:10px 20px;background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:var(--transition-fast)}.review-page .review-cancel-btn:hover{border-color:var(--color-border-2);color:var(--color-text)}.review-page .review-submit-btn{padding:10px 24px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-medium);font-size:14px;transition:var(--transition-fast)}.review-page .review-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary)}.review-page .review-submit-btn:disabled{opacity:.6;cursor:not-allowed}.review-page .add-review-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 20px;background:var(--color-primary-a10);color:var(--color-primary);border:1px solid var(--color-primary-a30);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:var(--font-medium);transition:var(--transition-fast)}.review-page .add-review-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-a20)}.review-page .login-to-review{color:var(--color-text-faint);font-size:13px;margin:0}.review-page .reviews-list{display:flex;flex-direction:column;gap:16px}.review-page .review-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;transition:var(--transition-fast)}.review-page .review-card:hover{border-color:var(--color-primary-a20);background:var(--color-surface-3)}.review-page .review-card-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.review-page .review-author{color:var(--color-primary);font-weight:var(--font-medium);font-size:14px}.review-page .review-date{color:var(--color-text-faint);font-size:12px;margin-left:auto}.review-page .review-delete-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-faint);cursor:pointer;font-size:14px;padding:4px;opacity:.6;transition:opacity .2s ease,color .2s ease}.review-page .review-delete-btn:hover{opacity:1;color:var(--color-danger)}.review-page .review-card-text{color:var(--color-text-muted);font-size:14px;line-height:1.6;margin:8px 0 0}.review-page .empty-reviews{text-align:center;padding:60px 20px}.review-page .empty-reviews .empty-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-dim);margin-bottom:20px;opacity:.7}.review-page .empty-reviews h3{color:var(--color-text);font-size:20px;margin:0 0 12px;font-weight:var(--font-medium)}.review-page .empty-reviews p{color:var(--color-text-dim);font-size:14px;margin:0 0 24px;line-height:1.6}.review-page .browse-products-btn{padding:12px 28px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);font-size:14px;transition:var(--transition-fast)}.review-page .browse-products-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}@media (max-width: 768px){.review-page{padding:80px 16px 30px}.review-page .review-product-header{flex-direction:column;text-align:center}.review-page .review-product-image{width:100px;height:100px}.review-page .review-product-info h1{font-size:20px}.review-page .review-product-rating{justify-content:center}.review-page .review-content{padding:20px 16px}.review-page .review-content-header{flex-direction:column;text-align:center}.review-page .review-card-top{justify-content:center}.review-page .review-date{margin-left:0}}#root{margin:0;padding:0;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw;background:var(--bg-ambient) fixed;background-color:var(--color-bg)}body{background-color:#000;color:#fff;font-family:var(--font-base)}h1{color:#ffeb3b;margin-bottom:1rem}h2{color:#ffeb3b;margin-bottom:.5rem}p{color:#ccc;line-height:1.6;margin-bottom:1rem}form{max-width:600px;margin:2rem 0}form div{margin-bottom:1rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:#ffeb3b}input,textarea{width:100%;padding:.5rem;border:1px solid #333;border-radius:4px;font-size:1rem;background-color:#1a1a1a;color:#fff}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}button{background-color:#ffeb3b;color:#000;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}button:hover{background-color:#ffc107;transform:translateY(-1px);box-shadow:0 4px 12px #ffeb3b4d}nav ul{list-style:none;padding:0;margin:2rem 0;display:flex;gap:1rem}nav li a{color:#ffeb3b;text-decoration:none;padding:.5rem 1rem;border:1px solid #ffeb3b;border-radius:4px;transition:all .3s ease}nav li a:hover{background-color:#ffeb3b;color:#000}.login-container{max-width:400px;margin:2rem auto;padding:48px;background:#1a1a1a;border:2px solid #ffeb3b;border-radius:12px;box-shadow:0 8px 32px #ffeb3b1a}.login-container h1{text-align:center;color:#ffeb3b;margin-bottom:.5rem}.login-container p{text-align:center;color:#ccc;margin-bottom:2rem}.login-form{max-width:none;margin:0}.form-group{margin-bottom:1.5rem}.form-group label{color:#ffeb3b;font-weight:600}.form-group input{padding:.75rem;font-size:1rem;border:2px solid #333;border-radius:6px;background-color:#1a1a1a;color:#fff;transition:border-color .3s ease}.form-group input:focus{border-color:#ffeb3b;box-shadow:0 0 0 3px #ffeb3b1a}.button-group{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.login-btn{background-color:#ffeb3b;color:#000;font-weight:600;padding:.875rem}.login-btn:hover{background-color:#ffc107}.register-btn{background-color:#333;color:#ffeb3b;border:2px solid #ffeb3b;font-weight:600;padding:.875rem}.register-btn:hover{background-color:#ffeb3b;color:#000}.guest-btn{background-color:#444;color:#ccc;border:2px solid #666;font-weight:600;padding:.875rem}.guest-btn:hover{background-color:#666;color:#fff}.page-links{margin-top:3rem;text-align:center}.page-links ul{justify-content:center}.error-message{background-color:#2d1b1b;color:#ffeb3b;padding:.75rem;border:1px solid #ffeb3b;border-radius:4px;margin-bottom:1rem;text-align:center;font-size:.9rem}button:disabled{opacity:.6;cursor:not-allowed}button:disabled:hover{background-color:inherit}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.half-width{flex:1;margin-bottom:0!important}.back-to-login-btn{display:block;text-align:center;background-color:#333;color:#ffeb3b;border:2px solid #ffeb3b;text-decoration:none;padding:.875rem;border-radius:4px;font-weight:600;transition:all .3s ease}.back-to-login-btn:hover{background-color:#ffeb3b;color:#000}.welcome-container{max-width:600px;margin:2rem auto;padding:2rem;text-align:center}.user-welcome{background:#1a1a1a;border:2px solid #ffeb3b;padding:2rem;border-radius:12px;margin-top:2rem}.user-info-display{margin:1.5rem 0}.user-info-display p{margin:.5rem 0;font-size:1.1rem}.welcome-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.nav-button{background-color:#ffeb3b;color:#000;padding:.75rem 1.5rem}.nav-button:hover{background-color:#ffc107}.admin-button{background-color:#333;color:#ffeb3b;border:2px solid #ffeb3b;padding:.75rem 1.5rem}.admin-button:hover{background-color:#ffeb3b;color:#000}@media (max-width: 480px){.form-row{flex-direction:column;gap:0}.half-width{margin-bottom:1.5rem!important}.welcome-actions{flex-direction:column;align-items:center}}:root{--color-primary: #ffc14d;--color-primary-hover: #ffb020;--color-primary-soft: #ffd98a;--color-on-primary: #211800;--color-primary-a10: rgba(255, 193, 77, .1);--color-primary-a20: rgba(255, 193, 77, .18);--color-primary-a30: rgba(255, 193, 77, .28);--color-primary-a40: rgba(255, 193, 77, .4);--color-primary-rgb: 255, 193, 77;--color-white-rgb: 255, 255, 255;--color-black-rgb: 0, 0, 0;--color-success-rgb: 74, 222, 128;--color-danger-rgb: 248, 113, 113;--color-secondary: #ff7a59;--color-secondary-hover: #ff6240;--color-secondary-soft: #ffa088;--color-on-secondary: #2a0d04;--color-secondary-a15: rgba(255, 122, 89, .15);--color-secondary-a25: rgba(255, 122, 89, .25);--color-bg: #121110;--color-bg-page: #0d0c0b;--color-surface: #1e1b18;--color-surface-2: #29241f;--color-surface-3: #332c25;--color-surface-4: #40362c;--color-overlay: rgba(0, 0, 0, .72);--color-border: #3a332c;--color-border-2: #4a4138;--color-border-3: #5c5145;--color-text: #f5f1ea;--color-text-muted: #cfc6ba;--color-text-dim: #a89e90;--color-text-faint: #8a8275;--color-success: #4ade80;--color-success-a15: rgba(74, 222, 128, .16);--color-danger: #f87171;--color-danger-strong: #ef4444;--color-danger-a15: rgba(248, 113, 113, .16);--color-warning: #ffb020;--color-warning-a15: rgba(255, 176, 32, .16);--color-info: #5cc6f5;--color-info-a15: rgba(92, 198, 245, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 9999px;--radius-circle: 50%;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--tap-min: 44px;--font-base: "Mali", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--font-regular: 400;--font-medium: 600;--font-bold: 800;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 6px 18px rgba(0, 0, 0, .38);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .46);--shadow-primary: 0 6px 18px rgba(255, 193, 77, .28);--shadow-secondary: 0 6px 18px rgba(255, 122, 89, .24);--bg-ambient: radial-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px) 0 0 / 26px 26px, repeating-linear-gradient(-45deg, rgba(255, 255, 255, .013) 0 2px, transparent 2px 26px), radial-gradient(900px 480px at 80% -8%, rgba(255, 193, 77, .11), transparent 60%), radial-gradient(700px 460px at 0% 108%, rgba(255, 122, 89, .08), transparent 56%), var(--color-bg);--transition: all .3s ease;--transition-fast: all .2s ease;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--color-accent: var(--color-primary);--color-accent-hover: var(--color-primary-hover);--color-accent-soft: var(--color-primary-soft);--color-accent-yellow: var(--color-primary);--color-accent-a10: var(--color-primary-a10);--color-accent-a20: var(--color-primary-a20);--color-accent-a30: var(--color-primary-a30);--color-accent-a40: var(--color-primary-a40);--shadow-accent: var(--shadow-primary)}:root{font-family:var(--font-base);line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{overflow-x:hidden;width:100%;max-width:100vw}@media (max-width: 768px){html,body{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}*{max-width:100%!important;word-wrap:break-word}.products-table-container{max-width:none!important;overflow-x:auto!important}}a{font-weight:500;color:#ffeb3b;text-decoration:inherit}a:hover{color:#ffc107}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw;background-color:#000;color:#fff}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:#ffeb3b;color:#000;cursor:pointer;transition:all .25s ease}button:hover{background-color:#ffc107;border-color:#ffc107}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#000}a:hover{color:#ffc107}button{background-color:#ffeb3b;color:#000}}