@import url('./ordertwin-theme.css?v=20260809-1');
:root {
  --radius-sm:10px;--radius-md:14px;--radius-lg:18px;--space-1:4px;--space-2:8px;
  --space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-background);color:var(--color-text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}button,a,input,select,textarea{outline:none}button,a[role="button"]{touch-action:manipulation}
:focus-visible{outline:3px solid var(--color-focus-ring)!important;outline-offset:2px!important}
h1,h2,h3{color:var(--color-text);letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.08;font-weight:800}h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.18;font-weight:750}h3{font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.25}
.ot-btn,button[type="submit"],.primary-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-sm);padding:0 18px;background:var(--color-action-primary);color:var(--color-action-primary-text);font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.ot-btn:hover,button[type="submit"]:hover,.primary-button:hover{background:var(--color-primary-hover)}.ot-btn:active,button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.48}
.ot-btn.secondary,.secondary-button{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}
.ot-card,.card,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:48px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);padding:10px 13px;font-size:16px;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--color-action-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}
.ot-status{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-weight:650}.ot-status::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--color-text-secondary)}.ot-status.success::before{background:var(--color-success)}.ot-status.warning::before{background:var(--color-warning)}.ot-status.error::before{background:var(--color-error)}
.ot-toast-region{position:fixed;right:18px;bottom:18px;z-index:1000;display:grid;gap:8px}.ot-toast{max-width:380px;padding:14px 16px;border-radius:12px;background:var(--color-navigation-background);color:var(--color-text-inverse);box-shadow:var(--shadow-elevated);animation:ot-in .2s ease}.ot-toast.error{background:var(--ot-error-action)}.ot-toast.success{background:var(--color-navigation-background);border-left:5px solid var(--color-success)}@keyframes ot-in{from{opacity:0;transform:translateY(8px)}}
.ot-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:480px){h1{font-size:2rem}.ot-card,.card,.panel{border-radius:12px}}