*{box-sizing:border-box;margin:0}body{font-family:IBM Plex Sans,sans-serif;background:#f5f5f4;color:#1c1917}.mono{font-family:IBM Plex Mono,monospace}.app{display:flex;min-height:100vh}.sidebar{width:208px;background:#0f3a52;color:#cfe4f1;display:flex;flex-direction:column;flex-shrink:0}.brand{padding:18px 14px;border-bottom:1px solid #1f5e82}.brand h1{font-size:18px;font-weight:800;color:#2c85ba;letter-spacing:-.5px}.brand h1 span{color:#fafaf9}.brand small{font-family:IBM Plex Mono;font-size:10px;color:#78716c;letter-spacing:2px}.nav button{width:100%;text-align:left;padding:10px 16px;background:none;border:none;color:#d6d3d1;font-family:inherit;font-size:14px;cursor:pointer;display:flex;gap:12px}.nav button:hover{background:#155177}.nav button.active{background:#2c85ba;color:#fff;font-weight:600}.nav button.disabled{color:#57534e;cursor:default}.nav .phase{margin-left:auto;font-family:IBM Plex Mono;font-size:9px;border:1px solid #2a6a93;padding:0 4px;color:#7fb3d3}.userbox{margin-top:auto;padding:16px;border-top:1px solid #1f5e82;font-size:12px}.userbox b{color:#fff}.userbox small{font-family:IBM Plex Mono;font-size:10px;color:#78716c;display:block}.userbox button{margin-top:8px;background:none;border:1px solid #57534e;color:#a8a29e;font-size:11px;padding:3px 10px;cursor:pointer;font-family:IBM Plex Mono}.main{flex:1;padding:24px 32px;max-width:1100px}h2{font-size:24px;font-weight:800;letter-spacing:-.5px}.toolbar{display:flex;gap:12px;margin:16px 0;align-items:center}input,textarea{font-family:IBM Plex Mono,monospace;font-size:13px;padding:7px 10px;border:1px solid #d6d3d1;background:#fff}input:focus,textarea:focus{outline:2px solid #1f6a96;outline-offset:-1px}.btn{background:#1c1917;color:#eef6fb;border:none;padding:9px 18px;font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;font-family:inherit}.btn:hover{background:#1f6a96}.btn.secondary{background:#fff;color:#1c1917;border:1px solid #a8a29e}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d6d3d1;font-size:13px}thead tr{background:#134b6b;color:#f0f7fc}th{text-align:left;padding:8px 12px;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:500}td{padding:8px 12px;border-bottom:1px solid #e7e5e4;font-family:IBM Plex Mono,monospace}tbody tr:hover{background:#eef6fb;cursor:pointer}.empty{padding:40px;text-align:center;color:#78716c;background:#fff;border:1px solid #d6d3d1}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191780;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border:2px solid #1c1917;padding:24px;width:480px;max-height:85vh;overflow:auto}.modal h3{font-size:14px;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid #1c1917;padding-bottom:6px;margin-bottom:16px}.field{margin-bottom:12px}.field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#78716c;margin-bottom:3px}.field input,.field textarea{width:100%}.error{background:#fee2e2;border:1px solid #dc2626;color:#991b1b;padding:8px 12px;font-size:12px;margin-bottom:12px;font-family:IBM Plex Mono}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f3a52}.login-card{background:#fafaf9;border:2px solid #2c85ba;padding:36px;width:360px}.audit-panel{margin-top:24px}.audit-panel h4{font-size:11px;text-transform:uppercase;letter-spacing:2px;background:#134b6b;color:#f0f7fc;padding:8px 12px}.audit-panel .row{background:#fff;border:1px solid #d6d3d1;border-top:none;padding:8px 12px;font-size:12px}.audit-panel .row small{font-family:IBM Plex Mono;font-size:10px;color:#a8a29e;display:block}.brand-logo{width:130px;display:block;margin-bottom:8px}.brand-name{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.3px}