.ot-page{min-height:100vh;padding:50px 0;background-color:#f8f8f8;margin-bottom:-30px}.ot-wrap{margin:0 auto}.ot-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.ot-h1{margin:0;font-size:34px;font-weight:700;letter-spacing:.2px;color:#111827}.ot-muted{margin:6px 0 0;color:var(--color-primary);font-size:13px}.ot-mutedSm{margin:8px 0 0;color:#9ca3af;font-size:12px}.ot-searchCard{border-radius:16px;background:#fff;padding:16px;margin-bottom:16px}.ot-inputRow{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.ot-field{min-width:220px;flex:1 1}.ot-field label{display:block;font-size:12px;color:var(--color-primary);margin-bottom:6px}.ot-input{width:100%;height:44px;border-radius:12px;padding:0 14px;border:0;background:#ebebeb;color:#111827;outline:none}.ot-input::placeholder{color:var(--color-primary)}.ot-input:focus{box-shadow:0 0 0 3px rgba(82,82,82,.18)}.ot-btn{height:44px;padding:0 18px;border-radius:10px;border:0;background-color:var(--color-primary);color:#fff;cursor:pointer;min-width:130px;transition:.18s ease}.ot-btn:hover{transform:translateY(-1px)}.ot-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ot-error{margin-top:12px;padding:12px;border-radius:12px;background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.ot-grid{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:16px;gap:16px}@media (max-width:920px){.ot-grid{grid-template-columns:1fr}}.ot-card{border-radius:16px;background-color:#fff;overflow:hidden}.ot-cardHead{padding:16px 16px 10px}.ot-titleRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.ot-h2{margin:0;font-size:16px;font-weight:700;color:#111827}.ot-badge{font-size:11px;padding:5px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151}.ot-badge--info{border-color:#bae6fd;background:#e0f2fe;color:#075985}.ot-badge--success{background:#dcfce7;color:#166534}.ot-badge--danger{border-color:#fca5a5;background:#fee2e2;color:#991b1b}.ot-alert{margin:14px 16px 0;padding:12px;border-radius:12px;border:1px solid #e5e7eb}.ot-alert--danger{border-color:#fda4af;background:#ffe4e6}.ot-alertTitle{font-weight:700;margin-bottom:4px;color:#111827}.ot-alertText{color:#fca5a5;font-size:12px}.ot-stepper{padding:16px;display:flex;flex-direction:column;gap:14px}.ot-step{display:grid;grid-template-columns:28px 1fr;grid-gap:12px;gap:12px}.ot-stepTop{flex-direction:column}.ot-dot,.ot-stepTop{position:relative;display:flex;align-items:center}.ot-dot{border-radius:999px;border:0;background:transparent;justify-content:center;font-size:12px;font-weight:600;color:#9ca3af}.ot-dot,.ot-dot--done{width:24px;height:24px}.ot-dot--done{border:1px solid #86efac;background:#ecfdf5;color:transparent}.ot-dot--done:after{content:"✓";position:absolute;font-size:14px;font-weight:800;color:#16a34a}.ot-dot--active{width:24px;height:24px;border:1px solid rgba(139,92,246,.55);background:rgba(139,92,246,.14);color:#6d28d9}.ot-dot--danger{width:24px;height:24px;border:1px solid #fca5a5;background:#fef2f2;color:transparent}.ot-dot--danger:after{content:"✕";position:absolute;font-size:13px;font-weight:900;color:#ef4444}.ot-line{width:2px;flex:1 1;margin-top:10px;border-radius:99px;background:#e5e7eb}.ot-line--done{background:#86efac}.ot-line--danger{background:#fca5a5}.ot-stepBody{padding-top:2px}.ot-label{font-size:13px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ot-sub{margin-top:4px;color:var(--color-primary);font-size:11.5px}.ot-pill{font-size:11px;padding:3px 10px;border-radius:999px;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.12);color:#6d28d9}.ot-pill--muted{border-color:#e5e7eb;background:#f3f4f6;color:#6b7280}.ot-panels{padding:16px;display:flex;flex-direction:column;gap:12px}.ot-panel{padding:16px;border-radius:14px;background:#f3f3f3}.ot-panelTitle{font-weight:700;margin-bottom:10px;color:#111827}.ot-kv{display:grid;grid-template-columns:120px 1fr;grid-gap:8px 10px;gap:8px 10px}@media (max-width:420px){.ot-kv{grid-template-columns:1fr}}.ot-k{font-weight:500}.ot-k,.ot-v{color:#111827;font-size:13px}.ot-v{font-weight:600}.ot-items{display:flex;flex-direction:column;gap:10px}.ot-itemRow{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.ot-itemName{font-size:13px;line-height:1.45;font-weight:600;color:#111827}.ot-itemMeta{margin-top:6px;color:#6b7280;font-size:12px}.ot-itemTag{font-size:11px;align-self:flex-start;padding:6px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;white-space:nowrap}.ot-timeline{display:flex;flex-direction:column;gap:10px}.ot-timeRow{display:flex;gap:10px;align-items:flex-start}.ot-miniDot{width:9px;height:9px;border-radius:999px;margin-top:4px;border:1px solid #e5e7eb;background:#fff}.ot-miniDot--info{background:#cffafe}.ot-miniDot--success{background:#dcfce7}.ot-miniDot--danger{border-color:#fca5a5;background:#fee2e2}.ot-timeMain{flex:1 1}.ot-timeTop{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:#111827}.ot-timeAt{color:#9ca3af;font-size:12px}.ot-timeNote{margin-top:4px;color:var(--color-primary);font-size:11.5px}