*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4A90E2;--primary-dark: #357ABD;--secondary-color: #50C9CE;--accent-color: #F4A261;--accent-light: #FFB84D;--success-color: #2A9D8F;--danger-color: #E63946;--text-dark: #2C3E50;--text-light: #7F8C8D;--text-muted: #BDC3C7;--background-light: #F8F9FA;--background-white: #FFFFFF;--overlay-dark: rgba(0, 0, 0, .5);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 20px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .16);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .2);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--background-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-dark);line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);text-transform:none;letter-spacing:.3px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:linear-gradient(135deg,var(--accent-color),var(--accent-light))}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover:not(:disabled){background:var(--primary-color);color:#fff}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.d-flex{display:flex}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);width:100%}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}}.card{background:var(--background-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-header{padding:var(--spacing-md);border-bottom:1px solid var(--background-light)}.card-body{padding:var(--spacing-md)}.card-footer{padding:var(--spacing-md);border-top:1px solid var(--background-light);background:var(--background-light)}input,select,textarea{width:100%;padding:var(--spacing-sm);border:2px solid var(--text-muted);border-radius:var(--border-radius-sm);font-size:1rem;font-family:inherit;transition:all var(--transition-fast);background:var(--background-white);color:var(--text-dark)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e639461a}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:var(--border-radius-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .5s ease-out}.slide-up{animation:slideUp .5s ease-out}.scale-in{animation:scaleIn .3s ease-out}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.hide-mobile{display:none!important}}@media (min-width: 769px){.show-mobile{display:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-light)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.rotating-globe{display:inline-block;animation:rotate-globe 4s linear infinite;transform-origin:center;will-change:transform;font-style:normal;line-height:1;vertical-align:middle;-webkit-animation:rotate-globe 4s linear infinite;-moz-animation:rotate-globe 4s linear infinite;-o-animation:rotate-globe 4s linear infinite}@keyframes rotate-globe{0%{transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}}@-webkit-keyframes rotate-globe{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate-globe{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-o-keyframes rotate-globe{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}.rotating-globe:hover{animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s}@media (prefers-reduced-motion: reduce){.rotating-globe{animation:none;-webkit-animation:none;-moz-animation:none;-o-animation:none}}