*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#0a0a0a;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.sider{width:220px;background:#fafafa;border-right:1px solid #eaeaea;padding:32px 0;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.logo{padding:0 28px 32px;font-size:15px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.logo-dot{width:8px;height:8px;background:#0a0a0a;border-radius:50%}.nav-title{padding:20px 28px 8px;font-size:11px;color:#999;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.nav-item{display:block;padding:8px 28px;cursor:pointer;color:#525252;border-left:2px solid transparent;transition:all .15s}.nav-item:hover{color:#0a0a0a;background:#00000005}.nav-item.active{color:#0a0a0a;border-left-color:#0a0a0a;font-weight:500}.main{flex:1;min-width:0}.supplier-main{display:flex;flex-direction:column}.supplier-main .content{flex:1;width:100%}.topbar{padding:20px 48px;display:flex;align-items:center;border-bottom:1px solid #eaeaea}.topbar-title{font-size:13px;color:#737373}.topbar-right{margin-left:auto;font-size:13px;color:#737373;display:flex;align-items:center;gap:16px}.content{padding:56px 48px;max-width:1040px}.portal-footer{width:100%;max-width:1040px;padding:0 48px 32px;color:#737373;font-size:12px}.portal-footer a{color:#0a0a0a;text-decoration:underline;text-underline-offset:2px}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}@media (max-width: 860px){.detail-grid{grid-template-columns:1fr}}h1,h2,h3,h4,.section-title,.auth-title,.role-title{font-weight:700}h1{font-size:36px;letter-spacing:-.03em;margin-bottom:10px;line-height:1.2}.sub{color:#737373;font-size:15px;margin-bottom:40px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;border:1px solid #eaeaea;background:#fff;color:#0a0a0a;transition:all .15s;font-family:inherit;text-decoration:none}.btn:hover{border-color:#0a0a0a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.btn-primary:hover{background:#262626}.btn-danger{background:#fff;color:#dc2626;border-color:#fecaca}.btn-danger:hover{background:#fef2f2;border-color:#dc2626}.btn-lg{padding:14px 28px;font-size:15px}.btn-sm{padding:6px 12px;font-size:13px}.btn-block{width:100%}.card{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:28px;margin-bottom:20px}.tag{display:inline-flex;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500;background:#f5f5f5;color:#525252}.tag-active{background:#dcfce7;color:#166534}.tag-warn{background:#fef3c7;color:#92400e}.tag-danger{background:#fee2e2;color:#991b1b}.tag-info{background:#dbeafe;color:#1e40af}.tag-mono{font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;font-size:11px}.wallet-strip{display:flex;align-items:center;gap:40px;padding:24px 28px;border:1px solid #eaeaea;border-radius:12px;margin-bottom:32px}.wallet-strip .label{color:#737373;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.wallet-strip .val{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:4px}.tender-row{padding:24px 0;border-bottom:1px solid #eaeaea;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.tender-row:last-child{border-bottom:0}.tender-row:hover h3{color:#737373}.tender-row h3{font-size:16px;font-weight:600;margin-bottom:6px}.tender-meta{color:#737373;font-size:13px}.tender-price-val{font-size:20px;font-weight:600;letter-spacing:-.02em;text-align:right}.tender-price-label{color:#737373;font-size:12px;text-align:right;margin-top:2px}.field{margin-bottom:20px}.field-label{display:block;font-size:13px;font-weight:500;margin-bottom:8px}.field-input,.field-textarea,.field-select{width:100%;padding:12px 14px;border:1px solid #eaeaea;border-radius:8px;font-size:14px;font-family:inherit;background:#fff}.field-input:focus,.field-textarea:focus,.field-select:focus{outline:none;border-color:#0a0a0a}.field-textarea{min-height:110px;resize:vertical}.field-select{cursor:pointer}.field-hint{font-size:12px;color:#a3a3a3;margin-top:6px}.opening-witness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.opening-witness{border:1px solid #eaeaea;border-radius:10px;padding:18px}.opening-confirm-row{display:flex;gap:8px;align-items:center;margin-top:14px}.opening-code-input{min-width:0;letter-spacing:.08em}.opening-confirmed{color:#166534;font-size:13px;font-weight:500;margin-top:14px}.opening-resend-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:12px}.note{padding:14px 18px;border-radius:10px;font-size:13px;margin-bottom:20px}.note-warn{background:#fffbeb;color:#78350f}.note-ok{background:#f0fdf4;color:#14532d}.note-info{background:#eff6ff;color:#1e3a8a}.note-danger{background:#fef2f2;color:#991b1b}.note strong{font-weight:600}table{width:100%;border-collapse:collapse}th{text-align:left;padding:14px 0;color:#737373;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #eaeaea}td{padding:20px 0;border-bottom:1px solid #f5f5f5;font-size:14px;vertical-align:middle}th:last-child,td:last-child{text-align:right}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#fafafa}.event{padding:14px 0;border-bottom:1px solid #f5f5f5;font-size:13px;color:#525252;display:flex;gap:16px;align-items:center}.event:last-child{border-bottom:0}.event-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;flex-shrink:0}.event-dot.red{background:#dc2626}.event-dot.amber{background:#d97706}.event-dot.gray{background:#a3a3a3}.event-time{color:#a3a3a3;font-size:12px;margin-left:auto;white-space:nowrap}.auth-wrap{width:calc(100% - 32px);max-width:420px;margin:80px auto}.auth-logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin-bottom:40px}.auth-title{font-size:28px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.auth-sub{color:#737373;margin-bottom:32px}.auth-switch{margin-top:24px;text-align:center;color:#737373;font-size:13px}.auth-switch a{color:#0a0a0a;font-weight:500}.guide-figure{margin:22px 0 28px}.guide-shot{display:block;width:100%;max-width:420px;height:auto;margin-right:auto;border:1px solid #e5e5e5;border-radius:10px;background:#fff;box-shadow:0 10px 24px #0000000f}.guide-shot-wide{max-width:100%}.guide-figure figcaption{margin-top:8px;color:#737373;font-size:12px}.guide-returning-title{margin-top:34px}.guide-final-note{margin-top:22px;margin-bottom:0}.kv-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f5f5f5;color:#737373;font-size:13px}.kv-row:last-child{border-bottom:0}.kv-row strong,.kv-row .kv-val{color:#0a0a0a}.section-title{font-size:16px;font-weight:600;margin-bottom:16px}.muted{color:#737373}.copy-box{font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;font-size:13px;background:#fafafa;border:1px solid #eaeaea;border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center}.role-wrap{max-width:780px;margin:80px auto;padding:0 24px}.role-wrap .auth-logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin-bottom:40px}.landing-title{font-size:52px;font-weight:600;letter-spacing:-.04em;line-height:1.05;margin-bottom:44px}.landing-sub{font-size:17px;color:#737373;margin-bottom:56px;max-width:560px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.role-card{background:#fff;border:1px solid #eaeaea;padding:36px;border-radius:16px;cursor:pointer;transition:all .2s}.role-card:hover{border-color:#0a0a0a;transform:translateY(-2px);box-shadow:0 12px 28px #00000014}.role-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#737373;margin-bottom:12px}.role-title{font-size:21px;font-weight:600;letter-spacing:-.02em;margin-bottom:28px}.role-desc{color:#525252;font-size:14px;margin-bottom:28px}@media (max-width: 680px){.role-grid,.opening-witness-grid{grid-template-columns:1fr}.opening-resend-row{align-items:flex-start;flex-direction:column}.landing-title{font-size:40px}.auth-wrap{margin:32px auto}.card{padding:20px}}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0a0a66;display:flex;align-items:flex-start;justify-content:center;padding:48px 24px;overflow-y:auto}.preview-modal{background:#fff;border-radius:12px;border:1px solid #eaeaea;width:100%;max-width:920px;box-shadow:0 12px 40px #0000002e}.preview-modal-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #eaeaea}.preview-modal-body{padding:32px 40px}