*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f5f4f0;--surface:#fff;--surface2:#f0eee9;--surface3:#e8e5de;--border:#d8d4cb;--border2:#c4bfb4;--text:#1a1916;--text2:#5a5650;--text3:#9a958c;--accent:#1b4fd8;--accent-bg:#ebf0fd;--accent-text:#0e3099;--green:#166534;--green-bg:#dcfce7;--red:#991b1b;--red-bg:#fee2e2;--amber:#92400e;--amber-bg:#fef3c7;--blue:#1b4fd8;--blue-bg:#ebf0fd;--orange:#9a3412;--orange-bg:#ffedd5;--font:"IBM Plex Sans",sans-serif;--mono:"IBM Plex Mono",monospace;--radius:6px;--radius-lg:10px}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5}.app,body{min-height:100vh}.app{display:flex}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 20px;height:56px;justify-content:space-between;flex-shrink:0}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:12px}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--text2)}.page-heading{font-size:16px;font-weight:600;color:var(--text)}.logo-area{padding:16px;border-bottom:1px solid var(--border)}.logo-name{font-size:18px;font-weight:600;letter-spacing:-.3px;color:var(--text)}.logo-sub{font-size:11px;color:var(--text3);font-family:var(--mono);margin-top:2px}.nav{padding:10px 8px;flex:1 1}.nav-label{font-size:10px;font-weight:600;color:var(--text3);letter-spacing:1px;padding:10px 8px 5px;font-family:var(--mono)}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--radius);border:none;background:none;color:var(--text2);cursor:pointer;font-size:14px;font-family:var(--font);text-align:left;transition:background .1s,color .1s;position:relative}.nav-btn:hover{background:var(--surface2);color:var(--text)}.nav-btn.active{background:var(--accent-bg);color:var(--accent-text);font-weight:500}.nav-btn i{font-size:18px;width:22px;text-align:center;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-family:var(--mono);padding:1px 6px;border-radius:10px;font-weight:600}.user-block{padding:12px;border-top:1px solid var(--border)}.user-card{gap:10px;padding:8px;border-radius:var(--radius);background:var(--surface2)}.avatar,.user-card{display:flex;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;border:1.5px solid var(--border)}.user-name{font-size:13px;font-weight:500;line-height:1.2}.user-role{font-size:11px;color:var(--text3);font-family:var(--mono)}.content{padding:20px;flex:1 1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:14px;font-weight:600}.card-body{padding:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.stat-label{font-size:11px;font-weight:600;color:var(--text3);letter-spacing:.5px;font-family:var(--mono);margin-bottom:6px}.stat-num{font-size:26px;font-weight:600;line-height:1;color:var(--text)}.stat-sub{font-size:12px;color:var(--text3);margin-top:4px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-family:var(--font);transition:all .1s;white-space:nowrap}.btn:hover{background:var(--surface2);color:var(--text)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#1540b8;border-color:#1540b8;color:#fff}.btn-success{background:var(--green-bg);color:var(--green);border-color:#bbf7d0}.btn-success:hover{background:#bbf7d0}.btn-danger{background:var(--red-bg);color:var(--red);border-color:#fecaca}.btn-sm{padding:6px 11px;font-size:13px}.btn i{font-size:16px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:5px;letter-spacing:.3px}.form-control{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:var(--font);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.form-control:focus{border-color:var(--accent)}.form-control:disabled{background:var(--surface2);color:var(--text3);cursor:not-allowed}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239A958C' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}textarea.form-control{resize:vertical;min-height:70px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-full{grid-column:1/-1}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:12px;font-family:var(--mono);white-space:nowrap}.pill-pending{background:#fef3c7;color:#92400e}.pill-progress{background:#dbeafe;color:#1e40af}.pill-completed{background:#dcfce7;color:#166534}.pill-hold{background:#fee2e2;color:#991b1b}.pill-verified{background:#f3e8ff;color:#6b21a8}.pill-awaiting{background:#fff7ed;color:#c2410c}.tbl-wrap{overflow-x:auto}table.data-tbl{width:100%;border-collapse:collapse;min-width:500px}table.data-tbl th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text3);font-family:var(--mono);letter-spacing:.5px;white-space:nowrap}table.data-tbl td,table.data-tbl th{border-bottom:1px solid var(--border)}table.data-tbl td{padding:11px 14px;font-size:13px;vertical-align:middle}table.data-tbl tr:last-child td{border-bottom:none}table.data-tbl tbody tr:hover td{background:var(--surface2)}table.data-tbl td.mono{font-family:var(--mono);font-size:12px}.pipeline{display:flex;align-items:stretch;gap:0;margin:16px 0}.pipe-step{flex:1 1;text-align:center;position:relative}.pipe-step:not(:last-child):after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid var(--bg);z-index:2}.pipe-node{padding:8px 4px;font-size:11px;font-weight:500;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pipe-step:first-child .pipe-node{border-left:1px solid var(--border);border-radius:var(--radius) 0 0 var(--radius)}.pipe-step:last-child .pipe-node{border-right:1px solid var(--border);border-radius:0 var(--radius) var(--radius) 0}.pipe-step:last-child:after{display:none}.pipe-done{background:var(--green-bg);color:var(--green)}.pipe-active{background:var(--blue-bg);color:#1e40af}.pipe-hold{background:var(--red-bg);color:var(--red)}.pipe-wait{background:var(--surface2);color:var(--text3)}.pipe-verified{background:#f3e8ff;color:#6b21a8}.pipe-num{font-size:10px;font-family:var(--mono);opacity:.7;margin-bottom:2px}.pipe-name{font-size:10px;line-height:1.2}.pipe-detail{font-size:9px;line-height:1.3;margin-top:3px;opacity:.85}.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;align-items:center;justify-content:center;padding:16px}.overlay.open{display:flex}.modal{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal,.modal-header{background:var(--surface)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-title{font-size:16px;font-weight:600}.modal-body{padding:20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.close-btn{background:none;border:none;cursor:pointer;color:var(--text3);font-size:20px;display:flex;align-items:center;border-radius:4px;padding:2px}.close-btn:hover{color:var(--text);background:var(--surface2)}.toast-wrap{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px;font-size:13px;display:flex;align-items:center;gap:10px;min-width:240px;box-shadow:0 4px 12px rgba(0,0,0,.1);animation:toastIn .2s ease;pointer-events:all}.toast-success{border-color:#bbf7d0;background:#f0fdf4}.toast-error{border-color:#fecaca;background:#fff5f5}.toast-info{border-color:#bfdbfe;background:#eff6ff}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.notif-item:hover{background:var(--surface2)}.notif-item.unread{background:#fafaf8}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:5px}.notif-dot.read{background:transparent;border:1.5px solid var(--border)}.notif-title-text{font-size:13px;font-weight:500;color:var(--text)}.notif-sub{font-size:12px;color:var(--text2);margin-top:2px}.notif-time{font-size:11px;color:var(--text3);margin-top:3px;font-family:var(--mono)}.ws-task-card{border:2px solid var(--border);border-radius:var(--radius-lg);margin-bottom:14px;overflow:hidden}.ws-task-header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:var(--surface)}.ws-task-header:hover{background:var(--surface2)}.ws-task-body{padding:16px;border-top:1px solid var(--border);background:var(--surface)}.audit-line{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.audit-line:last-child{border-bottom:none}.audit-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.audit-text{font-size:13px;font-weight:500}.audit-meta{font-size:11px;color:var(--text3);font-family:var(--mono);margin-top:2px}.tag-item{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px;font-size:13px;margin:3px}.tag-item button{background:none;border:none;cursor:pointer;color:var(--text3);font-size:14px;display:flex;align-items:center}.tag-item button:hover{color:var(--red)}.verify-ws{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.verify-pass{border-color:#bbf7d0;background:#f0fdf4}.verify-fail{border-color:#fecaca;background:#fff5f5}.search-row{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search-input-wrap{flex:1 1;min-width:200px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 12px}.search-input-wrap input{border:none;outline:none;font-size:14px;font-family:var(--font);background:none;color:var(--text);padding:9px 0;flex:1 1}.search-input-wrap i{color:var(--text3);font-size:16px}.search-clear-btn{border:none;background:none;cursor:pointer;color:var(--text3);display:flex;align-items:center;justify-content:center;padding:4px;margin:0;flex-shrink:0;border-radius:50%;transition:color .15s,background .15s}.search-clear-btn:hover{color:var(--text);background:var(--surface3)}.search-input-wrap input:placeholder-shown~.search-clear-btn{display:none;visibility:hidden;pointer-events:none}.data-tbl tbody tr.row-selectable{outline:none}.data-tbl tbody tr.row-selectable.row-selected{background:var(--accent-bg)}.data-tbl tbody tr.row-selectable.row-selected td{color:var(--accent-text)}.data-tbl tbody tr.row-selectable:focus{background:var(--accent-bg);box-shadow:inset 0 0 0 2px var(--accent)}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:6px 13px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;transition:all .1s}.chip.active{background:var(--accent-bg);color:var(--accent-text);border-color:#bfdbfe}.mobile-bar{display:none;background:var(--surface);border-top:1px solid var(--border);padding:6px 0;position:-webkit-sticky;position:sticky;bottom:0;z-index:30}.mobile-nav{display:flex;justify-content:space-around}.mob-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border:none;background:none;cursor:pointer;color:var(--text3);font-size:10px;font-family:var(--font)}.mob-btn i{font-size:22px}.mob-btn.active{color:var(--accent)}.sec-title{font-size:12px;font-weight:600;letter-spacing:.8px;font-family:var(--mono);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.empty,.sec-title{color:var(--text3)}.empty{text-align:center;padding:48px 20px}.empty i{font-size:40px;display:block;margin-bottom:12px;color:var(--text3)}.empty p{font-size:14px}.alert{padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.alert-warn{background:var(--amber-bg);color:var(--amber);border:1px solid #fde68a}.alert-info{background:var(--blue-bg);color:#1e40af;border:1px solid #bfdbfe}.alert-success{background:var(--green-bg);color:var(--green);border:1px solid #bbf7d0}.login-overlay-modern{padding:0!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#0f1b3d,#1b3a6b 50%,#0f1b3d)!important}.login-shell{width:100%;max-width:500px;background:#fff;border-radius:20px;border:none;box-shadow:0 24px 80px rgba(0,0,0,.35);padding:0;overflow:hidden}.login-header-band{background:linear-gradient(135deg,#1b4fd8,#0e3099);padding:32px 40px 28px;text-align:center;position:relative}.login-header-band:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:24px;background:#fff;border-radius:24px 24px 0 0}.login-brand{text-align:center;margin-bottom:0}.login-logo{height:130px;object-fit:contain;display:block;margin:0 auto 14px}.login-co{font-size:20px;font-weight:700;letter-spacing:-.3px;color:hsla(0,0%,100%,.95)}.login-dept{font-size:13px;color:hsla(0,0%,100%,.7);margin-top:4px}.login-system{font-size:22px;font-weight:800;color:#fff;margin-top:14px;letter-spacing:.5px;line-height:1.25;text-transform:uppercase}.login-system-sub{font-size:11px;color:hsla(0,0%,100%,.55);font-family:var(--mono);letter-spacing:2px;margin-top:6px;text-transform:uppercase}.login-accent{width:48px;height:3px;background:#c8102e;margin:12px auto 0;border-radius:2px}.login-body{padding:32px 40px 36px}.btn-login{width:100%;justify-content:center;padding:13px;font-size:15px;margin-top:8px;font-weight:600;letter-spacing:.3px;background:linear-gradient(135deg,#1b4fd8,#0e3099);border:none;color:#fff;border-radius:8px}.btn-login:hover{background:linear-gradient(135deg,#1540b8,#0b2880);color:#fff}.login-hint{text-align:center;font-size:11px;color:var(--text3);margin-top:18px;font-family:var(--mono)}.work-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.btn-start-work{background:#166534;color:#fff;border-color:#166534;padding:11px 20px;font-size:14px;font-weight:600}.btn-start-work:hover{background:#14532d;border-color:#14532d;color:#fff}.btn-end-work{background:#991b1b;color:#fff;border-color:#991b1b;padding:11px 20px;font-size:14px;font-weight:600}.btn-end-work:hover{background:#7f1d1d;border-color:#7f1d1d;color:#fff}.btn-na-work{background:#6b7280;color:#fff;border-color:#6b7280;padding:11px 20px;font-size:14px;font-weight:600}.btn-na-work:hover{background:#4b5563;border-color:#4b5563;color:#fff}.btn-unsaved{box-shadow:0 0 0 2px #fff,0 0 0 4px #f59e0b;animation:unsavedPulse 1.6s ease-in-out infinite}@keyframes unsavedPulse{0%,to{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(245,158,11,.55)}50%{box-shadow:0 0 0 2px #fff,0 0 0 4px #f59e0b}}.unsaved-flag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#92400e;background:#fef3c7;border:1px solid #fde68a;padding:4px 10px;border-radius:12px;font-family:var(--mono);white-space:nowrap}.unsaved-flag i{font-size:13px}.na-readonly-banner,.pill-na{background:#f3f4f6;color:#374151}.na-readonly-banner{font-size:12px;display:flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid #d1d5db;border-radius:var(--radius)}.sign-block{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.sign-block .form-group{margin-bottom:0;min-width:200px}.req-mark{color:var(--red)}.pdf-report{font-family:IBM Plex Sans,sans-serif;background:#fff;padding:32px;max-width:800px;margin:0 auto;font-size:13px;line-height:1.6;color:#1a1916}.pdf-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #1b4fd8;padding-bottom:16px;margin-bottom:20px}.pdf-logo-area{display:flex;align-items:center;gap:14px}.pdf-title{font-size:20px;font-weight:700;color:#1b4fd8;letter-spacing:-.3px}.pdf-subtitle{font-size:11px;color:#5a5650;font-family:IBM Plex Mono,monospace;margin-top:2px}.pdf-section{margin-bottom:18px}.pdf-section-title{font-size:12px;font-weight:700;color:#1b4fd8;letter-spacing:1px;border-bottom:1px solid #d8d4cb;padding-bottom:6px;margin-bottom:10px;font-family:IBM Plex Mono,monospace}.pdf-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 20px;gap:8px 20px}.pdf-field{display:flex;flex-direction:column}.pdf-field-label{font-size:10px;font-weight:600;color:#9a958c;font-family:IBM Plex Mono,monospace;letter-spacing:.5px}.pdf-field-val{font-size:13px;color:#1a1916;font-weight:500}.pdf-stage-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr 1.5fr;grid-gap:8px;gap:8px;padding:8px 0;border-bottom:1px solid #e8e5de;font-size:12px;align-items:center}.pdf-stage-row.header{font-size:10px;font-weight:700;color:#9a958c;letter-spacing:.5px;border-bottom:2px solid #d8d4cb}.pdf-badge,.pdf-stage-row.header{font-family:IBM Plex Mono,monospace}.pdf-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.pdf-badge-done{background:#dcfce7;color:#166534}.pdf-badge-pending{background:#fef3c7;color:#92400e}.pdf-footer{margin-top:24px;padding-top:12px;border-top:1px solid #d8d4cb;font-size:11px;color:#9a958c;font-family:IBM Plex Mono,monospace;display:flex;justify-content:space-between}@media print{.pdf-report{padding:16px}.btn,.mobile-bar,.sidebar,.toast-wrap,.topbar{display:none!important}.content{padding:0}}@media(max-width:700px){.sidebar{display:none}.sidebar.open{display:flex;position:fixed;left:0;top:0;height:100vh;z-index:50;width:260px}.hamburger{display:flex}.mobile-bar{display:block}.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.content{padding:14px}table.data-tbl td,table.data-tbl th{padding:9px 10px}.login-shell{border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.25)}.login-header-band{padding:24px 24px 22px}.login-body{padding:24px 24px 28px}}@media(min-width:701px){.mobile-bar{display:none}}i{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes spin{to{transform:rotate(1turn)}}