:root{--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--color-dark-950: #070A11;--color-dark-900: #0B0F19;--color-dark-800: #131B2E;--color-dark-700: #1E293B;--color-dark-600: #334155;--color-dark-500: #475569;--color-light-50: #FAFAFA;--color-light-100: #F3F4F6;--color-light-200: #E5E7EB;--color-light-300: #D1D5DB;--color-light-400: #9CA3AF;--color-gold-500: #C29B38;--color-gold-400: #D4AF37;--color-gold-600: #A88225;--color-gold-700: #856519;--color-gold-50: #FAF6EB;--color-gold-100: #F3EBD1;--color-success: #0D9488;--color-success-bg: #F0FDF4;--color-success-border: #BBF7D0;--color-danger: #BE123C;--color-danger-bg: #FFF1F2;--color-danger-border: #FECDD3;--color-warning: #B45309;--color-warning-bg: #FFFBEB;--color-warning-border: #FDE68A;--color-info: #1D4ED8;--color-info-bg: #EFF6FF;--color-info-border: #BFDBFE;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-dark-section: #0B0F19;--bg-dark-card: #131B2E;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-inverse: #FFFFFF;--text-gold: #C29B38;--border-color: #E2E8F0;--border-focus: #C29B38;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .08), 0 2px 6px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 24px -4px rgba(0, 0, 0, .1), 0 4px 10px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 32px -8px rgba(0, 0, 0, .12), 0 8px 16px -4px rgba(0, 0, 0, .06);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--container-max: 1280px;--header-height: 76px;--admin-sidebar-width: 260px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-primary);font-size:16px;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden;width:100%;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.5;display:flex;flex-direction:column;overflow-x:hidden;width:100%;-webkit-tap-highlight-color:transparent}#root{display:flex;flex-direction:column;min-height:100vh;width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.25;color:var(--text-primary);word-break:break-word}p{color:var(--text-secondary);line-height:1.65;word-break:break-word}a{color:inherit;text-decoration:none;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}img,video,iframe{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:1rem}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.container-narrow{width:100%;max-width:900px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.section{padding-top:5rem;padding-bottom:5rem}.section-sm{padding-top:3rem;padding-bottom:3rem}.section-dark{background-color:var(--bg-dark-section);color:var(--text-inverse)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--text-inverse)}.section-dark p{color:var(--color-light-400)}.section-header{margin-bottom:3rem}.section-header.text-center{text-align:center;max-width:680px;margin-left:auto;margin-right:auto}.section-subtitle{text-transform:none;letter-spacing:.02em;font-size:.875rem;font-weight:700;color:var(--color-gold-600);margin-bottom:.75rem;display:block}.section-title{font-size:2rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}.section-description{font-size:1rem;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.875rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:auto;user-select:auto}.btn-primary{background-color:#d4af37;color:#070a11;font-weight:700;border-color:#d4af37}.btn-primary:hover{background-color:#c29b38;color:#070a11;border-color:#c29b38}.btn-dark{background-color:var(--color-dark-900);color:#fff;border-color:var(--color-dark-900)}.btn-dark:hover{background-color:var(--color-dark-700);border-color:var(--color-dark-700)}.btn-outline{background-color:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-outline:hover{border-color:var(--color-gold-500);color:var(--color-gold-600);background-color:var(--color-gold-50)}.btn-outline-gold{background-color:transparent;color:var(--color-gold-500);border-color:var(--color-gold-500)}.btn-outline-gold:hover{background-color:var(--color-gold-500);color:#fff}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background-color:#9f1239}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.875rem 1.75rem;font-size:1.0625rem}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:capitalize;letter-spacing:.01em}.form-control,.input-field{width:100%;height:42px;padding:.5rem .875rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#fff;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;box-sizing:border-box}textarea.form-control,textarea.input-field{height:auto;min-height:100px;padding:.75rem .875rem}select.form-control,select.input-field{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:14px 14px;padding-right:2.25rem;cursor:pointer}.form-control:focus,.input-field:focus{border-color:var(--color-gold-500);box-shadow:0 0 0 3px #c29b3826}.form-control::placeholder,.input-field::placeholder{color:var(--color-light-400);font-size:.875rem}.form-control.is-invalid,.input-field.is-invalid{border-color:var(--color-danger)}.form-error{font-size:.8125rem;color:var(--color-danger)}.form-hint{font-size:.8125rem;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm)}.badge-gold{background-color:var(--color-gold-50);color:var(--color-gold-700);border:1px solid var(--color-gold-100)}.badge-dark{background-color:var(--color-dark-900);color:#fff}.badge-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-md)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th{background-color:var(--bg-secondary);padding:.875rem 1rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.data-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--bg-secondary)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0b0f19b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:#fff;border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.25rem;font-weight:600}.modal-body{padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:2000;display:flex;flex-direction:column;gap:.75rem;max-width:380px}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius-md);background-color:#fff;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);font-size:.875rem;animation:slideIn .25s ease-out forwards}@keyframes slideIn{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.skeleton{background-color:#e2e8f0;animation:skeletonPulse 1.5s ease-in-out infinite alternate;border-radius:var(--radius-sm);will-change:opacity}@keyframes skeletonPulse{0%{opacity:.55}to{opacity:1}}.empty-state{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--text-muted)}.empty-state-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-state-description{font-size:.9375rem;color:var(--text-secondary);max-width:440px;margin-bottom:1.5rem}.grid-1{display:grid;grid-template-columns:1fr;gap:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.section{padding-top:3rem;padding-bottom:3rem}.section-sm{padding-top:2rem;padding-bottom:2rem}.section-title{font-size:1.625rem}.section-header{margin-bottom:2rem}.container,.container-narrow{padding-left:1.25rem;padding-right:1.25rem}.card{border-radius:var(--radius-md)}.modal-content{max-height:85vh;border-radius:var(--radius-md);margin:.5rem;width:calc(100% - 1rem)}.modal-header,.modal-body,.modal-footer{padding:1rem 1.25rem}}@media (max-width: 480px){.container,.container-narrow{padding-left:1rem;padding-right:1rem}.section{padding-top:2.25rem;padding-bottom:2.25rem}.section-title{font-size:1.375rem}.section-subtitle{font-size:.75rem}.btn-lg{padding:.75rem 1.25rem;font-size:.9375rem}.form-control,.input-field{font-size:1rem;height:44px}.table-container{margin:0 -1rem;width:calc(100% + 2rem);border-left:none;border-right:none;border-radius:0}.auth-card{padding:1.5rem 1.25rem!important}}.touch-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.touch-scroll::-webkit-scrollbar{display:none}.min-w-0{min-width:0!important}.break-word{word-break:break-word!important;overflow-wrap:break-word!important}.dev-ticker-wrapper{background:#fff;border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;position:relative;overflow:hidden;display:flex;align-items:center;-webkit-user-select:none;user-select:none;box-shadow:0 2px 10px #00000008}.dev-ticker-badge{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;background:#0b0f19;color:#e5c058;border-right:2px solid #E5C058;padding:0 1.25rem;height:52px;font-weight:700;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;z-index:2;box-shadow:2px 0 10px #00000014;white-space:nowrap}.dev-ticker-track-container{overflow:hidden;width:100%;display:flex;position:relative;mask-image:linear-gradient(to right,transparent,black 30px,black calc(100% - 30px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 30px,black calc(100% - 30px),transparent)}.dev-ticker-track{display:flex;align-items:center;white-space:nowrap;animation:devMarqueeScroll 45s linear infinite;will-change:transform}.dev-ticker-track:hover{animation-play-state:paused}.dev-ticker-item{display:inline-flex;align-items:center;gap:8px;padding:.75rem 1.25rem;color:#0f172a;text-decoration:none;font-size:.9375rem;font-weight:600;letter-spacing:.01em;transition:all .2s ease;white-space:nowrap}.dev-ticker-item:hover{color:#c29b38;background-color:#f8fafc}.dev-ticker-item .dev-dot{width:5px;height:5px;border-radius:50%;background:#cbd5e1;display:inline-block}.dev-ticker-tag{font-size:.6875rem;padding:2px 7px;border-radius:4px;background:#f1f5f9;color:#475569;border:1px solid #E2E8F0;font-weight:600;text-transform:uppercase;letter-spacing:.04em;transition:all .2s ease}.dev-ticker-item:hover .dev-ticker-tag{background:#fef3c7;color:#92400e;border-color:#fde68a}@keyframes devMarqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 640px){.dev-ticker-badge{padding:0 .875rem;font-size:.75rem;height:46px}.dev-ticker-item{font-size:.8125rem;padding:.5rem .875rem}.dev-ticker-tag{display:none}}