:root{--otw-gold-50:#fdf9e7;--otw-gold-100:#fcf3cf;--otw-gold-200:#f9e79f;--otw-gold-300:#f5d76e;--otw-gold-400:#f1c40f;--otw-gold-500:#d4af37;--otw-gold-600:#b8960f;--otw-gold-700:#9a7d0a;--otw-gold-800:#7d6608;--otw-gold-900:#5f4e06;--otw-dark-50:#f5f5f5;--otw-dark-100:#e0e0e0;--otw-dark-200:#bdbdbd;--otw-dark-300:#9e9e9e;--otw-dark-400:#757575;--otw-dark-500:#616161;--otw-dark-600:#424242;--otw-dark-700:#303030;--otw-dark-800:#212121;--otw-dark-900:#121212;--primary-color:var(--otw-gold-500);--primary-hover:var(--otw-gold-600);--primary-light:var(--otw-gold-50);--primary-dark:var(--otw-gold-700);--secondary-color:var(--otw-dark-700);--secondary-hover:var(--otw-dark-800);--secondary-light:var(--otw-dark-100);--success-color:#10b981;--success-light:#d1fae5;--warning-color:#f59e0b;--warning-light:#fef3c7;--error-color:#ef4444;--error-light:#fee2e2;--info-color:#06b6d4;--info-light:#cffafe;--background:#fff;--background-secondary:var(--otw-dark-50);--foreground:var(--otw-dark-800);--muted:var(--otw-dark-500);--muted-foreground:var(--otw-dark-400);--border:var(--otw-dark-100);--input:var(--otw-dark-50);--header-bg:var(--otw-dark-800);--header-text:#fff;--nav-bg:var(--otw-dark-700);--nav-text:var(--otw-dark-200);--nav-hover:#fff;--nav-active:var(--otw-gold-500);--font-heading:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family:var(--font-body);--radius:8px;--radius-sm:6px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}@media (prefers-color-scheme:dark){:root.auto-dark{--background:#111827;--foreground:#f9fafb;--muted:#9ca3af;--muted-foreground:#6b7280;--border:#374151;--input:#1f2937}}@media (max-width:768px){div:has(>table){-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}.overflow-x-auto{-webkit-overflow-scrolling:touch;overflow-x:auto}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%}body{font-family:var(--font-family);background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.btn{font-size:14px;font-weight:600;font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background-color:var(--otw-gold-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--otw-gold-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--otw-gold-700);transform:translateY(0)}.btn-secondary{border:2px solid var(--otw-gold-500);color:var(--otw-gold-600);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--otw-gold-500);color:#fff}.btn-outline{border:2px solid var(--otw-gold-500);color:var(--otw-gold-600);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--otw-gold-500);color:#fff}.btn-ghost{color:var(--otw-dark-600);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--otw-dark-50)}.btn-dark{background-color:var(--otw-dark-800);color:#fff}.btn-dark:hover:not(:disabled){background-color:var(--otw-dark-700)}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.link{color:var(--primary-color);text-decoration:none;transition:color .15s}.link:hover{color:var(--primary-hover);text-decoration:underline}.card{background-color:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s}.card:hover{box-shadow:var(--shadow-lg)}.card-header{border-bottom:1px solid var(--border);padding:20px 24px}.card-header h2,.card-header h3{font-family:var(--font-heading);color:var(--otw-dark-800);margin:0;font-weight:600}.card-body{padding:24px}.card-footer{border-top:1px solid var(--border);background-color:var(--otw-dark-50);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:16px 24px}.card-accent{border-top:4px solid var(--otw-gold-500)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.input{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--background);width:100%;color:var(--foreground);padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.input::placeholder{color:var(--muted-foreground)}.badge{border-radius:var(--radius-full);align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-primary{background-color:var(--primary-light);color:var(--primary-dark)}.badge-secondary{background-color:var(--secondary-light);color:var(--secondary-color)}.badge-success{background-color:var(--success-light);color:#047857}.badge-warning{background-color:var(--warning-light);color:#b45309}.badge-error{background-color:var(--error-light);color:#b91c1c}.accent-border-left{border-left:4px solid var(--primary-color)}.accent-border-top{border-top:4px solid var(--primary-color)}.bg-primary-light{background-color:var(--primary-light)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-muted{color:var(--muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.2s ease-out fadeIn}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.text-gold{color:var(--otw-gold-500)}.text-gold-dark{color:var(--otw-gold-700)}.bg-gold{background-color:var(--otw-gold-500)}.bg-gold-light{background-color:var(--otw-gold-50)}.text-gradient-gold{background:linear-gradient(to right, var(--otw-gold-400), var(--otw-gold-500), var(--otw-gold-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.border-gold{border-color:var(--otw-gold-500)}.border-l-gold{border-left:4px solid var(--otw-gold-500)}.border-t-gold{border-top:4px solid var(--otw-gold-500)}.focus-gold:focus{box-shadow:0 0 0 3px var(--otw-gold-100);border-color:var(--otw-gold-500);outline:none}.badge-gold{background-color:var(--otw-gold-50);color:var(--otw-gold-700);border:1px solid var(--otw-gold-200)}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;padding:24px;transition:all .3s}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card .stat-value{font-family:var(--font-heading);color:var(--otw-gold-500);font-size:32px;font-weight:700;line-height:1}.stat-card .stat-label{color:var(--otw-dark-500);margin-top:8px;font-size:14px}.page-header{margin-bottom:32px}.page-header h1{font-family:var(--font-heading);color:var(--otw-dark-800);margin:0 0 8px;font-size:28px;font-weight:700}.page-header .subtitle{color:var(--otw-dark-500);font-size:16px}