:root{--snoek-green-50: #e8f5e9;--snoek-green-100: #c8e6c9;--snoek-green-200: #a5d6a7;--snoek-green-300: #81c784;--snoek-green-400: #66bb6a;--snoek-green-500: #4caf50;--snoek-green-600: #43a047;--snoek-green-700: #388e3c;--snoek-green-800: #2e7d32;--snoek-green-900: #1b5e20;--snoek-navy-50: #e8edf5;--snoek-navy-100: #c5d1e5;--snoek-navy-200: #9eb3d3;--snoek-navy-300: #7795c1;--snoek-navy-400: #597fb3;--snoek-navy-500: #3b69a5;--snoek-navy-600: #35619d;--snoek-navy-700: #2d5693;--snoek-navy-800: #264c8a;--snoek-navy-900: #1a365d;--snoek-navy-950: #0d2137;--snoek-accent-50: #e1f5fe;--snoek-accent-100: #b3e5fc;--snoek-accent-200: #81d4fa;--snoek-accent-300: #4fc3f7;--snoek-accent-400: #29b6f6;--snoek-accent-500: #03a9f4;--snoek-accent-600: #039be5;--snoek-accent-700: #0288d1;--snoek-accent-800: #0277bd;--snoek-accent-900: #01579b;--color-success: var(--snoek-green-600);--color-success-light: var(--snoek-green-100);--color-primary: var(--snoek-navy-900);--color-primary-light: var(--snoek-navy-100);--color-accent: var(--snoek-accent-500);--color-accent-light: var(--snoek-accent-100);--bg-gradient-hero: linear-gradient(135deg, var(--snoek-navy-950) 0%, var(--snoek-navy-800) 50%, var(--snoek-green-900) 100%);--bg-gradient-card: linear-gradient(145deg, #ffffff 0%, #f8faf8 100%);--bg-gradient-stat: linear-gradient(135deg, var(--snoek-green-50) 0%, var(--snoek-accent-50) 100%);--bg-circuit: radial-gradient(circle at 20% 80%, var(--snoek-accent-100) 0%, transparent 50%), radial-gradient(circle at 80% 20%, var(--snoek-green-100) 0%, transparent 50%);--shadow-sm: 0 1px 2px rgba(13, 33, 55, .05);--shadow-md: 0 4px 6px -1px rgba(13, 33, 55, .1), 0 2px 4px -1px rgba(13, 33, 55, .06);--shadow-lg: 0 10px 15px -3px rgba(13, 33, 55, .1), 0 4px 6px -2px rgba(13, 33, 55, .05);--shadow-xl: 0 20px 25px -5px rgba(13, 33, 55, .1), 0 10px 10px -5px rgba(13, 33, 55, .04);--shadow-glow: 0 0 20px rgba(76, 175, 80, .3);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-circuit),#f8fafb;background-attachment:fixed;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--snoek-navy-50);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--snoek-green-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--snoek-green-600)}.snoek-select{width:100%;padding:12px 40px 12px 16px;border:2px solid var(--snoek-navy-200);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;color:var(--snoek-navy-900);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231a365d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;cursor:pointer;transition:all var(--transition-fast);appearance:none;-webkit-appearance:none;-moz-appearance:none}.snoek-select:hover{border-color:var(--snoek-green-400)}.snoek-select:focus{outline:none;border-color:var(--snoek-green-500);box-shadow:0 0 0 3px var(--snoek-green-100)}.snoek-select option{padding:12px}.snoek-input{width:100%;padding:12px 16px;border:2px solid var(--snoek-navy-200);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;color:var(--snoek-navy-900);background:#fff;transition:all var(--transition-fast)}.snoek-input:hover{border-color:var(--snoek-green-400)}.snoek-input:focus{outline:none;border-color:var(--snoek-green-500);box-shadow:0 0 0 3px var(--snoek-green-100)}.snoek-input::placeholder{color:var(--snoek-navy-300)}.snoek-label{display:block;margin-bottom:8px;font-weight:600;font-size:.875rem;color:var(--snoek-navy-800);letter-spacing:.01em}.snoek-form-group{margin-bottom:20px}.snoek-card{background:var(--bg-gradient-card);border:1px solid var(--snoek-navy-100);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.snoek-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.snoek-card--feed{border-left:4px solid var(--snoek-green-500);transition:border-color .2s ease,opacity .2s ease}.snoek-card--feed.inactive{border-left-color:#ef4444;border-color:#fca5a5;opacity:.9;background:linear-gradient(135deg,#fef2f2,#fff)}.snoek-stat-card{background:var(--bg-gradient-stat);border:1px solid var(--snoek-green-200);border-radius:var(--radius-lg);padding:20px 24px;text-align:center;position:relative;overflow:hidden}.snoek-stat-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,var(--snoek-green-200) 0%,transparent 70%);opacity:.5}.snoek-stat-value{font-size:2.5rem;font-weight:700;color:var(--snoek-navy-900);line-height:1;margin-bottom:8px}.snoek-stat-label{font-size:.875rem;font-weight:500;color:var(--snoek-navy-600);text-transform:uppercase;letter-spacing:.05em}.snoek-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;font-family:inherit;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.snoek-btn--primary{background:linear-gradient(135deg,var(--snoek-green-500) 0%,var(--snoek-green-700) 100%);color:#fff;box-shadow:var(--shadow-md),inset 0 1px #fff3}.snoek-btn--primary:hover{background:linear-gradient(135deg,var(--snoek-green-600) 0%,var(--snoek-green-800) 100%);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-1px)}.snoek-btn--primary:active{transform:translateY(0)}.snoek-btn--secondary{background:#fff;color:var(--snoek-navy-800);border:2px solid var(--snoek-navy-200)}.snoek-btn--secondary:hover{border-color:var(--snoek-green-400);background:var(--snoek-green-50);color:var(--snoek-green-800)}.snoek-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.snoek-btn--danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.snoek-btn--success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.snoek-btn--success:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.snoek-btn--small{padding:8px 16px;font-size:.875rem}.snoek-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:100px}.snoek-badge--success{background:var(--snoek-green-100);color:var(--snoek-green-800)}.snoek-badge--success:before{content:"●";color:var(--snoek-green-500);animation:pulse 2s infinite}.snoek-badge--warning{background:#fef3c7;color:#92400e}.snoek-badge--error{background:#fee2e2;color:#991b1b}.snoek-badge--info{background:var(--snoek-accent-100);color:var(--snoek-accent-800)}.snoek-badge--inactive{background:var(--snoek-navy-100);color:var(--snoek-navy-600)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.snoek-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--snoek-green-200)}.snoek-section-header h2{font-size:1.25rem;font-weight:700;color:var(--snoek-navy-900);margin:0}.snoek-section-header .icon{width:32px;height:32px;background:var(--snoek-green-100);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--snoek-green-700)}.snoek-page-header{background:var(--bg-gradient-hero);color:#fff;padding:32px 24px;margin:-16px -16px 24px;border-radius:0 0 var(--radius-xl) var(--radius-xl);position:relative;overflow:hidden}.snoek-page-header:before{content:"";position:absolute;top:-50%;right:-10%;width:50%;height:200%;background:radial-gradient(ellipse,rgba(76,175,80,.2) 0%,transparent 60%);pointer-events:none}.snoek-page-header h1{font-size:1.75rem;font-weight:700;margin:0 0 8px;position:relative}.snoek-page-header p{font-size:.9375rem;opacity:.85;margin:0;position:relative}.snoek-empty-state{text-align:center;padding:60px 24px;background:var(--bg-gradient-card);border:2px dashed var(--snoek-navy-200);border-radius:var(--radius-lg)}.snoek-empty-state .icon{width:80px;height:80px;margin:0 auto 24px;background:var(--snoek-green-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.snoek-empty-state h3{font-size:1.25rem;color:var(--snoek-navy-800);margin:0 0 12px}.snoek-empty-state p{color:var(--snoek-navy-500);max-width:400px;margin:0 auto 24px}.snoek-steps{display:flex;gap:8px;margin-bottom:32px}.snoek-step{flex:1;text-align:center;position:relative}.snoek-step:after{content:"";position:absolute;top:16px;left:50%;width:100%;height:3px;background:var(--snoek-navy-200)}.snoek-step:last-child:after{display:none}.snoek-step.completed:after{background:var(--snoek-green-500)}.snoek-step-number{width:36px;height:36px;border-radius:50%;background:var(--snoek-navy-200);color:var(--snoek-navy-600);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;margin-bottom:8px;position:relative;z-index:1;transition:all var(--transition-base)}.snoek-step.active .snoek-step-number{background:var(--snoek-green-500);color:#fff;box-shadow:0 0 0 4px var(--snoek-green-100)}.snoek-step.completed .snoek-step-number{background:var(--snoek-green-600);color:#fff}.snoek-step.completed .snoek-step-number:after{content:"✓"}.snoek-step-label{font-size:.75rem;font-weight:500;color:var(--snoek-navy-500);text-transform:uppercase;letter-spacing:.03em}.snoek-step.active .snoek-step-label{color:var(--snoek-green-700);font-weight:600}.snoek-info-box{padding:16px 20px;border-radius:var(--radius-md);display:flex;gap:12px;align-items:flex-start}.snoek-info-box--info{background:var(--snoek-accent-50);border:1px solid var(--snoek-accent-200)}.snoek-info-box--success{background:var(--snoek-green-50);border:1px solid var(--snoek-green-200)}.snoek-info-box--warning{background:#fffbeb;border:1px solid #fcd34d}.snoek-info-box .icon{flex-shrink:0;width:24px;height:24px}.snoek-info-box p{margin:0;font-size:.875rem;line-height:1.5}.snoek-table{width:100%;border-collapse:collapse;font-size:.875rem}.snoek-table th{text-align:left;padding:12px 16px;background:var(--snoek-navy-50);color:var(--snoek-navy-700);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--snoek-navy-200)}.snoek-table td{padding:12px 16px;border-bottom:1px solid var(--snoek-navy-100);color:var(--snoek-navy-800)}.snoek-table tr:hover td{background:var(--snoek-green-50)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-in{animation:slideIn .3s ease forwards}.animate-stagger>*{opacity:0;animation:fadeIn .4s ease forwards}.animate-stagger>*:nth-child(1){animation-delay:.05s}.animate-stagger>*:nth-child(2){animation-delay:.1s}.animate-stagger>*:nth-child(3){animation-delay:.15s}.animate-stagger>*:nth-child(4){animation-delay:.2s}.animate-stagger>*:nth-child(5){animation-delay:.25s}.animate-stagger>*:nth-child(6){animation-delay:.3s}.snoek-logo{transition:transform var(--transition-base)}.snoek-logo:hover{transform:scale(1.05)}.text-gradient{background:linear-gradient(135deg,var(--snoek-green-500),var(--snoek-accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-glow{box-shadow:0 0 0 1px var(--snoek-green-200),var(--shadow-glow)}s-page{--s-page-background: transparent}