:root{--ink: #12211c;--ink-soft: #3d524a;--paper: #f4efe6;--paper-2: #ebe4d6;--card: #fffcf7;--line: #d7cebc;--teal: #0f6e62;--teal-2: #14897a;--gold: #c48a2a;--ok: #1f7a4d;--warn: #b45309;--bad: #b42318;--muted: #6b7a73;--shadow: 0 18px 40px rgba(18, 33, 28, .08);--sidebar: 268px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Outfit,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%,#dceee8 0%,transparent 50%),linear-gradient(180deg,var(--paper) 0%,#e7e0d2 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#10241f,#16332c);color:#e8efe9;padding:22px 16px;overflow:auto}.brand{padding:0 0 18px}.brand a{display:block}.brand img{width:100%;height:auto;display:block;background:#fff;border-radius:12px;padding:10px 12px}.brand p{margin:8px 0 0;color:#b7c9c2;font-size:12px;padding:0 4px}.nav{display:flex;flex-direction:column;gap:4px}.nav a,.nav button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#d5e4de;background:transparent;border:0;text-align:left;cursor:pointer}.nav a.active,.nav a:hover{background:#ffffff14;color:#fff}.nav .section{margin:16px 10px 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8aa399}.main{min-width:0;position:relative}.page-watermark{position:fixed;inset:0 0 0 var(--sidebar);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;overflow:hidden}.page-watermark img{width:min(720px,62%);max-height:70vh;object-fit:contain;opacity:.2;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none}.topbar{display:flex;gap:12px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);background:#fffcf7c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.topbar input{flex:1;max-width:520px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px}.menu-btn{display:none;border:0;background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}.delivery-bell{position:relative;flex-shrink:0}.bell-btn{position:relative;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;color:var(--ink)}.bell-btn.has{border-color:#e2b36a;background:#fff8ee}.bell-count{margin-left:6px;display:inline-flex;min-width:18px;height:18px;padding:0 5px;align-items:center;justify-content:center;border-radius:999px;background:var(--bad);color:#fff;font-size:11px;font-weight:700}.bell-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(440px,86vw);max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:30;padding:12px}.bell-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.bell-head span{font-size:12px;color:var(--muted)}.bell-enable{width:100%;margin-bottom:10px;border:1px solid var(--line);background:#f7f4ec;border-radius:8px;padding:8px 10px;cursor:pointer}.bell-empty{margin:8px 0;color:var(--muted);font-size:13px}.bell-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.bell-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fffcf7}.bell-item.today{border-color:#e7b4ae;background:#fff4f2}.bell-item.overdue{border-color:#e7b4ae;background:#fde8e6}.bell-item.upcoming{border-color:#e2b36a;background:#fff8ee}.bell-item.lead10{border-color:#8aa4c8;background:#eef3fa}.bell-item.lead10 em{color:#2c5282}.bell-item a{display:grid;gap:2px;min-width:0}.bell-item em{font-style:normal;font-size:12px;font-weight:700;color:var(--warn)}.bell-item.today em,.bell-item.overdue em{color:var(--bad)}.bell-item strong{font-size:14px}.bell-item span{font-size:12px;color:var(--ink-soft)}.bell-process{color:var(--teal)!important;font-weight:650}.bell-why{color:var(--muted)!important}.bell-item button{border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;padding:4px;white-space:nowrap}.bell-item.gate{border-color:#7aa39a;background:#eef7f4}.bell-item.gate em{color:var(--teal)}.note-modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#10241f73;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px}.note-modal{width:min(520px,94vw);max-height:80vh;overflow:auto;background:#fff;border-radius:16px;padding:20px 22px;box-shadow:var(--shadow)}.note-modal h3{margin:0 0 8px}.note-modal h4{margin:14px 0 8px;font-size:14px}.note-modal p{margin:0 0 14px;color:var(--ink-soft);font-size:14px}.note-modal-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.note-modal-list a{display:grid;gap:2px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#eef7f4}.note-modal-list a.late{border-color:#c45c54;background:#fde8e6}.note-modal-list a.late strong,.note-modal-list a.late span:first-of-type{color:var(--bad)}.note-modal-list span{font-size:13px;color:var(--ink-soft)}.note-modal-actions{margin-top:14px;display:flex;justify-content:flex-end}.content{padding:24px;position:relative;z-index:1}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap}.page-head h2{font-family:"Source Serif 4",Georgia,serif;font-size:32px;margin:0}.page-head p{margin:6px 0 0;color:var(--ink-soft)}.grid{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.project-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit}.project-card:hover{border-color:var(--teal)}.project-card.late{background:#fde8e6;border-color:#e3a39d}.project-card.late:hover{border-color:var(--bad)}.project-card.at-risk{background:#fff6e8;border-color:#e8c48a}.project-card.at-risk:hover{border-color:var(--warn)}.project-card strong{font-size:16px}.project-card .project-id{font-size:12px;color:var(--muted)}.project-card p{margin:0;font-size:13px;color:var(--ink-soft)}.project-card .delay-msg{font-weight:650;line-height:1.35}.project-card.late .delay-msg{color:var(--bad)}.project-card.at-risk .delay-msg{color:var(--warn)}.delay-banner{border-radius:14px;padding:14px 16px;margin:12px 0 16px;font-weight:650;line-height:1.4}.delay-banner.late{background:#fde8e6;border:1px solid #e3a39d;color:var(--bad)}.delay-banner.at-risk{background:#fff6e8;border:1px solid #e8c48a;color:var(--warn)}.delay-link{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:750}.delay-link:hover{opacity:.8}.project-card .floor-line{font-weight:650;color:var(--ink)}.stuck-line{margin:0 0 12px;font-size:14px;font-weight:650;line-height:1.4}.stuck-line.done{color:var(--ok)}.stuck-line.run{color:var(--warn)}.stuck-line.wait{color:var(--bad)}.stage-pipe{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.stage-pipe-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:#fff}.stage-pipe-item .machine{font-size:12px;color:var(--muted)}.stage-pipe-item.done{border-color:#8fd0a4;background:#e4f6ea}.stage-pipe-item.run{border-color:#e8c48a;background:#fff6e8}.stage-pipe-item.stuck{border-color:#e3a39d;background:#fde8e6}.stage-pipe-item.wait{border-color:#9bb0c7;background:#eef3f8}.badge.queued{background:#e8eef5;color:#4a6d8c}.machine-mini{display:flex;width:100%;height:10px;border-radius:999px;overflow:hidden;gap:2px;margin-top:4px}.machine-mini-seg{flex:1;min-width:8px;background:#4a6d8c}.machine-mini-seg.done{background:#1f7a4d}.machine-mini-seg.run{background:#c48a2a}.machine-mini-seg.wait{background:#4a6d8c}.machine-mini-seg.stuck{background:#b42318}.machine-status-legend{margin:8px 0 12px}.machine-tip{background:#fffcf7;border:1px solid #d7cebc;border-radius:10px;padding:8px 10px;font-size:12px;display:flex;flex-direction:column;gap:4px}.stage-board-table tr.wait td{background:#f3f6fa}.stage-board-table{width:100%;border-collapse:collapse;font-size:13px}.stage-board-table th,.stage-board-table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:middle}.stage-board-table tr.done td{background:#f3fbf5}.stage-board-table tr.run td{background:#fff8ee}.stage-board-table tr.stuck td{background:#fdf4f3}.cards-2{grid-template-columns:1.4fr 1fr}.chart-grid{grid-template-columns:1fr 1fr}.chart-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px;font-size:12px;color:var(--ink-soft)}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.span-2{grid-column:span 2}.card{background:#fffcf7db;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px}.card h3{margin:0 0 12px;font-size:16px}.kpi .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.kpi .value{font-size:28px;font-weight:650;margin-top:6px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;white-space:nowrap}.badge.ok{background:#e4f6ea;color:var(--ok)}.badge.warn{background:#fff1d6;color:var(--warn)}.badge.bad{background:#fde8e6;color:var(--bad)}.badge.muted{background:#eceae4;color:var(--muted)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fffc}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:10px 12px;border-bottom:1px solid #eee7d9;text-align:left;font-size:13px}th{background:#f7f1e6;cursor:pointer;position:sticky;top:0}tr:hover td{background:#fbf7ef}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--muted);font-size:13px}.pager button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.hero{background:linear-gradient(135deg,#12352d,#1b5c50 55%,#c48a2a);color:#fff;border-radius:22px;padding:28px;margin-bottom:20px}.hero h2{font-family:"Source Serif 4",Georgia,serif;font-size:36px;margin:0 0 8px}.hero p{max-width:720px;opacity:.92}.hero-logo{width:min(320px,100%);height:auto;display:block;background:#fff;border-radius:12px;padding:12px 16px;margin-bottom:16px}.module{display:flex;flex-direction:column;gap:8px;min-height:140px}.module .status{align-self:flex-start}.dl{display:grid;grid-template-columns:180px 1fr;gap:8px 12px;font-size:14px}.dl dt{color:var(--muted)}.form-page{max-width:none;width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.form-field{display:flex;flex-direction:column;gap:6px;min-width:0}.form-field>span{color:var(--muted);font-size:13px}.form-field input,.form-field select{width:100%;box-sizing:border-box;border:1px solid #d7cebc;border-radius:8px;padding:8px;background:#fff}.form-section{grid-column:1 / -1;margin:8px 0 0;font-size:13px;font-weight:650;color:var(--ink-soft)}.form-page .cards-2{grid-template-columns:1fr 1fr}.suggest-wrap{position:relative}.suggest-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:12;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:260px;overflow:auto;padding:4px}.suggest-list button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:8px 10px;cursor:pointer}.suggest-list button:hover,.suggest-list button.on{background:#f7f1e6}.suggest-list strong{display:block;font-size:14px}.suggest-list small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer}.tabs button.on{background:var(--teal);color:#fff;border-color:var(--teal)}.btn-edit{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 14px;cursor:pointer}.btn-edit.on{background:var(--teal);color:#fff;border-color:var(--teal)}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.row-actions button{white-space:nowrap}.btn-delete{background:#b42318;color:#fff;border:0;border-radius:8px;padding:8px 14px;cursor:pointer}.project-edit-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.special-editor{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.special-editor.compact{min-width:220px}.special-item-block{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid #eee7d9;border-radius:8px;width:100%}.special-editor-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}tr.editing-row td{background:#f7f1e6;vertical-align:middle}tr.editing-row input,tr.editing-row select{width:100%;min-width:72px;box-sizing:border-box;border:1px solid #c4b8a0;border-radius:6px;padding:6px 8px;background:#fff}tr.editing-row td.locked-cell{color:#3d524a;background:#efe8d8}.error,.empty,.loading{padding:28px;text-align:center;color:var(--ink-soft)}.error{color:var(--bad)}.recovery-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}.recovery-option{border:1px solid #e4d9c4;border-radius:12px;padding:12px 14px;background:#fffdf8}.recovery-option.rec{border-color:#0f6e62;box-shadow:0 0 0 1px #0f6e6233}.recovery-option.on{background:#eef6f4}.recovery-option-head{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px}.recovery-option p{margin:0 0 6px;font-size:13px;color:#3d524a}.recovery-option ol{margin:0 0 10px;padding-left:18px;font-size:12px;color:#6b7a73}.recovery-option .ok-text{color:#1f7a4d;font-weight:650}.recovery-option .warn-text{color:#b45309;font-weight:650}button:disabled{opacity:.45;cursor:not-allowed}.scan-page .scan-card{display:grid;gap:12px}.scan-label{display:grid;gap:8px;font-weight:650}.scan-input{font-size:22px;padding:16px 18px;border:2px solid var(--teal);border-radius:12px;width:100%}.scan-input:focus{outline:none;border-color:#0f6e62;box-shadow:0 0 0 3px #0f6e6233}.scan-check{display:flex;gap:8px;align-items:center}.scan-go{background:var(--teal);color:#fff;border:0;border-radius:10px;padding:12px 18px;cursor:pointer;width:fit-content}.scan-result.ok{border-color:#8ec9a8;background:#eef8f2}.scan-result.warning{border-color:#e2b36a;background:#fff8ee}.scan-result.error{border-color:#e7b4ae;background:#fde8e6}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.qr-cell{margin:0;text-align:center}.qr-cell img{width:120px;height:120px;background:#fff}.qr-cell figcaption{font-size:11px;color:var(--ink-soft);word-break:break-all}@media print{.sidebar,.topbar,.page-head a,.scan-go{display:none!important}.app{grid-template-columns:1fr}}@media(max-width:1100px){.kpi-grid,.cards-3,.cards-2,.chart-grid,.project-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:auto}}@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(86vw,300px);z-index:20}.sidebar.open{display:block}.menu-btn{display:inline-flex}.page-watermark{left:0}.kpi-grid,.cards-3,.cards-2,.chart-grid,.project-grid{grid-template-columns:1fr}.content{padding:16px}.page-head h2,.hero h2{font-size:26px}.dl,.form-grid{grid-template-columns:1fr}}.login-boot{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 420px at 12% 0%,#cfe8e1 0%,transparent 55%),radial-gradient(700px 380px at 90% 100%,#e8d7b0 0%,transparent 50%),linear-gradient(165deg,#f4efe6,#e4ddd0)}.login-panel{width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:28px 28px 22px}.login-brand{text-align:center;margin-bottom:22px}.login-brand img{width:min(220px,70%);height:auto;background:#fff;border-radius:12px;padding:10px 14px;border:1px solid var(--line)}.login-brand h1{margin:16px 0 6px;font-size:26px;letter-spacing:-.02em;color:var(--ink)}.login-brand p{margin:0;font-size:14px;color:var(--muted);line-height:1.45}.login-form{display:flex;flex-direction:column;gap:14px}.login-password-wrap{display:flex;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.login-password-wrap input{flex:1;border:0!important;border-radius:0!important;min-width:0}.login-password-toggle{flex:0 0 auto;border:0;border-left:1px solid var(--line);background:#f7f3ea;color:var(--teal);font-size:13px;font-weight:600;padding:0 14px;cursor:pointer;white-space:nowrap}.login-password-toggle:hover{background:#edf6f3}.login-role-card{background:linear-gradient(135deg,#edf6f3,#f7f3ea);border:1px solid #c9ddd6;border-radius:12px;padding:12px 14px}.login-role-card strong{display:block;color:var(--teal);font-size:14px;margin-bottom:4px}.login-role-card p{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.4}.login-meta{margin-top:6px!important;font-size:12px!important;color:var(--muted)!important}.login-error{margin:0;padding:10px 12px;border-radius:10px;background:#fdeceb;color:var(--bad);font-size:13px}.login-submit{width:100%;margin-top:4px;background:var(--teal);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:600;cursor:pointer}.login-submit:hover:not(:disabled){background:var(--teal-2)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-hint{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.45;text-align:center}.topbar-user{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.topbar-user-name{font-size:13px;font-weight:600;color:var(--ink)}.topbar-user-role{font-size:12px;color:var(--teal);background:#e7f3ef;border:1px solid #c9ddd6;border-radius:999px;padding:4px 10px}button.ghost{background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 12px;color:var(--ink-soft);cursor:pointer}button.ghost:hover{border-color:var(--teal);color:var(--teal)}.stage-phase-dash{margin-top:16px}.stage-phase-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:12px}.stage-phase-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink)}.stage-phase-tab:hover{border-color:#b7cfc7;background:#f7fbf9}.stage-phase-tab.on{border-color:var(--teal);background:linear-gradient(180deg,#eef7f4,#fffcf7);box-shadow:inset 0 0 0 1px #0f6e6226}.stage-phase-tab.status-warn{border-color:#e6c48a}.stage-phase-tab.status-bad{border-color:#e3a39d}.stage-phase-tab-name{font-size:12px;font-weight:650;color:var(--ink)}.stage-phase-tab-util{font-size:18px;font-weight:700;color:var(--teal);letter-spacing:-.02em}.stage-phase-tab.status-warn .stage-phase-tab-util{color:var(--warn)}.stage-phase-tab.status-bad .stage-phase-tab-util{color:var(--bad)}.stage-phase-tab-meta{font-size:11px;color:var(--muted)}.stage-phase-card .stage-phase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.stage-phase-stats{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.stage-peak-list{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.stage-peak-list h4{margin:0 0 10px;font-size:14px;color:var(--ink-soft)}@media(max-width:1100px){.stage-phase-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:820px){.stage-phase-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}