:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10233a;background:#eef3f8;--navy:#0d2a43;--navy2:#07111d;--blue:#1d5f96;--green:#268b5f;--amber:#d29115;--red:#b93a3a;--line:#d7e0e9;--card:#fff}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.mech-login-body{min-height:100vh;background:linear-gradient(160deg,#07111d,#123a5b);display:grid;place-items:center;padding:24px}.mech-login-shell{width:min(470px,100%)}.mech-login-card{background:#fff;border-radius:24px;padding:30px;box-shadow:0 24px 70px #0008;text-align:center}.mech-login-logo{width:min(320px,90%);display:block;margin:0 auto 18px}.mech-kicker{font-size:.78rem;letter-spacing:.14em;font-weight:800;color:#316b99}.mech-login-card h1{margin:6px 0 8px;font-size:2rem}.mech-login-card p{color:#607286;margin:0 0 22px}.mech-login-card form{display:grid;gap:14px;text-align:left}.mech-login-card label{display:grid;gap:7px;font-weight:800}.mech-login-card input{width:100%;padding:14px 15px;border:1px solid #c9d6e2;border-radius:12px;background:#f8fbfe}.mech-office-link{display:inline-block;margin:20px 0 10px;color:#245f91;font-weight:800}.mech-login-foot{display:block;color:#728399}.mech-btn{border:0;border-radius:13px;padding:13px 16px;font-weight:900;cursor:pointer;min-height:48px}.mech-btn.primary{background:var(--navy);color:#fff}.mech-btn.success{background:var(--green);color:#fff}.mech-btn.warning{background:#f0a817;color:#1c2630}.mech-btn.danger{background:var(--red);color:#fff}.mech-btn.ghost{background:#fff;border:1px solid #cbd7e3;color:#14304a}.mech-btn.wide{width:100%}.mech-btn:disabled{opacity:.5;cursor:not-allowed}.mech-notice{padding:12px 14px;border-radius:12px;margin:0 0 15px;text-align:left;background:#eaf4ff;color:#184c78}.mech-notice.danger{background:#fdeaea;color:#8a2020}.mech-notice.success{background:#e8f7ef;color:#1f6849}.mech-notice.warn{background:#fff3d6;color:#805300}
.mech-app-body{background:#eef3f8;min-height:100vh;padding-bottom:88px}.mech-loading{padding:40px;text-align:center;font-weight:800}.mech-topbar{position:sticky;top:0;z-index:20;background:#07111d;color:#fff;padding:max(10px,env(safe-area-inset-top)) 14px 11px;box-shadow:0 4px 16px #0002}.mech-topbar-inner{max-width:820px;margin:auto;display:flex;align-items:center;gap:12px}.mech-topbar img{width:62px;height:42px;object-fit:contain;background:#06101b;border-radius:8px}.mech-topbar-copy{min-width:0;flex:1}.mech-topbar-copy strong{display:block;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mech-topbar-copy small{color:#b8c9d9}.mech-icon-btn{border:1px solid #456078;background:#102b43;color:#fff;border-radius:12px;width:44px;height:44px;font-size:1.2rem}.mech-main{max-width:820px;margin:auto;padding:16px}.mech-status-card{background:#fff;border-radius:18px;border:1px solid var(--line);padding:16px;margin-bottom:14px;box-shadow:0 4px 16px #1020300a}.mech-status-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.mech-status-copy strong{display:block;font-size:1.12rem}.mech-status-copy small{display:block;color:#65778b;margin-top:3px}.mech-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900;background:#e8eff6;color:#27445f}.mech-pill.green{background:#e2f5eb;color:#206c4a}.mech-pill.amber{background:#fff0c9;color:#835700}.mech-pill.red{background:#fde6e6;color:#912a2a}.mech-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mech-action{border:0;border-radius:18px;padding:18px 14px;min-height:122px;text-align:left;background:#fff;box-shadow:0 5px 18px #10203012;border:1px solid var(--line);color:#10233a}.mech-action .icon{font-size:1.9rem;display:block;margin-bottom:12px}.mech-action strong{display:block;font-size:1.03rem}.mech-action small{display:block;color:#66788a;margin-top:5px;line-height:1.3}.mech-action.green{background:#eaf8f1;border-color:#bfe4d1}.mech-action.amber{background:#fff6df;border-color:#edd69e}.mech-action.navy{background:#0d2a43;color:#fff;border-color:#0d2a43}.mech-action.navy small{color:#c6d4e1}.mech-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 10px}.mech-section-title h2{font-size:1.25rem;margin:0}.mech-section-title p{margin:3px 0 0;color:#66788a}.mech-job-list,.mech-request-list{display:grid;gap:10px}.mech-job-card,.mech-request-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.mech-job-head{display:flex;justify-content:space-between;gap:10px}.mech-job-head strong{font-size:1.08rem}.mech-job-card p{margin:10px 0;color:#4d6174}.mech-job-meta{display:flex;flex-wrap:wrap;gap:7px;color:#637486;font-size:.82rem;margin:8px 0 12px}.mech-job-actions{display:flex;gap:8px;flex-wrap:wrap}.mech-search{width:100%;padding:13px 14px;border:1px solid #c9d6e2;border-radius:12px;background:#fff;margin-bottom:12px}.mech-bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #d5dee7;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mech-bottom-nav button{border:0;background:transparent;border-radius:12px;padding:7px 4px;color:#52677b;font-weight:800}.mech-bottom-nav button span{display:block;font-size:1.2rem}.mech-bottom-nav button.active{background:#e9f1f8;color:#0d2a43}.mech-modal-backdrop{position:fixed;z-index:100;inset:0;background:#07111dcc;display:flex;align-items:flex-end;justify-content:center}.mech-modal{width:min(720px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #0005}.mech-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.mech-modal-head h2{margin:0;font-size:1.25rem}.mech-modal-head p{margin:4px 0 0;color:#687a8b}.mech-close{border:1px solid #cbd7e3;background:#fff;border-radius:12px;width:42px;height:42px}.mech-form{display:grid;gap:13px}.mech-form label{display:grid;gap:6px;font-weight:800}.mech-form input,.mech-form select,.mech-form textarea{width:100%;padding:12px 13px;border:1px solid #cbd7e3;border-radius:12px;background:#fff}.mech-form textarea{resize:vertical}.mech-form-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:4px}.mech-suggestion-list{border:1px solid #d3dee8;border-radius:12px;overflow:hidden;max-height:260px;overflow-y:auto}.mech-suggestion{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e4ebf1;background:#fff;padding:12px}.mech-suggestion:last-child{border-bottom:0}.mech-suggestion strong{display:block}.mech-suggestion small{color:#66798b}.mech-empty{text-align:center;padding:24px 12px;color:#718194;background:#fff;border:1px dashed #cbd6e0;border-radius:14px}.mech-time-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 0;border-bottom:1px solid #e5ebf0}.mech-time-line:last-child{border-bottom:0}.mech-time-line small{color:#6d7f90}.mech-parts{margin-top:14px}.mech-part-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #e6edf2}.mech-part-row:last-child{border-bottom:0}.mech-part-row small{display:block;color:#6c7e8e}.mech-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.mech-stage{border:1px solid #d3dee8;border-radius:12px;padding:10px;background:#fff;text-align:left}.mech-stage strong{display:block;font-size:.86rem}.mech-stage small{color:#637688}.mech-stage.complete{background:#eaf8f1;border-color:#bfe3d0}.mech-stage.in_progress{background:#fff4d9;border-color:#ead092}.mech-video-actions{display:grid;gap:9px}.mech-video-preview{width:100%;max-height:300px;background:#000;border-radius:12px;margin-top:10px}.mech-desktop-note{background:#eef6fc;border:1px solid #c9dfef;border-radius:12px;padding:12px;color:#315673;margin-top:12px}.mech-hidden{display:none!important}
@media(min-width:700px){.mech-main{padding:22px}.mech-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mech-modal-backdrop{align-items:center;padding:24px}.mech-modal{border-radius:22px;max-height:88vh}.mech-bottom-nav{max-width:820px;left:50%;transform:translateX(-50%);border:1px solid #d5dee7;border-bottom:0;border-radius:18px 18px 0 0}}
@media(max-width:390px){.mech-home-grid{grid-template-columns:1fr}.mech-action{min-height:96px}.mech-stage-grid{grid-template-columns:1fr}}