.otopas-zone{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.otopas-dashboard-shell,.dark .otopas-dashboard-shell{background:radial-gradient(circle at 10% 0,#32c80014,#0000 28rem),radial-gradient(circle at 86% 12%,#03c88014,#0000 24rem),linear-gradient(#f7fbf6 0%,#f8fafc 46%,#fff 100%)!important}.otopas-hero,.dark .otopas-hero{border-radius:1rem;grid-template-columns:minmax(0,1.25fr) minmax(280px,.9fr);align-items:center;gap:2rem;min-height:280px;padding:clamp(1.5rem,3.5vw,2.75rem);display:grid;position:relative;overflow:hidden;box-shadow:0 12px 35px #0f172a0a;background:linear-gradient(115deg,#f0fdf4 0%,#fff 52%,#f7fee7 100%)!important;border:1px solid #bbe6bfd9!important}.otopas-hero:before{content:"";filter:blur(2px);background:#32c8001f;border-radius:999px;width:18rem;height:18rem;position:absolute;inset:auto auto -7rem -5rem}.otopas-hero__copy,.otopas-hero__media{z-index:1;position:relative}.otopas-kicker,.otopas-section-eyebrow{color:#187e0f;letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.otopas-kicker{align-items:center;gap:.55rem;display:inline-flex}.otopas-kicker__dot{background:#1f9913;border-radius:999px;width:.55rem;height:.55rem;box-shadow:0 0 0 5px #1f99131f}.otopas-hero h1,.dark .otopas-hero h1{letter-spacing:-.03em;max-width:42rem;margin-top:.85rem;font-size:clamp(2rem,4vw,3.25rem);font-weight:900;line-height:1.15;color:#022c22!important}.otopas-hero p,.dark .otopas-hero p{max-width:38rem;margin-top:.85rem;font-size:1rem;line-height:1.7;color:#475569!important}.otopas-hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.otopas-hero__media{justify-content:center;align-items:center;width:100%;min-height:220px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.otopas-hero__image{object-fit:contain;object-position:center;filter:drop-shadow(0 12px 24px #0f172a1a);width:100%;max-width:460px;height:auto;max-height:280px}.otopas-section{padding-top:.25rem}.otopas-section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.9rem;display:flex}.otopas-section-heading h2,.dark .otopas-section-heading h2,.otopas-aside-intro h2,.dark .otopas-aside-intro h2{letter-spacing:-.015em;margin-top:.35rem;font-size:1.25rem;font-weight:850;color:#022c22!important}.otopas-section-heading>p,.dark .otopas-section-heading>p{font-size:.875rem;color:#64748b!important}.otopas-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.otopas-metric,.dark .otopas-metric{border-radius:.75rem;min-height:145px;padding:1.15rem;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a0a;background:#fff!important;border:1px solid #e2e8f0f2!important}.otopas-metric:hover{transform:translateY(-3px);box-shadow:0 18px 42px #0f172a17;border-color:#32c80061!important}.otopas-metric:before{content:"";background:linear-gradient(90deg,#1f9913,#03c880,#ffdf3a);height:3px;position:absolute;inset:0 0 auto}.otopas-metric__topline{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.otopas-metric__topline p,.dark .otopas-metric__topline p{max-width:12rem;font-size:.875rem;font-weight:750;line-height:1.4;color:#475569!important}.otopas-metric__icon{border-radius:.65rem;flex:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.otopas-metric__icon--brand{color:#1f9913;background:#edf7eb}.otopas-metric__icon--amber{color:#b45309;background:#fff7ed}.otopas-metric__icon--lime{color:#4d7c0f;background:#f7fee7}.otopas-metric__icon--teal{color:#0f766e;background:#f0fdfa}.otopas-metric__value{align-items:baseline;gap:.45rem;margin-top:1.05rem;display:flex}.otopas-metric__value strong,.dark .otopas-metric__value strong{letter-spacing:-.04em;font-size:2rem;font-weight:900;color:#0f2922!important}.otopas-metric__value span,.dark .otopas-metric__value span{font-size:.875rem;font-weight:700;color:#64748b!important}.otopas-metric__detail,.dark .otopas-metric__detail{text-overflow:ellipsis;white-space:nowrap;margin-top:.45rem;font-size:.8125rem;line-height:1.5;overflow:hidden;color:#64748b!important}.otopas-skeleton{background:#e2e8f0;border-radius:.4rem;animation:1.6s ease-in-out infinite otopas-pulse;display:block}.otopas-skeleton--label{width:45%;height:.875rem}.otopas-skeleton--value{width:35%;height:2rem;margin-top:2.1rem}.otopas-skeleton--detail{width:65%;height:.8125rem;margin-top:.7rem}.otopas-workspace{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:1rem;display:grid}.otopas-workspace__main,.dark .otopas-workspace__main,.otopas-workspace__aside,.dark .otopas-workspace__aside{border-radius:.85rem;box-shadow:0 12px 34px #0f172a0a;background:#fff!important;border:1px solid #e2e8f0f2!important}.otopas-workspace__main{padding:1.35rem}.otopas-workspace__aside,.dark .otopas-workspace__aside{padding:1.35rem;color:#0f2922!important;background:#fff!important;border:1px solid #e2e8f0f2!important}.otopas-section-heading--workspace{align-items:center;margin-bottom:1.15rem}.otopas-text-link,.otopas-guide-link{color:#1f9913;align-items:center;gap:.45rem;font-size:.875rem;font-weight:800;display:inline-flex}.otopas-text-link:hover,.otopas-guide-link:hover{text-decoration:underline}.otopas-order-list,.dark .otopas-order-list{border-top:1px solid #eef2f1!important}.otopas-order-row,.dark .otopas-order-row{padding:1.15rem 0;transition:background .18s;border-bottom:1px solid #eef2f1!important}.otopas-order-row:last-child{padding-bottom:0;border-bottom:0!important}.otopas-order-row:hover,.dark .otopas-order-row:hover{background:linear-gradient(90deg,#edf7eba6,#0000)!important}.otopas-order-row__id{color:#475569;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;font-weight:800;display:flex}.otopas-order-row__body{justify-content:space-between;align-items:center;gap:1rem;margin-top:.65rem;display:flex}.otopas-order-row h3,.dark .otopas-order-row h3{font-size:1.0625rem;font-weight:850;color:#0f2922!important}.otopas-order-row h3 span,.dark .otopas-order-row h3 span{border-radius:.375rem;margin-left:.45rem;padding:.2rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;font-weight:800;color:#475569!important;background:#f1f5f4!important}.otopas-order-row p{color:#18783c;margin-top:.35rem;font-size:.875rem;font-weight:700}.otopas-order-row__meta{color:#475569;flex-wrap:wrap;gap:1rem;margin-top:.65rem;font-size:.8125rem;display:flex}.otopas-order-row__meta span{align-items:center;gap:.4rem;display:inline-flex}.otopas-order-row__action{flex:none;align-items:center;gap:.85rem;display:flex}.otopas-order-row__action strong,.dark .otopas-order-row__action strong{font-size:1.0625rem;font-weight:900;color:#0f2922!important}.otopas-order-row__action a{color:#1f9913;background:#edf7eb;border-radius:.65rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:transform .18s,background .18s;display:flex}.otopas-order-row__action a:hover{background:#d9f3d4;transform:translate(2px)}.otopas-status{border-radius:999px;padding:.3rem .75rem;font-family:inherit;font-size:.75rem;font-weight:800}.otopas-status--progress{color:#b45309;background:#fff7ed}.otopas-status--complete{color:#047857;background:#ecfdf5}.otopas-status--waiting{color:#0f766e;background:#f0fdfa}.otopas-aside-intro h2,.dark .otopas-aside-intro h2{font-size:1.25rem;font-weight:850;line-height:1.3;color:#022c22!important}.otopas-aside-intro p,.dark .otopas-aside-intro p{margin-top:.45rem;font-size:.875rem;line-height:1.6;color:#64748b!important}.otopas-workspace__aside .otopas-section-eyebrow{color:#1f9913;font-weight:800}.otopas-quick-links{gap:.65rem;margin-top:1.25rem;display:grid}.otopas-quick-links a,.dark .otopas-quick-links a{border-radius:.75rem;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.875rem;font-weight:750;transition:border-color .18s,background .18s,transform .18s,color .18s;display:flex;box-shadow:0 1px 3px #00000008;color:#1e293b!important;background:#fff!important;border:1px solid #e2e8f0!important}.otopas-quick-links a:hover,.dark .otopas-quick-links a:hover{text-decoration:none;transform:translate(2px);color:#1f9913!important;background:#edf7eb!important;border-color:#1f9913!important}.otopas-quick-links svg{color:#1f9913}.otopas-guide-link{color:#1f9913;border-color:#0000;align-items:center;gap:.5rem;margin-top:1.15rem;padding:.35rem 0;font-size:.875rem;font-weight:750;transition:color .18s;display:inline-flex}.otopas-guide-link:hover{color:#187e0f;text-decoration:underline}.otopas-guide-link svg{color:#1f9913}.otopas-empty-state,.dark .otopas-empty-state{border-radius:.65rem;place-items:center;min-height:230px;font-size:.875rem;display:grid;color:#64748b!important;background:#fbfdfb!important;border:1px dashed #d6e3dd!important}@keyframes otopas-pulse{50%{opacity:.48}}@media (max-width:1024px){.otopas-hero{grid-template-columns:1fr}.otopas-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otopas-workspace{grid-template-columns:1fr}}@media (max-width:640px){.otopas-hero{border-radius:.75rem;gap:1rem;padding:1rem 1.15rem}.otopas-hero h1{font-size:clamp(1.25rem,5.5vw,1.75rem);line-height:1.25}.otopas-hero__actions>*{width:100%}.otopas-metric-grid{grid-template-columns:1fr;gap:.75rem}.otopas-section-heading{flex-direction:column;align-items:start;gap:.5rem}.otopas-order-row__body{flex-direction:column;align-items:start}.otopas-order-row__action{justify-content:space-between;width:100%}.otopas-workspace__main,.otopas-workspace__aside{padding:.85rem}}.otopas-zone .rounded-2xl,.otopas-zone .rounded-3xl{border-radius:.5rem}.otopas-zone button,.otopas-zone a,.otopas-zone input,.otopas-zone select,.otopas-zone textarea{scroll-margin:1rem}.otopas-zone :where(button,a,input,select,textarea):focus-visible{outline-offset:2px;outline:2px solid #159947}.otopas-page-header{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #159947;border-radius:.5rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem;display:flex;box-shadow:0 1px 2px #0f172a0a}.otopas-page-header__icon{color:#159947;background:#1599471a;border-radius:.5rem;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.otopas-page-header__actions{flex-direction:column;align-items:stretch;gap:.5rem;width:100%;display:flex}.otopas-page-header__actions>*{width:100%}@media (min-width:640px){.otopas-page-header{flex-direction:row;align-items:center}.otopas-page-header__actions{flex-flow:row;align-items:center;gap:.5rem;width:auto}.otopas-page-header__actions>*{flex-shrink:0;width:auto}}.otopas-page-header__actions>button,.otopas-page-header__actions>div,.otopas-page-header__actions .btn{white-space:nowrap!important;box-sizing:border-box!important;border-radius:.5rem!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;height:2.375rem!important;min-height:2.375rem!important;max-height:2.375rem!important;padding-top:0!important;padding-bottom:0!important;font-size:.8125rem!important;line-height:1.25rem!important;display:inline-flex!important}.otopas-page-header__actions div button{white-space:nowrap!important;border-radius:.375rem!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;height:1.875rem!important;min-height:1.875rem!important;max-height:1.875rem!important;padding:0 .75rem!important;font-size:.8125rem!important;display:inline-flex!important}.dark .otopas-page-header{background:#0f172a;border-color:#1e293b #1e293b #1e293b #159947}@media (prefers-reduced-motion:reduce){.otopas-zone *,.otopas-zone :before,.otopas-zone :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}