:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#eef3f8;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}p,h1,h2{margin:0}.engineer-shell{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:28px 40px 120px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.top-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.preview-controls{align-items:center;gap:8px;display:flex;position:relative}.environment-picker{position:relative}.language-toggle{background:#ffffffe0;border:1px solid #dbe5f0;border-radius:999px;gap:2px;min-height:48px;padding:5px;display:flex;box-shadow:0 10px 24px #0f172a12}.language-toggle button{color:#64748b;background:0 0;border:0;border-radius:999px;min-height:36px;padding:0 11px;font-size:12px;font-weight:900}.language-toggle button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);box-shadow:0 8px 18px #2563eb40}.environment-trigger{color:#172033;text-align:left;background:#ffffffe0;border:1px solid #dbe5f0;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;min-width:132px;min-height:48px;padding:3px 6px 3px 11px;display:flex;box-shadow:0 10px 24px #0f172a12}.env-dot{background:#14b8a6;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #14b8a624}.environment-menu small{color:#64748b;font-size:11px;font-weight:800;display:block}.environment-menu strong{margin-top:2px;font-size:13px;font-weight:900;display:block}.environment-trigger strong{white-space:nowrap;font-size:12px;font-weight:900}.environment-trigger i{color:#2563eb;background:#eff6ff;border-radius:999px;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.environment-menu{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #dbe5f0;border-radius:18px;gap:6px;min-width:260px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 60px #0f172a2e}.environment-menu button{color:#172033;text-align:left;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;display:flex}.environment-menu button:hover,.environment-menu button.active{background:#f1f5f9}.environment-menu em{color:#166534;background:#dcfce7;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900}.control-stack{color:#64748b;gap:6px;font-size:12px;font-weight:700;display:grid}.switcher{background:#eaf0f8;border-radius:8px;gap:4px;min-height:42px;padding:4px;display:flex}.switcher button{color:#64748b;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 11px;font-weight:800}.switcher button.active{color:#2563eb;background:#fff}.version-stack .switcher button{padding:0 10px}.topbar p,.quick-card p,.signature-section p{color:#64748b;font-size:13px}h1{letter-spacing:0;margin-top:4px;font-size:30px}h2{letter-spacing:0;font-size:18px}.status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.status.online{color:#166534;background:#dcfce7}.quick-card,.form-section{background:#fff;border:1px solid #e0e7ef;border-radius:8px;box-shadow:0 14px 34px #0f172a0d}.quick-card{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:20px;display:flex}.history-stack{flex:1;gap:8px;min-width:260px;display:grid}.history-stack span{color:#64748b;background:#f8fafc;border-radius:8px;padding:8px 10px;font-size:12px;display:block}.history-stack strong{color:#172033;margin-right:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.locate,.primary,.ghost{border:0;border-radius:8px;min-height:44px;padding:0 18px;font-weight:800}.locate{color:#fff;background:#0f766e;min-width:86px}.primary{color:#fff;background:#2563eb}.ghost{color:#334155;background:#e2e8f0}.form-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-section{padding:20px}.form-section h2{margin-bottom:16px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{color:#64748b;gap:7px;min-width:0;font-size:12px;font-weight:800;display:grid}.field b{color:#dc2626;margin-left:3px}.field input,.field textarea{color:#172033;background:#fff;border:1px solid #d7e0ea;border-radius:8px;width:100%}.field input{height:44px;padding:0 12px}.field textarea{resize:vertical;min-height:84px;padding:12px}.narrative,.signature-section{grid-column:1/-1}.narrative{gap:14px;display:grid}.narrative h2{margin-bottom:0}.signature-section{grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:20px;display:grid}.signature-box{color:#64748b;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;place-items:center;min-height:86px;font-weight:800;display:grid}.submit-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #dbe3ec;border-radius:10px;align-items:center;gap:12px;max-width:1180px;margin:0 auto;padding:14px 16px;display:flex;position:fixed;bottom:22px;left:40px;right:40px;box-shadow:0 18px 44px #0f172a1f}.submit-bar div{min-width:0;margin-right:auto}.submit-bar strong,.submit-bar span{display:block}.submit-bar span{color:#64748b;font-size:12px}.form-error,.form-success,.muted,.empty-state{border-radius:8px;margin:0 0 16px;padding:12px 14px}.form-error{color:#991b1b;background:#fee2e2}.form-success{color:#166534;background:#dcfce7}.form-error button{color:#fff;background:#dc2626;border:0;border-radius:6px;margin-left:10px;padding:5px 10px;font-weight:800}.muted,.empty-state{color:#64748b;background:#f8fafc}.login-shell{background:linear-gradient(135deg,#0f766e1a,#0000 42%),#eef3f8;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e0e7ef;border-radius:8px;width:min(430px,100%);padding:28px;box-shadow:0 18px 44px #0f172a1a}.rich-login{gap:18px;display:grid}.rich-login p{color:#64748b;line-height:1.7}.login-link,.profile-login,.task-card a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.state-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.state-strip.compact article{background:#f8fafc;border-radius:8px;padding:12px}.state-strip strong,.state-strip span{display:block}.state-strip span{color:#64748b;margin-top:4px;font-size:12px}.engineer-bottom-nav{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #dbe3ec;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:min(560px,100% - 48px);padding:6px;display:grid;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #0f172a1f}.engineer-bottom-nav a{color:#64748b;border-radius:8px;place-items:center;min-height:38px;font-size:12px;font-weight:900;text-decoration:none;display:grid}.engineer-bottom-nav a.router-link-active{color:#fff;background:#2563eb}.engineer-bottom-nav.with-submit-bar{bottom:142px}@media (width>=681px){.engineer-bottom-nav{width:min(620px,100% - 48px);top:22px;bottom:auto}.engineer-bottom-nav.with-submit-bar{top:22px;bottom:auto}.engineer-shell{padding-top:92px}}.task-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.task-card{gap:12px;display:grid}.task-card p{color:#64748b}.task-card strong{color:#1d4ed8}.task-card a{color:#fff;background:#2563eb;border-radius:8px;min-height:42px;font-weight:800}.task-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.task-actions a:last-child{color:#334155;background:#e2e8f0}.mono{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.top-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.detail-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;display:grid}.detail-hero{grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.detail-hero h2{margin:8px 0;font-size:26px}.detail-hero p,.detail-card p,.share-head p{color:#64748b;line-height:1.7}.detail-list{gap:12px;margin:0;display:grid}.detail-list div{background:#f8fafc;border-radius:8px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;min-height:38px;padding:9px 10px;display:grid}.detail-list dt{color:#64748b;font-size:12px;font-weight:800}.detail-list dd{min-width:0;margin:0}.report-stack{gap:10px;display:grid}.muted.compact{margin:0}.page-actions,.share-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-actions{justify-content:flex-end;margin-top:18px}.page-actions a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.share-panel{gap:18px;display:grid}.share-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.paper-preview{background:#f8fafc;border:1px solid #dbe3ec;border-radius:8px;padding:16px;overflow:auto}.paper-preview img{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:min(100%,900px);height:auto;margin:0 auto;display:block;box-shadow:0 16px 36px #0f172a14}.summary-rows{gap:12px;margin-top:18px;display:grid}.summary-rows div{background:#f8fafc;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:58px;padding:12px 14px;display:grid}.summary-rows span{color:#64748b}.profile-card{background:#fff;border:1px solid #e0e7ef;border-radius:8px;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex;box-shadow:0 14px 34px #0f172a0d}.avatar{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:900;display:grid}.profile-card p{color:#64748b;margin-top:5px}.profile-grid,.timesheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.profile-form,.signature-card{gap:14px;display:grid}.signature-head,.timesheet-filter{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.signature-head div{gap:10px;display:flex}.signature-pad{touch-action:none;background:#fff;border:1px dashed #94a3b8;border-radius:8px;width:100%;min-height:180px}.signature-card p{color:#64748b}.metric-grid.engineer-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-grid.timesheet-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric-card{background:#fff;border:1px solid #e0e7ef;border-left:5px solid #2563eb;border-radius:8px;min-height:118px;padding:18px 20px;box-shadow:0 14px 34px #0f172a0d}.metric-card span{color:#64748b;display:block}.metric-card strong{color:#172033;margin-top:14px;font-size:34px;line-height:1;display:block}.timesheet-filter{margin-bottom:16px}.timesheet-filter .field{flex:1}.bar-list{gap:12px;display:grid}.bar-list div{background:#f8fafc;border-radius:8px;min-height:48px;padding:12px 14px;position:relative;overflow:hidden}.bar-list span,.bar-list b{z-index:1;position:relative}.bar-list b{float:right}.bar-list i{background:#2563eb;border-radius:999px;height:4px;position:absolute;bottom:0;left:0}.weekly-bars{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;min-height:220px;display:grid}.weekly-bars div{justify-items:center;gap:8px;display:grid}.weekly-bars i{background:linear-gradient(#14b8a6,#2563eb);border-radius:999px 999px 4px 4px;width:28px;min-height:12px;display:block}.weekly-bars span,.weekly-bars strong{color:#64748b;font-size:12px}.timesheet-table{margin-top:16px}.detail-table{gap:8px;margin-top:16px;display:grid}.detail-table-head,.detail-table article{grid-template-columns:96px 110px minmax(120px,.9fr) minmax(180px,1.6fr) 64px;align-items:center;gap:12px;display:grid}.detail-table-head{color:#64748b;font-size:12px;font-weight:900}.detail-table article{background:#f8fafc;border-radius:8px;min-height:54px;padding:10px 12px}.detail-table article span,.detail-table article strong{min-width:0}@media (width<=980px){.engineer-shell{padding:24px 24px 120px}.form-layout,.signature-section{grid-template-columns:1fr}.submit-bar{left:24px;right:24px}}@media (width<=680px){.engineer-shell{padding:18px 16px 120px}.topbar,.top-controls,.quick-card{flex-direction:column;align-items:stretch}.top-controls{justify-content:stretch}.preview-controls{flex-wrap:wrap;justify-content:flex-start;align-items:center}.environment-trigger{width:auto}.environment-menu{min-width:100%;left:0;right:auto}.switcher{overflow-x:auto}h1{font-size:25px}.field-grid{grid-template-columns:1fr}.form-section,.quick-card{padding:16px}.submit-bar{border-bottom:0;border-left:0;border-right:0;border-radius:0;grid-template-columns:1fr 1fr;display:grid;bottom:0;left:0;right:0}.submit-bar div{grid-column:1/-1}.history-stack{min-width:0}.task-board,.metric-grid.engineer-metrics,.detail-grid,.profile-grid,.timesheet-grid,.metric-grid.timesheet-metrics{grid-template-columns:1fr}.detail-hero,.share-head,.signature-head,.timesheet-filter{flex-direction:column}.timesheet-filter .field{width:100%}.page-actions,.share-actions{flex-direction:column;align-items:stretch}.page-actions a,.share-actions button,.top-link{width:100%}.summary-rows div{grid-template-columns:minmax(0,1fr) auto}.detail-table{overflow-x:auto}.detail-table-head,.detail-table article{min-width:760px}}