:root{--color-background: #09090b;--color-surface: #18181b;--color-surface-hover: #27272a;--color-primary: #167a39;--color-primary-dark: #12632e;--color-etex-red: #E30613;--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-border: #27272a;--font-family: "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--radius-md: 6px;--radius-lg: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:block}#root{width:100%;height:100vh;max-width:none;padding:0;display:flex;flex-direction:column}.container{max-width:600px;margin:0 auto;background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}h1{font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--color-text-primary)}.form-group{margin-bottom:var(--spacing-md)}label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:.9rem}select,input{width:100%;padding:var(--spacing-sm);background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}select:focus,input:focus{outline:none;border-color:var(--color-primary)}.btn-primary{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;box-shadow:0 4px 6px -1px #167a394d;margin-top:var(--spacing-md)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.result-card{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.result-item:last-child{border-bottom:none}.result-label{color:var(--color-text-secondary);font-size:.9rem}.result-value{font-weight:600;color:var(--color-primary)}.info-box{background:#167a391a;border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.9rem;color:var(--color-text-primary)}