:root{--ff-base: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 20px;--space-lg: 32px;--space-xl: 40px;--radius-default: 12px;--color-bg: #F0F4F8;--color-bg-dark: #0A101A;--color-card: #FFFFFF;--color-card-dark: #161D26;--color-text: #0A101A;--color-subtext: #5A677B;--color-primary: #0052FF;--color-accent: #28A745;--color-border: #D1D5DB}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--ff-base);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.4}h1{font-size:2rem;margin:0}h2{font-size:1.25rem;margin:0}h3{font-size:1rem;margin:0}p{margin:0}.app-container{width:100%;max-width:960px;margin-left:auto;margin-right:auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.card{background:var(--color-card);border-radius:var(--radius-default);padding:var(--space-lg);box-shadow:0 6px 20px #0c10170f;border:1px solid var(--color-border)}.card-dark{background:var(--color-card-dark)}input,button,select,textarea{font-family:inherit;font-size:1rem}input{padding:12px;border-radius:10px;border:1px solid var(--color-border);background:transparent}input:focus{outline:none;box-shadow:0 0 0 4px #0052ff14;border-color:var(--color-primary)}button{cursor:pointer;border-radius:12px;border:none}.text-center{text-align:center}.text-sub{color:var(--color-subtext)}.text-accent{color:var(--color-accent)}.rounded-xl{border-radius:1rem}.shadow-md{box-shadow:0 8px 30px #0c101714}.mt-6{margin-top:var(--space-lg)}.mb-4{margin-bottom:var(--space-md)}.mb-6{margin-bottom:var(--space-lg)}.p-4{padding:var(--space-md)}.p-6{padding:var(--space-lg)}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.w-full{width:100%}@media (min-width:768px){html{font-size:17px}.app-container{padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media (min-width:1024px){html{font-size:18px}.app-container{max-width:1100px}}.space-y-6>*+*{margin-top:var(--space-lg)}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}
