:root,[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-glass: rgba(255, 255, 255, .85);--bg-input: #ffffff;--bg-input-focus: #ffffff;--bg-surface-elevated: #ffffff;--bg-accent-subtle: #eff6ff;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverse: #ffffff;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-secondary: #0d9488;--accent-blue: #2563eb;--accent-purple: #7c3aed;--accent-gradient: linear-gradient(135deg, #2563eb 0%, #4f46e5 50%, #0d9488 100%);--accent-gradient-subtle: linear-gradient(135deg, rgba(37, 99, 235, .08) 0%, rgba(13, 148, 136, .08) 100%);--accent-glow: 0 4px 20px rgba(37, 99, 235, .18);--accent-border-glow: 0 0 0 3px rgba(37, 99, 235, .15);--success: #059669;--success-bg: #ecfdf5;--success-border: #a7f3d0;--warning: #d97706;--warning-bg: #fffbeb;--warning-border: #fde68a;--error: #dc2626;--error-bg: #fef2f2;--error-border: #fecaca;--info: #0284c7;--info-bg: #f0f9ff;--info-border: #bae6fd;--border-color: #e2e8f0;--border-subtle: #f1f5f9;--border-card: #e2e8f0;--border-focus: #2563eb;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-card: 0 4px 20px rgba(15, 23, 42, .06);--shadow-card-hover: 0 12px 28px rgba(15, 23, 42, .12);--bg-pattern: radial-gradient(circle at 10% 20%, rgba(37, 99, 235, .04) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(13, 148, 136, .04) 0%, transparent 40%), radial-gradient(circle at 50% 50%, rgba(124, 58, 237, .02) 0%, transparent 50%)}[data-theme=dark]{--bg-primary: #090d16;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-card: #131b2e;--bg-card-hover: #1c263f;--bg-glass: rgba(15, 23, 42, .8);--bg-input: #0b1120;--bg-input-focus: #0f172a;--bg-surface-elevated: #1e293b;--bg-accent-subtle: rgba(59, 130, 246, .12);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--accent-primary: #3b82f6;--accent-primary-hover: #60a5fa;--accent-secondary: #14b8a6;--accent-blue: #38bdf8;--accent-purple: #a855f7;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #14b8a6 100%);--accent-gradient-subtle: linear-gradient(135deg, rgba(59, 130, 246, .15) 0%, rgba(20, 184, 166, .15) 100%);--accent-glow: 0 4px 25px rgba(59, 130, 246, .3);--accent-border-glow: 0 0 0 3px rgba(59, 130, 246, .25);--success: #10b981;--success-bg: rgba(16, 185, 129, .15);--success-border: rgba(16, 185, 129, .3);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgba(245, 158, 11, .3);--error: #ef4444;--error-bg: rgba(239, 68, 68, .15);--error-border: rgba(239, 68, 68, .3);--info: #38bdf8;--info-bg: rgba(56, 189, 248, .15);--info-border: rgba(56, 189, 248, .3);--border-color: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .05);--border-card: rgba(255, 255, 255, .08);--border-focus: #3b82f6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 35px rgba(0, 0, 0, .7);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-card-hover: 0 12px 36px rgba(0, 0, 0, .6);--bg-pattern: radial-gradient(circle at 15% 15%, rgba(59, 130, 246, .08) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(20, 184, 166, .06) 0%, transparent 40%), radial-gradient(circle at 50% 50%, rgba(139, 92, 246, .04) 0%, transparent 50%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);background-image:var(--bg-pattern);background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}h1,h2,h3,h4,h5,h6{font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);font-weight:700;line-height:1.25;letter-spacing:-.02em}h1{font-size:clamp(2.2rem,5vw,3.75rem);font-weight:800}h2{font-size:clamp(1.75rem,3.5vw,2.5rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:1.2rem}h5{font-size:1.05rem}h6{font-size:.95rem}p{color:var(--text-secondary);font-size:1rem;line-height:1.65}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-primary-hover)}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0;position:relative}.section-sm{padding:3rem 0}.section-lg{padding:7rem 0}.section-header{text-align:center;max-width:760px;margin:0 auto 3.5rem}.section-title{margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--text-muted)}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:1.75rem;box-shadow:var(--shadow-card);transition:all .25s ease;position:relative}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent-primary);transform:translateY(-2px)}.card-flat{box-shadow:none}.card-glass{background-color:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.arch-tag,.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:4px;border:1px solid transparent;line-height:1.2;white-space:nowrap}.arch-tag-sm{padding:.2rem .5rem;font-size:.7rem}.arch-tag-md{padding:.3rem .75rem;font-size:.8rem}.arch-tag-primary,.badge-primary{background-color:var(--bg-accent-subtle);color:var(--accent-primary);border-color:#2563eb40}.arch-tag-secondary,.badge-secondary{background-color:#0d94881a;color:var(--accent-secondary);border-color:#0d948840}.arch-tag-success,.badge-success{background-color:var(--success-bg);color:var(--success);border-color:var(--success-border)}.arch-tag-warning,.badge-warning{background-color:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.arch-tag-error,.badge-error,.arch-tag-urgent{background-color:var(--error-bg);color:var(--error);border-color:var(--error-border)}.arch-tag-info,.badge-info{background-color:var(--info-bg);color:var(--info);border-color:var(--info-border)}.arch-tag-outline{background-color:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;line-height:1.25;min-height:44px}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:0 2px 10px #2563eb40}.btn-primary:hover{background-color:var(--accent-primary-hover);color:#fff;box-shadow:0 4px 16px #2563eb59;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--border-color);color:var(--text-primary)}.btn-outline{background-color:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-outline:hover{background-color:var(--bg-tertiary);border-color:var(--text-muted)}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-sm{padding:.45rem .875rem;font-size:.85rem;min-height:36px}.btn-lg{padding:.95rem 2rem;font-size:1.05rem;min-height:50px}.btn-icon{width:44px;height:44px;padding:0;border-radius:8px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:1.25rem;text-align:left}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;font-size:.95rem;font-family:inherit;background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;min-height:44px}.form-textarea{min-height:100px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:var(--accent-border-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-error{font-size:.8rem;color:var(--error);margin-top:.35rem}.form-hint{font-size:.8rem;color:var(--text-muted);margin-top:.35rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:all .25s ease;height:72px;display:flex;align-items:center}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-links{display:flex;align-items:center;gap:1.75rem;list-style:none}.nav-link{color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--accent-primary)}.nav-actions{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem}.mobile-drawer{position:fixed;top:72px;left:0;right:0;bottom:0;background-color:var(--bg-secondary);z-index:99;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow-y:auto}.mobile-drawer.open{transform:translate(0)}.mobile-nav-link{font-size:1.25rem;font-weight:600;color:var(--text-primary);padding:.75rem 0;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:5rem 0 2.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3.5rem}.footer-col h4{margin-bottom:1.25rem;font-size:1rem;color:var(--text-primary)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:var(--text-muted);font-size:.9rem;transition:color .2s ease}.footer-link:hover{color:var(--accent-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem}.table-container{width:100%;overflow-x:auto;background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;text-align:left}.table th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.9rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--bg-tertiary)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172aa6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease forwards}.modal-content{background-color:var(--bg-surface-elevated);border:1px solid var(--border-card);border-radius:16px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn .25s cubic-bezier(.16,1,.3,1) forwards;padding:2rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:6px;transition:all .2s ease}.modal-close-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.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 1.25rem;border-radius:10px;background-color:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);font-size:.9rem;animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--info)}.svg-icon{display:inline-block;vertical-align:middle;flex-shrink:0}@media(max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media(max-width:768px){.nav-links,.nav-actions-desktop{display:none}.mobile-menu-btn{display:block}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.section{padding:3.5rem 0}.btn-lg{width:100%}.table-responsive-cards .table,.table-responsive-cards tbody,.table-responsive-cards tr,.table-responsive-cards td{display:block;width:100%}.table-responsive-cards thead{display:none}.table-responsive-cards tr{margin-bottom:1rem;border:1px solid var(--border-color);border-radius:8px;padding:.75rem;background-color:var(--bg-card)}.table-responsive-cards td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.table-responsive-cards td:last-child{border-bottom:none}.table-responsive-cards td:before{content:attr(data-label);font-weight:600;font-size:.8rem;color:var(--text-muted);text-transform:uppercase}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #7928ca4d,0 0 40px #00dfd81a}50%{box-shadow:0 0 35px #7928ca99,0 0 60px #00dfd859}}@keyframes soundWave{0%,to{height:12px}50%{height:48px}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-pulse-glow{animation:pulseGlow 4s infinite ease-in-out}.animate-float{animation:floatSlow 6s ease-in-out infinite}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.sound-bar{width:4px;background:linear-gradient(180deg,#00dfd8,#7928ca);border-radius:4px;animation:soundWave 1.2s ease-in-out infinite}.sound-bar:nth-child(1){animation-delay:.1s}.sound-bar:nth-child(2){animation-delay:.3s}.sound-bar:nth-child(3){animation-delay:.5s}.sound-bar:nth-child(4){animation-delay:.2s}.sound-bar:nth-child(5){animation-delay:.4s}.sound-bar:nth-child(6){animation-delay:.15s}.sound-bar:nth-child(7){animation-delay:.35s}.sound-bar:nth-child(8){animation-delay:.25s}