@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;700&display=swap');
html{scrollbar-color:#1b2a38 #080d14;scrollbar-width:thin}*{scrollbar-color:#1b2a38 #080d14;scrollbar-width:thin}.login-card label{margin-bottom:2px}.login-card input{margin-top:2px}.picker-list{height:190px;max-height:190px;overflow-y:scroll}.settings-specific label{display:flex;align-items:center;gap:12px}.settings-specific input[type=range]{flex:1}.settings-specific output{float:none;margin:0;min-width:34px;text-align:right}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{filter:none;opacity:1;margin-right:0}
:root{--bg:#0b1118;--surface:#101721;--surface2:#151e2b;--line:#263445;--text:#e6edf5;--muted:#86a0bd;--blue:#36b9df;--accent:#f4b82e;--danger:#e76c62}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -30%,#183847 0,#0b1118 46%);color:var(--text);font:14px 'DM Sans',sans-serif;min-height:100vh}.top-nav{height:62px;background:#080d14;border-bottom:1px solid #17222d;display:flex;align-items:center;padding:0 26px;gap:20px;position:sticky;top:0;z-index:10}.brand img{width:127px;display:block}.nav-link{color:var(--muted);text-decoration:none;border:0;background:none;padding:21px 14px;font-weight:700}.nav-link:hover,.nav-link.active{color:var(--blue)}.nav-links{display:flex;height:100%;align-items:center}.nav-links .nav-link.active{background:#17212e;border-radius:6px 6px 0 0;border-bottom:3px solid var(--blue)}.user-menu{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--muted)}.user-menu small{border-left:1px solid var(--line);padding-left:10px}.user-menu a{color:var(--muted);margin-left:14px}.crumb{padding:19px 28px;color:var(--muted);font-size:12px}.crumb span{padding:0 10px;color:var(--blue)}.workspace{padding:0 26px 48px}.screen{display:none}.screen.active{display:block}.screen-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.panel-stack,.control-panel{background:rgba(16,23,33,.9);border:1px solid var(--line);border-radius:5px;padding:20px}.control-panel{position:sticky;top:82px}.panel-heading,.formulation-title,.result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.kicker{color:var(--blue);font-size:11px;letter-spacing:1.6px;font-weight:700}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;margin:2px 0;letter-spacing:.2px}h1{font-size:28px}h2{font-size:20px;margin-bottom:14px}.btn-primary{background:var(--blue);border-color:var(--blue);color:#07151d;font-weight:700}.btn-outline-primary{color:var(--blue);border-color:#19647d}.btn-outline-primary:hover{background:var(--blue);color:#07151d}.formulation-card,.bounds-card,.result-card{background:var(--surface2);border:1px solid var(--line);border-radius:4px;padding:18px;margin-bottom:14px}.formulation-title h3{font-size:20px}.ingredient{display:grid;grid-template-columns:1fr 150px 30px;align-items:center;gap:9px;border-top:1px solid rgba(157,176,185,.15);padding:11px 0}.ingredient-name{display:flex;align-items:center;gap:8px}.ingredient-name>i,.picker-list i{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--blue)}.ingredient small,.check-row small,.picker-list small,.project-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.stepper{display:grid;grid-template-columns:30px 72px 30px;align-items:center;gap:7px}.stepper b{text-align:center;white-space:nowrap;font-weight:500}.stepper button{width:30px;height:30px;padding:0;background:#172d3a;border:1px solid #294c5e;color:var(--blue);border-radius:6px}.total{display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:8px}.total strong{color:var(--accent)}.total.over strong{color:var(--danger)}.total.equal strong{color:#4fd18b}label{display:block;color:var(--muted);font-size:12px;margin-bottom:13px}input,select{display:block;width:100%;margin-top:5px;background:#111925;border:1px solid #2d4055;color:var(--text);border-radius:5px;padding:8px 9px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{filter:invert(.35) sepia(.2);opacity:.7}input[type=number]:hover::-webkit-inner-spin-button{margin-right:8px}.field-grid label{position:relative}.field-grid label>small{position:absolute;right:9px;bottom:9px;background:#111925;padding-left:4px}.field-grid label:focus-within>small{display:none}input[type=checkbox],input[type=radio]{display:inline-block;width:auto;margin:0 7px 0 0;accent-color:var(--blue)}input[type=range]{accent-color:var(--blue)}output{float:right;color:var(--blue);font-weight:bold;margin-top:-3px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.rule{border-top:1px solid var(--line);margin:8px 0 20px}.check-row{display:flex;align-items:flex-start;color:var(--text)}.check-row span{flex:1}.model-toggle{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:16px 0;display:flex;gap:12px;align-items:center}.model-toggle span{color:var(--muted);margin-right:auto}.model-toggle label{margin:0;color:var(--text)}.run-btn{width:100%;padding:11px}.run-btn:disabled{opacity:.55;cursor:wait}.result-card{margin-top:14px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#101a26;border-radius:3px;padding:14px}.metric b{font:28px 'Barlow Condensed';color:var(--accent);display:block}.metric small{color:var(--muted)}.chart{height:240px}.chart.tall{height:330px}.bounds-table{width:100%;border-collapse:collapse}.bounds-table th,.bounds-table td{border-bottom:1px solid rgba(157,176,185,.15);padding:10px;text-align:left;color:var(--muted)}.bounds-table td strong{color:var(--text);margin-right:10px}.bounds-table input{width:90px;display:inline-block}.add-ingredient,.add-formulation{background:none;border:0;color:var(--blue);padding:12px 0;font-weight:700}.add-formulation{display:block;width:100%;border:1px dashed var(--line);margin-top:8px}.ingredient-picker{background:#111925;border:1px solid var(--line);padding:10px;margin-top:4px;max-width:360px}.picker-list{max-height:190px;overflow:auto}.picker-list button,.project-row{display:flex;width:100%;align-items:center;gap:9px;background:none;color:var(--text);border:0;border-bottom:1px solid rgba(157,176,185,.12);padding:9px;text-align:left}.picker-list button:hover,.project-row:hover{background:#203c4d}.project-row i{margin-left:auto;color:var(--blue)}.composition-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#619aca 0 var(--p1),#ef7040 var(--p1) var(--p2),#f7b52b var(--p2) 100%);display:grid;place-items:center;margin:auto}.donut>div{width:92px;height:92px;border-radius:50%;background:var(--surface2);display:grid;place-content:center;text-align:center}.donut strong{font:24px 'Barlow Condensed';color:var(--text)}.donut small{color:var(--muted)}.optimal-grid{display:grid;grid-template-columns:230px 1fr;align-items:center}.optimal-values p{color:var(--blue);font-weight:700}.optimal-values p span{color:var(--muted);margin-left:30px}.optimal-values p b,.optimal-values>strong{color:var(--accent)}.optimal-values>strong{font:32px 'Barlow Condensed';display:block;margin-top:5px}.axis-grid{display:flex;gap:12px;align-items:stretch;margin:14px 0}.axis-grid label{flex:1}.legend-row{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted);font-size:11px;flex-wrap:wrap}.color-scale{width:140px;height:12px;border-radius:6px;background:linear-gradient(90deg,#3caac6,#efb52c,#db6148)}.size-label{margin-left:28px}.bubble{display:inline-block;background:#287f98;border-radius:50%}.bubble.small{width:10px;height:10px}.bubble.medium{width:25px;height:25px}.bubble.large{width:39px;height:39px}.modal-content{background:#182630;border:1px solid var(--line);color:var(--text)}.modal-header,.modal-footer{border-color:var(--line)}.btn-close{filter:invert(1)}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(90deg,rgba(10,21,29,.76),rgba(10,21,29,.26)),url('../img/AlloyPredictor_background1.jpg') center/cover}.login-card{width:min(420px,calc(100% - 32px));padding:36px;background:rgba(16,24,32,.86);border:1px solid #557180;box-shadow:0 18px 60px #0008;border-radius:6px}.splash-logo{width:100%;height:130px;object-fit:contain}.eyebrow{text-align:center;color:var(--blue);letter-spacing:1.8px;text-transform:uppercase;font-size:11px}.loader{position:fixed;left:2%;right:2%;bottom:16px;background:#0b1118ee;border:1px solid var(--blue);padding:14px 20px;z-index:20;color:var(--blue);text-align:center}.loader_msg:before{content:' ';display:inline-block;width:16px;height:16px;border:2px solid #456172;border-top-color:var(--blue);border-radius:50%;vertical-align:-3px;margin-right:10px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.top-nav{padding:0 16px;gap:8px}.nav-links{order:4;position:absolute;top:62px;left:0;width:100%;height:48px;background:#080d14}.crumb{padding:66px 18px 16px}.workspace{padding:0 18px 30px}.screen-grid{grid-template-columns:1fr}.control-panel{position:static}.user-menu small,.user-menu span{display:none}.panel-stack{padding:16px}.metric-grid{grid-template-columns:1fr 1fr}.axis-grid,.composition-layout{display:block}.optimal-grid{grid-template-columns:1fr}}