:root{--color-primary: #e74c3c;--color-secondary: #c0392b;--color-accent: #f39c12;--color-background: #08070e;--color-background-soft: #14111f;--color-background-elevated: rgba(20, 20, 23, .88);--gradient-background: radial-gradient(120% 120% at 15% 15%, rgba(231, 76, 60, .12) 0%, transparent 60%), radial-gradient(120% 120% at 85% 15%, rgba(243, 156, 18, .1) 0%, transparent 65%), linear-gradient(180deg, #05060a 0%, #0d0b12 55%, #040508 100%);--gradient-surface: linear-gradient(140deg, rgba(231, 76, 60, .08) 0%, rgba(243, 156, 18, .05) 35%, transparent 100%);--color-success: #34C759;--color-warning: #FF9500;--color-danger: #FF3B30;--color-info: #007AFF;--color-dark: #05060a;--color-dark-light: #10101a;--color-gray: #191824;--color-gray-light: #242232;--color-gray-lighter: #353347;--color-gray-ultralight: #5b5870;--color-text: #FFFFFF;--color-text-secondary: #EBEBF5;--color-text-muted: #8E8E93;--color-text-dark: #636366;--separator-opaque: rgba(84, 84, 88, .65);--separator-non-opaque: rgba(84, 84, 88, .4);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--grid-gap: 16px;--container-padding: 24px;--header-height: 64px;--sidebar-width: 280px;--card-min-height: 120px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-2xl: 28px;--border-radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .25);--shadow-card: 0 2px 8px rgba(0, 0, 0, .1);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .18);--shadow-glow-primary: 0 0 20px rgba(231, 76, 60, .3);--shadow-glow-accent: 0 0 20px rgba(243, 156, 18, .3);--glass-bg: rgba(28, 28, 30, .72);--glass-bg-light: rgba(60, 60, 67, .6);--glass-border: rgba(255, 255, 255, .1);--blur-amount: 40px;--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-accent: linear-gradient(135deg, var(--color-primary), var(--color-accent));--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.68, -.55, .265, 1.55);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{height:100%;width:100%;overflow-x:hidden;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;background-color:var(--color-background);background-image:var(--gradient-background);background-attachment:fixed;color:var(--color-text);line-height:1.47;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;padding:0;position:relative;isolation:isolate}@media (max-width: 768px){body{background-attachment:scroll}}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(75% 75% at 20% 80%,rgba(231,76,60,.08) 0%,transparent 60%),radial-gradient(65% 65% at 80% 20%,rgba(243,156,18,.08) 0%,transparent 55%),radial-gradient(50% 50% at 50% 20%,rgba(231,76,60,.05) 0%,transparent 70%);opacity:.8;z-index:-1;transition:opacity .4s ease}@media (max-width: 768px){body:before{opacity:.65;background:radial-gradient(90% 90% at 20% 90%,rgba(231,76,60,.12) 0%,transparent 65%),radial-gradient(70% 70% at 80% 15%,rgba(243,156,18,.1) 0%,transparent 60%),linear-gradient(180deg,#040508d9,#040508f2)}}main,section,header,footer{position:relative;z-index:1}.page-surface{background:var(--color-background-soft);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.04);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md)}img,svg,video,iframe{max-width:100%;height:auto;display:block}iframe{border:none;border-radius:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.container{width:min(1200px,100%);margin:0 auto;padding-inline:clamp(16px,4vw,32px)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.btn{padding:12px 24px;font-size:15px;font-weight:600;letter-spacing:-.01em;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #e74c3c40}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #e74c3c59}.btn-secondary{background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));color:var(--color-text);border:.5px solid var(--glass-border)}.btn-secondary:hover:not(:disabled){background:var(--glass-bg-light);border-color:#ffffff26}.btn-success{background:var(--color-success);color:#fff;box-shadow:0 2px 8px #34c75940}.btn-success:hover:not(:disabled){box-shadow:0 4px 16px #34c75959}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 2px 8px #ff3b3040}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ff3b3059}.btn-sm{padding:8px 16px;font-size:13px}.card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-card);border:.5px solid var(--glass-border);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:hover{border-color:#ffffff26;box-shadow:var(--shadow-card-hover)}.card-header{border-bottom:.5px solid var(--separator-non-opaque);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-header h2,.card-header h3{color:var(--color-text);margin:0;font-weight:700;letter-spacing:-.03em}.card-body{color:var(--color-text-muted)}.card-footer{border-top:.5px solid var(--separator-non-opaque);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text);font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:var(--color-dark-light);border:1px solid var(--color-gray-light);border-radius:var(--border-radius-sm);color:var(--color-text);font-size:1rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #e74c3c33}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--color-text-dark)}.form-group textarea{resize:vertical;min-height:100px}.table{width:100%;border-collapse:collapse;background:var(--color-gray);border-radius:var(--border-radius-md);overflow:hidden}.table thead{background:var(--color-dark-light)}.table thead th{padding:var(--spacing-md);text-align:left;color:var(--color-text);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.table tbody tr{border-bottom:1px solid var(--color-gray-light);transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-gray-light)}.table tbody tr:last-child{border-bottom:none}.table tbody td{padding:var(--spacing-md);color:var(--color-text-muted)}.badge{display:inline-block;padding:4px 10px;border-radius:var(--border-radius-full);font-size:12px;font-weight:600;letter-spacing:-.01em}.badge-primary{background:var(--color-primary);color:#fff}.badge-success{background:var(--color-success);color:#fff}.badge-warning{background:var(--color-warning);color:#fff}.badge-danger{background:var(--color-danger);color:#fff}.badge-info{background:var(--color-info);color:#fff}.spinner{border:2px solid rgba(255,255,255,.1);border-top:2px solid var(--color-primary);border-radius:50%;width:32px;height:32px;animation:ios-spin .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes ios-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md)}.alert-success{background:#27ae6033;border-left:4px solid var(--color-success);color:var(--color-success)}.alert-danger{background:#e74c3c33;border-left:4px solid var(--color-danger);color:var(--color-danger)}.alert-warning{background:#f39c1233;border-left:4px solid var(--color-warning);color:var(--color-warning)}.alert-info{background:#3498db33;border-left:4px solid var(--color-info);color:var(--color-info)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);width:100%}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}}@media (max-width: 576px){.container{padding:0 var(--spacing-xs)}}.grid{display:grid;gap:var(--grid-gap)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid-cols-2{grid-template-columns:1fr}}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (min-width: 1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.grid-cols-3{grid-template-columns:1fr}}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 1024px){.grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.grid-cols-4{grid-template-columns:1fr}}h1{font-size:2.5rem}@media (max-width: 768px){h1{font-size:2rem}}@media (max-width: 576px){h1{font-size:1.75rem}}h2{font-size:2rem}@media (max-width: 768px){h2{font-size:1.75rem}}@media (max-width: 576px){h2{font-size:1.5rem}}h3{font-size:1.5rem}@media (max-width: 768px){h3{font-size:1.25rem}}@media (max-width: 576px){h3{font-size:1.125rem}}@media (max-width: 576px){.card{padding:var(--spacing-sm);border-radius:var(--border-radius-md)}}@media (max-width: 576px){.btn{width:100%;padding:14px 20px;font-size:16px}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 576px){.table-responsive{font-size:.875rem}.table-responsive th,.table-responsive td{padding:var(--spacing-sm)}}@media (max-width: 576px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media (max-width: 576px){.show-mobile{display:block!important}}@media (max-width: 768px){.hide-tablet{display:none!important}}.show-tablet{display:none!important}@media (max-width: 768px){.show-tablet{display:block!important}}@media (max-width: 576px){.p-sm{padding:calc(var(--spacing-sm) * .75)}.p-md{padding:var(--spacing-sm)}.p-lg{padding:var(--spacing-md)}.mt-sm{margin-top:calc(var(--spacing-sm) * .75)}.mt-md{margin-top:var(--spacing-sm)}.mt-lg{margin-top:var(--spacing-md)}.mb-sm{margin-bottom:calc(var(--spacing-sm) * .75)}.mb-md{margin-bottom:var(--spacing-sm)}.mb-lg{margin-bottom:var(--spacing-md)}}app-root{display:block;min-height:100vh;height:100%}