:root{--color-bg: #F4F6F9;--color-surface: #EBEEF3;--color-elevated: #FFFFFF;--color-border: #D1D9E6;--color-text-primary: #1A1A2E;--color-text-secondary: #5A6A84;--color-text-muted: #5C6E8A;--color-primary: #1565C0;--color-primary-hover: #0D47A1;--color-gold: #9E7340;--color-status-pending: #BF360C;--color-status-pending-bg: rgba(191, 54, 12, .1);--color-status-active: #2E7D32;--color-status-active-bg: rgba(46, 125, 50, .1);--color-status-blue: #1565C0;--color-status-blue-bg: rgba(21, 101, 192, .1);--color-status-error: #C62828;--color-status-error-bg: rgba(198, 40, 40, .1);--color-danger: #C62828;--color-danger-bg: rgba(198, 40, 40, .1);--color-success: #2E7D32;--color-overlay: rgba(0, 0, 0, .4);--color-overlay-dark: rgba(0, 0, 0, .85);--color-overlay-light: rgba(0, 0, 0, .35);--color-white-overlay: rgba(0, 0, 0, .06);--color-white-overlay-med: rgba(0, 0, 0, .08);--color-link: #1565C0;--color-admin-purple: #6A1B9A;--color-admin-purple-bg: rgba(106, 27, 154, .1);--color-status-active-light: rgba(46, 125, 50, .1);--color-status-pending-light: rgba(191, 54, 12, .1);--color-danger-light: rgba(198, 40, 40, .1);--color-primary-light: rgba(21, 101, 192, .1);--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--shadow-elevated: 0 4px 20px rgba(0, 0, 0, .12);--shadow-button: 0 4px 15px rgba(21, 101, 192, .25);--shadow-fab: 0 6px 20px rgba(21, 101, 192, .3);--shadow-input-focus: 0 0 0 2px rgba(21, 101, 192, .25);--shadow-search: 0 2px 8px rgba(0, 0, 0, .06);--shadow-bottom-sheet: 0 -4px 20px rgba(0, 0, 0, .15);--shadow-message-bubble: 0 1px 4px rgba(0, 0, 0, .06);--shadow-gold-accent: 0 2px 8px rgba(158, 115, 64, .3);--gradient-header-bg: linear-gradient(135deg, #EBEEF3 0%, #F4F6F9 100%);--gradient-card-header: linear-gradient(135deg, rgba(21, 101, 192, .08) 0%, rgba(21, 101, 192, .02) 100%);--gradient-gold-accent: linear-gradient(135deg, #9E7340 0%, #8A6538 100%);--gradient-primary-button: linear-gradient(135deg, #1565C0 0%, #0D47A1 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .4) 100%);--gradient-status-bar-new: linear-gradient(180deg, #BF360C 0%, #8D2506 100%);--gradient-status-bar-active: linear-gradient(180deg, #2E7D32 0%, #1B5E20 100%);--gradient-status-bar-blue: linear-gradient(180deg, #1565C0 0%, #0D47A1 100%);--gradient-status-bar-error: linear-gradient(180deg, #C62828 0%, #B71C1C 100%)}:root.dark{--color-bg: #0A1628;--color-surface: #0D1B2A;--color-elevated: #1A2332;--color-border: #243447;--color-text-primary: #FFFFFF;--color-text-secondary: #8B9DC3;--color-text-muted: #7889A4;--color-primary: #1E88E5;--color-primary-hover: #1976D2;--color-gold: #D4A574;--color-status-pending: #FFD54F;--color-status-pending-bg: rgba(255, 213, 79, .12);--color-status-active: #66BB6A;--color-status-active-bg: rgba(102, 187, 106, .12);--color-status-blue: #42A5F5;--color-status-blue-bg: rgba(66, 165, 245, .12);--color-status-error: #EF5350;--color-status-error-bg: rgba(239, 83, 80, .12);--color-danger: #EF5350;--color-danger-bg: rgba(239, 83, 80, .1);--color-success: #66BB6A;--color-overlay: rgba(0, 0, 0, .6);--color-overlay-dark: rgba(0, 0, 0, .95);--color-overlay-light: rgba(0, 0, 0, .5);--color-white-overlay: rgba(255, 255, 255, .15);--color-white-overlay-med: rgba(255, 255, 255, .2);--color-link: #42A5F5;--color-admin-purple: #AF52DE;--color-admin-purple-bg: rgba(175, 82, 222, .12);--color-status-active-light: rgba(102, 187, 106, .125);--color-status-pending-light: rgba(255, 213, 79, .125);--color-danger-light: rgba(239, 83, 80, .125);--color-primary-light: rgba(30, 136, 229, .125);--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--shadow-elevated: 0 4px 20px rgba(0, 0, 0, .4);--shadow-button: 0 4px 15px rgba(30, 136, 229, .3);--shadow-fab: 0 6px 20px rgba(30, 136, 229, .4);--shadow-input-focus: 0 0 0 2px rgba(30, 136, 229, .25);--shadow-search: 0 2px 8px rgba(0, 0, 0, .2);--shadow-bottom-sheet: 0 -4px 20px rgba(0, 0, 0, .5);--shadow-message-bubble: 0 1px 4px rgba(0, 0, 0, .2);--shadow-gold-accent: 0 2px 8px rgba(212, 165, 116, .3);--gradient-header-bg: linear-gradient(135deg, #0D1B2A 0%, #1A2332 100%);--gradient-card-header: linear-gradient(135deg, rgba(30, 136, 229, .12) 0%, rgba(30, 136, 229, .04) 100%);--gradient-gold-accent: linear-gradient(135deg, #D4A574 0%, #C49A6C 100%);--gradient-primary-button: linear-gradient(135deg, #1E88E5 0%, #1565C0 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%);--gradient-status-bar-new: linear-gradient(180deg, #FFD54F 0%, #FFC107 100%);--gradient-status-bar-active: linear-gradient(180deg, #66BB6A 0%, #43A047 100%);--gradient-status-bar-blue: linear-gradient(180deg, #42A5F5 0%, #1E88E5 100%);--gradient-status-bar-error: linear-gradient(180deg, #EF5350 0%, #C62828 100%)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow-x:hidden;font-family:Jost,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;background-color:var(--color-bg)}input,textarea,select,button{font-family:Jost,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}select option{background-color:var(--color-elevated);color:var(--color-text-primary)}a{color:var(--color-link);text-decoration:none}::-webkit-scrollbar{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes progress{0%{width:0}50%{width:100%}to{width:0;margin-left:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}input:focus,textarea:focus,select:focus{box-shadow:var(--shadow-input-focus);border-color:var(--color-primary)!important;transition:box-shadow .2s,border-color .2s}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}button,[role=button]{user-select:none;-webkit-user-select:none}@media screen and (max-width: 767px){input[type=text],input[type=tel],input[type=number],input[type=email],textarea,select{font-size:16px!important}}