.login-wrapper[data-v-a5ef33c1]{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card[data-v-a5ef33c1]{background:#fff;border-radius:12px;width:380px;padding:40px 32px;box-shadow:0 20px 60px #0000004d}.login-card h2[data-v-a5ef33c1]{text-align:center;color:#1a1a2e;margin-bottom:4px}.subtitle[data-v-a5ef33c1]{text-align:center;color:#888;margin-bottom:24px;font-size:13px}label[data-v-a5ef33c1]{color:#555;margin-bottom:4px;font-size:13px;display:block}input[data-v-a5ef33c1]{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:14px;padding:10px 12px;font-size:14px}button[data-v-a5ef33c1]{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:6px;width:100%;padding:11px;font-size:15px}button[data-v-a5ef33c1]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-a5ef33c1]{color:#e74c3c;text-align:center;margin-top:12px;font-size:13px}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f2f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#1a1a2e;flex-shrink:0;width:220px;padding:24px 0}.sidebar h2{letter-spacing:1px;border-bottom:1px solid #ffffff1a;margin-bottom:12px;padding:0 24px 24px;font-size:18px}.nav-item{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;padding:14px 24px;font-size:14px;transition:background .2s,border-left .2s;display:flex}.nav-item:hover{background:#ffffff0d}.nav-item.active{color:#4f6ef7;background:#ffffff1a;border-left-color:#4f6ef7}.nav-icon{text-align:center;width:20px;font-size:18px}.main{flex:1;padding:32px;overflow-y:auto}.page-header{margin-bottom:28px}.page-header h1{color:#1a1a2e;font-size:22px;font-weight:600}.page-header p{color:#666;margin-top:4px;font-size:13px}.card{background:#fff;border-radius:12px;margin-bottom:24px;padding:28px;box-shadow:0 1px 3px #0000000f}.card-title{border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-bottom:12px;font-size:15px;font-weight:600}.form-group{margin-bottom:18px}.form-group label{color:#555;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group textarea{border:1px solid #d9d9d9;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef71a}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 28px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#4f6ef7}.btn-primary:hover{background:#3d5bd9}.btn-danger{color:#fff;background:#ff4d4f}.btn-danger:hover{background:#e04345}.btn-success{color:#fff;background:#52c41a}.btn-success:hover{background:#49b017}.btn:disabled{opacity:.5;cursor:not-allowed}.result-box{background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;margin-top:20px;padding:16px 20px;font-size:13px;line-height:1.8}.result-box.error{color:#cf1322;background:#fff2f0;border-color:#ffccc7}.result-box .label{color:#888;margin-right:4px}.result-box .value{color:#1a1a2e;font-weight:600}.result-box.error .value{color:#cf1322}.code-url{word-break:break-all;color:#1d39c4;background:#f0f5ff;border:1px solid #adc6ff;border-radius:8px;margin-top:16px;padding:14px 18px;font-family:Fira Code,monospace;font-size:13px;position:relative}.code-url .copy-btn{color:#fff;cursor:pointer;background:#4f6ef7;border:none;border-radius:6px;padding:4px 12px;font-size:12px;position:absolute;top:8px;right:8px}.code-url .copy-btn:hover{background:#3d5bd9}.sidebar-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.sidebar{padding-bottom:70px;position:relative}.username{color:#ffffffb3;font-size:13px}.logout-btn{color:#fff9;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.logout-btn:hover{color:#fff;background:#fff3}.status-tag{border-radius:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.status-tag.success{color:#389e0d;background:#f6ffed;border:1px solid #b7eb8f}.status-tag.pending{color:#d48806;background:#fff7e6;border:1px solid #ffd591}.status-tag.closed{color:#8c8c8c;background:#f5f5f5;border:1px solid #d9d9d9}.status-tag.error{color:#cf1322;background:#fff2f0;border:1px solid #ffccc7}.status-tag.processing{color:#096dd9;background:#e6f7ff;border:1px solid #91d5ff}.loading{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){#app{flex-direction:column}.sidebar{flex-wrap:wrap;width:100%;padding:12px 0;display:flex}.sidebar h2{width:100%;margin-bottom:8px;padding:0 16px 12px}.nav-item{padding:10px 16px;font-size:13px}.main{padding:20px 16px}.form-row{grid-template-columns:1fr}}