:root{font-family:Segoe UI,Trebuchet MS,sans-serif;color:#f8f3ea;background:radial-gradient(circle at top left,rgba(248,164,76,.24),transparent 28%),radial-gradient(circle at bottom right,rgba(199,37,45,.2),transparent 25%),linear-gradient(135deg,#231914,#38251a 45%,#16110f);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0}#app{min-height:100vh}.app-shell{min-height:100vh;padding:32px}.login-layout,.dashboard{width:min(1280px,100%);margin:0 auto}.login-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}.brand-panel,.login-card,.panel,.status-card,.banner{border:1px solid rgba(255,255,255,.08);background:#1a1411c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #00000047}.brand-panel{border-radius:32px;padding:48px;display:flex;flex-direction:column;justify-content:center;min-height:620px}.eyebrow,.section-kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:#f8a44c}.brand-panel h1,.topbar h1{margin:0;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.96;max-width:12ch}.lead,.muted,.notes-card p,.tips-list article,.status-card p{color:#f8f3eacc}.lead{max-width:560px;font-size:1.06rem;margin:20px 0 30px}.brand-pills{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.brand-pills span,.badge,.percent-pill,.hex-code{border-radius:999px;padding:10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.status-card{border-radius:20px;padding:16px}.status-card strong{display:block;margin-bottom:6px}.status-card p{margin:0}.status-card.compact{max-width:280px}.login-card{border-radius:32px;padding:36px;display:grid;gap:18px;align-content:center}.login-card h2,.panel h2,.recipe-breakdown h3,.catalog h3,.notes-card h3,.ink-form h3{margin:0}label{display:grid;gap:8px;font-size:.95rem}input,select,textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff8f0;padding:14px 16px}textarea{resize:vertical}.hex-input{display:grid;grid-template-columns:1fr 74px;gap:10px}input[type=color]{padding:6px;min-height:52px}.primary-button,.secondary-button,.ghost-button,.icon-button{border-radius:16px;padding:14px 18px;font-weight:700;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.primary-button{background:linear-gradient(135deg,#f8a44c,#db4f34);color:#22150f}.secondary-button{background:#ffffff14;color:#fff8f0}.ghost-button,.icon-button{background:#ffffff0f;color:#fff8f0}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.7;cursor:progress}.error-text{margin:0;color:#ff9182}.demo-box{display:grid;gap:4px;border-radius:20px;padding:16px;background:#ffffff0d;color:#f8f3eae0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.topbar-actions{display:flex;gap:14px;align-items:center}.user-chip{display:grid;gap:2px;padding:12px 14px;border-radius:18px;background:#ffffff0d}.user-chip small{color:#f8f3eaad}.banner{margin:0 0 18px;padding:14px 18px;border-radius:18px}.banner.success{color:#ffe7c6}.banner.error{color:#ffb0a1}.dashboard-grid{display:grid;grid-template-columns:1.15fr .9fr .95fr;gap:22px}.panel{border-radius:28px;padding:24px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}.order-fields,.tips-list,.catalog ul,.recipe-breakdown ul,.ink-form{display:grid;gap:16px}.mix-table{display:grid;gap:12px;margin-top:24px}.mix-table-header,.mix-row{display:grid;grid-template-columns:2fr 1fr .7fr auto;gap:12px;align-items:center}.mix-table-header{color:#f8f3ea9e;font-size:.86rem;padding:0 4px}.form-actions{margin-top:18px}.panel-preview{display:grid;align-content:start}.color-preview{min-height:240px;border-radius:28px;margin-bottom:20px;box-shadow:inset 0 0 0 1px #fff3,inset 0 -20px 30px #0000002e}.color-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.color-stats div{display:grid;gap:6px;padding:14px;border-radius:18px;background:#ffffff0d}.color-stats span,.catalog small{color:#f8f3ea9e}.recipe-breakdown ul,.catalog ul{list-style:none;margin:0;padding:0}.recipe-breakdown li,.catalog li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.recipe-breakdown span,.catalog span{display:inline-flex;gap:10px;align-items:center}.recipe-breakdown i,.catalog i{width:16px;height:16px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.2)}.tips-list article,.notes-card,.ink-form{border-radius:20px;padding:16px;background:#ffffff0d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1180px){.login-layout,.dashboard-grid{grid-template-columns:1fr}.brand-panel{min-height:auto}}@media (max-width: 780px){.app-shell{padding:18px}.brand-panel,.login-card,.panel{padding:20px;border-radius:24px}.topbar,.topbar-actions,.panel-heading,.color-stats,.mix-table-header,.mix-row,.hex-input{grid-template-columns:1fr;display:grid}.topbar{justify-content:stretch}.color-stats{grid-template-columns:1fr}.mix-table-header{display:none}}