:root{--color-primary:#000;--color-secondary:#18181b;--color-accent:#22c55e;--color-accent-error:#ef4444;--color-text:#fff;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-border:#27272a;--color-border-focus:#fff;--color-background:#000;--color-surface:#18181b;--transition-base:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-glow:0 0 20px rgb(34 197 94/0.3);--shadow-glow-error:0 0 20px rgb(239 68 68/0.3);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);line-height:1.6}.min-h-screen{min-height:100vh}.max-w-2xl{max-width:42rem}.container,.mx-auto{margin-left:auto;margin-right:auto}.container{width:100%;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container{max-width:42rem;padding-left:2rem;padding-right:2rem}}.px-4{padding-left:1rem;padding-right:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}@media (max-width:639px){.py-responsive{padding-top:2rem;padding-bottom:2rem}.mb-responsive{margin-bottom:1.5rem}}.text-5xl{font-size:var(--font-size-5xl);line-height:1}@media (max-width:639px){.text-5xl{font-size:var(--font-size-3xl);line-height:1.1}}.text-responsive{font-size:var(--font-size-base)}@media (min-width:640px){.text-responsive{font-size:var(--font-size-lg)}}.text-white{color:var(--color-text)}.text-gray-400{color:var(--color-text-secondary)}.text-gray-600{color:var(--color-text-muted)}.text-green-400{color:#4ade80}.text-red-400{color:#f87171}.text-black{color:#000}.text-sm{font-size:var(--font-size-sm);line-height:1.25rem}.text-center{text-align:center}.font-bold{font-weight:700}.font-medium{font-weight:500}.bg-black{background-color:var(--color-primary)}.bg-zinc-900{background-color:var(--color-surface)}.bg-white{background-color:#fff}.bg-green-500\/10{background-color:rgb(34 197 94/.1)}.bg-red-500\/10{background-color:rgb(239 68 68/.1)}.bg-green-500{background-color:#22c55e}.border{border-width:1px}.border-zinc-800{border-color:var(--color-border)}.border-green-500\/20{border-color:rgb(34 197 94/.2)}.border-red-500\/20{border-color:rgb(239 68 68/.2)}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mt-8{margin-top:2rem}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.block{display:block}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.form-control{background-color:var(--color-primary);border:1px solid var(--color-border);color:var(--color-text);width:100%;padding:.75rem 1rem;border-radius:.375rem;transition:var(--transition-base);font-size:var(--font-size-base)}.form-control:hover{border-color:#4b5563;background-color:#0a0a0a}.form-control:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px rgba(255,255,255,.1);background-color:#0a0a0a}.form-control::placeholder{color:var(--color-text-muted);transition:var(--transition-base)}.form-control:focus::placeholder{color:transparent}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select.form-control:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}select.form-control:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.btn{width:100%;padding:.75rem 1rem;background-color:#fff;color:#000;border:none;border-radius:.375rem;font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;transform:translateY(0)}.btn:hover:not(:disabled){background-color:#f3f4f6;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.3)}.btn:disabled{background-color:#1f2937;color:#4b5563;cursor:not-allowed;transform:none}.btn.loading{color:transparent}.btn.loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border-radius:50%;border:2px solid #000;border-top-color:transparent;animation:spin .6s linear infinite}.status-indicator{padding:1rem;border-radius:.5rem;border:1px solid;margin-top:2rem;transition:var(--transition-smooth)}.status-indicator:hover{transform:translateX(4px)}.status-success{background-color:var(--color-accent);background-color:rgb(34 197 94/.1);border-color:rgb(34 197 94/.2);color:var(--color-text)}.status-error{background-color:var(--color-accent-error);background-color:rgb(239 68 68/.1);border-color:rgb(239 68 68/.2);color:var(--color-text)}.status-indicator:hover.status-success{box-shadow:var(--shadow-glow)}.status-indicator:hover.status-error{box-shadow:var(--shadow-glow-error)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:2rem;transition:var(--transition-smooth)}.card:hover{box-shadow:var(--shadow-lg);border-color:#374151;transform:translateY(-2px)}.card:focus-within{box-shadow:0 0 0 3px rgba(255,255,255,.1)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.focus-visible:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.skip-to-main{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:var(--color-text);padding:8px;text-decoration:none;z-index:9999}.skip-to-main:focus{top:6px}::selection{background-color:rgba(255,255,255,.2);color:var(--color-text)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover:none){.btn:hover{background-color:#fff;transform:none;box-shadow:none}.form-control:hover{border-color:var(--color-border);background-color:var(--color-primary)}.card:hover{transform:none;box-shadow:none}}@media (max-width:639px){.btn,.form-control{min-height:48px;font-size:var(--font-size-lg)}}.skeleton{background:linear-gradient(90deg,#27272a 25%,#3f3f46 50%,#27272a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#27272a}.nav{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(24,24,27,.95)}.nav-container{max-width:42rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:flex;align-items:center;justify-content:space-between}@media (min-width:640px){.nav-container{padding-left:1.5rem;padding-right:1.5rem}}.nav-brand{flex-shrink:0}.nav-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.nav-links{gap:.5rem}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{padding:.5rem 1rem;border-radius:.375rem;text-decoration:none;color:var(--color-text-secondary);transition:var(--transition-base);font-size:var(--font-size-sm);font-weight:500;position:relative}.nav-link:hover{background-color:rgba(255,255,255,.1);color:var(--color-text)}.nav-link.active{background-color:var(--color-accent);color:#000}.nav-link.active:hover{background-color:#16a34a;color:#000}.nav-link.placeholder{width:80px;height:32px;background-color:#374151;border-radius:.375rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.nav-link-text{position:relative;z-index:1}@media (max-width:639px){.nav{padding:.5rem 0}.nav-title{font-size:var(--font-size-base)}.nav-link{padding:.375rem .75rem;font-size:var(--font-size-xs)}.nav-link.placeholder{width:60px;height:28px}}@media print{.btn,.card,.form-control{border:1px solid #000!important;background:#fff!important;color:#000!important}.skeleton,.skeleton-loading{background:#f0f0f0!important;animation:none!important}.nav{display:none}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.scale-105{transform:scale(1.05)}