@import "https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#f5f8ff;--bg-ink:#f1f5fc;--text-main:#172338;--text-sub:#6a7690;--line:#859cc43d;--glass:#ffffffa3;--glass-strong:#ffffffd1;--shadow:0 20px 45px #3a4c722e;--radius-xl:26px;--radius-lg:18px;--accent:#7ab4ff;--accent-2:#c7f24c;--primary:#2d64d8;--primary-strong:#214ca8;--ok-bg:#17bc8a2e;--ok-text:#0d6f53;--warn-bg:#ffbe0b38;--warn-text:#8b6003}*{box-sizing:border-box}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 90% 18%, #c1ddff99, transparent 42%), radial-gradient(circle at 8% 92%, #c7f24c33, transparent 32%), linear-gradient(140deg, var(--bg-main), var(--bg-ink));margin:0;font-family:Urbanist,Avenir Next,Segoe UI,sans-serif;overflow-x:hidden}#root{min-height:100vh}.app-shell{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;min-height:100vh;margin:0;padding:0}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--glass-strong);border:1px solid var(--line);border-radius:20px;width:min(480px,96vw);padding:22px;box-shadow:0 16px 34px #42588129}.auth-card h1{margin:2px 0 0;font-size:1.8rem;font-weight:700}.auth-mode-row{gap:8px;margin-top:14px;display:flex}.auth-form{gap:10px;margin-top:14px;display:grid}.auth-form label{color:var(--text-sub);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.auth-form input{border:1px solid var(--line);font:inherit;background:#ffffffd6;border-radius:12px;padding:10px 12px}.auth-error{color:#b12631;margin:2px 0 0;font-size:.84rem}.auth-submit{margin-top:4px}.topbar{grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:20px 24px 18px;display:grid}.brand{letter-spacing:.02em;margin:0;font-family:Urbanist,Avenir Next,Segoe UI,sans-serif;font-size:1.2rem;font-weight:700}.brand-sub{color:var(--text-sub);margin:4px 0 0;font-size:.8rem}.top-nav{border:1px solid var(--line);background:#ffffff80;border-radius:999px;align-items:center;gap:8px;padding:5px;display:flex}.top-nav a{color:#5f6d87;border-radius:999px;padding:9px 14px;font-size:.84rem;font-weight:500;text-decoration:none;transition:all .2s}.top-nav a.active,.top-nav a:hover{color:#10213a;background:var(--glass-strong);box-shadow:0 6px 18px #4b6aa233}.top-status{color:#5571a8;font-size:.78rem;font:inherit;cursor:pointer;background:#f5faffcc;border:1px solid #adc5f1b3;border-radius:999px;padding:7px 12px;line-height:1.2}.top-status:hover{background:#e9f3fff2}.top-status:focus-visible{outline-offset:2px;outline:2px solid #2d64d873}.main-content{padding:8px 24px 28px}.page{animation:.35s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:20px}.page-header h1{letter-spacing:-.01em;margin:0;font-family:Urbanist,Avenir Next,Segoe UI,sans-serif;font-size:2.1rem;font-weight:500}.page-header.compact h1{font-size:2.2rem}.eyebrow{color:#5d78ad;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem}.subtitle{color:var(--text-sub);margin:8px 0 0;font-size:.9rem}.dashboard-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.header-badge{color:#2a4f93;background:linear-gradient(110deg,#9ac2ff38,#c7f24c3d);border:1px solid #a0bceb99;border-radius:999px;align-self:center;padding:8px 12px;font-size:.8rem}.dashboard-main{gap:12px;margin-bottom:16px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;display:grid}.stat-card{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:12px 14px;box-shadow:0 6px 18px #4258811f}.stat-card p{color:var(--text-sub);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.76rem}.stat-card h2{letter-spacing:-.01em;margin:8px 0 0;font-family:Urbanist,Avenir Next,Segoe UI,sans-serif;font-size:2rem;font-weight:500}.panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);margin-bottom:16px;padding:16px;box-shadow:0 8px 20px #4258811c}.panel h3{letter-spacing:.02em;margin:0 0 12px;font-family:Urbanist,Avenir Next,Segoe UI,sans-serif;font-size:1rem;font-weight:600}.panel-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-priority{background:linear-gradient(#fff9efd9,#ffffffb8);border-color:#ebac4b73}.priority-count{color:#8b6003;background:#ffbe0b38;border-radius:999px;padding:4px 10px;font-size:.75rem}.customer-primary{color:#1f3f74;font-weight:700}.table-toolbar{grid-template-columns:1fr 220px;align-items:center;gap:10px;margin-top:12px;margin-bottom:14px;display:grid}.table-toolbar-single-line{flex-wrap:nowrap;display:flex;overflow-x:auto}.table-toolbar-single-line .filter-input,.table-toolbar-single-line .filter-select{flex:none;min-width:160px}.table-toolbar-single-line .filter-input:first-child{flex:320px;min-width:260px}.filter-input,.filter-select{border:1px solid var(--line);font:inherit;color:var(--text-main);background:#ffffffc2;border-radius:12px;min-height:44px;padding:10px 12px;font-size:.82rem}.filter-input:focus,.filter-select:focus{border-color:#4977d68c;outline:none;box-shadow:0 0 0 3px #4977d629}.filter-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#304974 50%),linear-gradient(135deg,#304974 50%,#0000 50%),linear-gradient(90deg,#859cc44d,#859cc44d);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px),calc(100% - 32px);background-repeat:no-repeat;background-size:6px 6px,6px 6px,1px 22px;padding-right:38px}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:max-content}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:10px;font-size:.84rem}th{letter-spacing:.06em;color:var(--text-sub);font-size:.74rem}.status-pill{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:88px;padding:4px 8px;font-size:.8rem;font-weight:600;display:inline-flex}.status-pill.draft{background:var(--warn-bg);color:var(--warn-text)}.status-pill.pending{color:#8a5b00;background:#ffc35847}.status-pill.submitted{color:#1b4d93;background:#7ab4ff40}.status-pill.completed{color:#0f6a45;background:#68d69c38}.trend-highlight{color:#6d8308;background:#c7f24c52;border-radius:999px;padding:4px 10px;font-size:.75rem}.trend-bars{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:8px;height:120px;display:grid}.trend-bars div{background:linear-gradient(#91b0e7eb,#b0caf5a6);border-radius:8px}.trend-bars div.active{background:linear-gradient(#c7f24cf2,#b0d83fd1);box-shadow:0 0 0 2px #c7f24c6b}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.form-grid label{color:var(--text-sub);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.form-grid input{border:1px solid var(--line);font:inherit;background:#ffffffc7;border-radius:12px;padding:9px 10px}.form-grid select,.production-row-editor select{border:1px solid var(--line);font:inherit;color:var(--text-main);appearance:none;cursor:pointer;background-color:#ffffffc7;background-image:linear-gradient(45deg,#0000 50%,#304974 50%),linear-gradient(135deg,#304974 50%,#0000 50%),linear-gradient(90deg,#859cc44d,#859cc44d);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 11px) calc(50% - 3px),calc(100% - 30px);background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 64%;border-radius:12px;min-height:40px;padding:9px 36px 9px 10px}.form-grid input:focus,.form-grid select:focus,.production-row-editor select:focus{border-color:#4977d68c;outline:none;box-shadow:0 0 0 3px #4977d629}.tooling-form{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-health{border-radius:999px;justify-content:center;align-items:center;min-width:86px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.tool-health.green{color:#0f6a45;background:#68d69c38}.tool-health.yellow{color:#8a5b00;background:#ffc35847}.tool-health.red{color:#9f1f25;background:#e56b6f38}.tool-health.critical{color:#fff3f3;background:#7a0e12e0;animation:1s ease-in-out infinite danger-pulse}@keyframes danger-pulse{0%{opacity:1}50%{opacity:.42}to{opacity:1}}.form-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;margin-top:8px;display:flex}.btn{border:1px solid var(--line);color:var(--text-main);font:inherit;cursor:pointer;background:#ffffffc7;border-radius:12px;min-height:38px;padding:8px 12px;font-size:.78rem}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#eff4ff}.btn-primary:hover:not(:disabled){background:var(--primary-strong)}.btn-danger{color:#8f1d24;background:#e56b6f33;border-color:#c83f468c}.btn-danger:hover:not(:disabled){background:#e56b6f4d}.btn-ghost{background:0 0}.btn-small{padding:5px 8px}.actions-inline{flex-wrap:wrap;gap:6px;display:flex}.history-empty{color:var(--text-sub);font-size:.76rem}.history-details{min-width:220px}.history-details summary{cursor:pointer;color:var(--primary-strong);font-size:.78rem;font-weight:600}.history-list{gap:6px;margin-top:8px;display:grid}.history-item{border:1px solid var(--line);background:#ffffffad;border-radius:10px;gap:2px;padding:7px 8px;font-size:.74rem;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0d192f5c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:#f8fcfff2;border:1px solid #a2b8e299;border-radius:18px;width:min(980px,96vw);max-height:calc(100dvh - 24px);padding:16px;overflow:auto;box-shadow:0 18px 45px #28426e3d}.modal-card.production-modal-wide{width:min(1320px,98vw)}.modal-card.material-movement-modal{width:min(1420px,99vw)}.modal-card.delete-confirm-modal{width:min(540px,96vw)}.reset-modal{width:min(560px,96vw)}.delete-confirm-label{color:var(--text-sub);flex-direction:column;gap:6px;font-size:.82rem;display:flex}.delete-confirm-label input{border:1px solid var(--line);font:inherit;color:var(--text-main);background:#ffffffe6;border-radius:12px;padding:10px 12px}.delete-confirm-label input:focus{border-color:#4977d68c;outline:none;box-shadow:0 0 0 3px #4977d629}.reset-confirm-label{color:var(--text-sub);flex-direction:column;gap:6px;margin-top:10px;font-size:.82rem;display:flex}.reset-confirm-label input{border:1px solid var(--line);font:inherit;background:#ffffffd6;border-radius:12px;padding:10px 12px}.form-grid-production{grid-template-columns:1fr;display:grid}.form-error{color:#9f1f25;margin:2px 0 0;font-size:.78rem}.production-row-editor{border:1px solid var(--line);background:#ffffff94;border-radius:14px;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:12px;display:grid}.readonly-display{border:1px solid var(--line);box-sizing:border-box;height:42px;min-height:42px;color:var(--text-main);background:#e8effb85;border-radius:12px;justify-content:center;align-items:center;padding:7px 10px;display:flex}.quantity-negative{color:#9f1f25;font-weight:600}.production-row-editor input,.production-row-editor select{box-sizing:border-box;height:42px;min-height:42px}.production-row-editor .readonly-display .tool-health{min-width:0;box-shadow:none;color:var(--text-main);background:0 0;border-radius:0;padding:0;animation:none}.tick-all-control{color:var(--text-sub);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.production-row-editor>div{align-items:flex-end;display:flex}@media (width<=1360px){.main-content{padding-inline:18px}.page-header h1,.page-header.compact h1{font-size:1.9rem}.production-row-editor{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1024px){.topbar{grid-template-columns:1fr;justify-items:start;gap:12px}.top-nav{flex-wrap:nowrap;width:100%;overflow-x:auto}.top-nav a{white-space:nowrap}.panel{padding:14px}.form-grid,.production-row-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1150px){.stats-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.main-content{padding:12px 14px 18px}.page-header h1,.page-header.compact h1{font-size:1.65rem}.history-details{min-width:160px}.modal-overlay{align-items:start;padding:10px}.modal-card,.modal-card.production-modal-wide,.reset-modal{border-radius:14px;width:100%;max-width:100%;max-height:calc(100dvh - 20px);padding:12px}.stats-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.form-grid,.modal-card .form-grid,.production-row-editor,.tooling-form,.table-toolbar{grid-template-columns:1fr}}@media (width<=560px){.auth-shell{padding:12px}.auth-card{width:100%;padding:16px}.stats-grid{grid-template-columns:1fr}th,td{padding:8px;font-size:.8rem}.btn,.btn-small{min-height:36px;padding:8px 10px}}
