:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0f1724;--bg-soft:#132235;--card-bg:#182331;--card-border:#2a3a4d;--text-main:#f5f7fa;--text-muted:#a7afbb;--accent:#f58212;--accent-hover:#e06f00;--input-bg:#233244;--input-border:#395069}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 500px at 50% -120px, #22344a 0%, transparent 70%), linear-gradient(180deg, var(--bg-soft) 0%, var(--bg-base) 100%);color:var(--text-main);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scrollbar-color:#f58212b3 #ffffff0f;scrollbar-width:thin;min-height:100%;margin:0;padding:0;font-family:Segoe UI Variable Text,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.45;overflow-x:clip}html::-webkit-scrollbar{width:12px}body::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:#ffffff0a}body::-webkit-scrollbar-track{background:#ffffff0a}html::-webkit-scrollbar-thumb{background:linear-gradient(#f58212e6,#e06f00c7);border:3px solid #161f2bbf;border-radius:999px}body::-webkit-scrollbar-thumb{background:linear-gradient(#f58212e6,#e06f00c7);border:3px solid #161f2bbf;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffa03af2,#e06f00e6)}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffa03af2,#e06f00e6)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{justify-content:center;align-items:center;max-width:960px;min-height:100vh;margin:0 auto;padding:28px;display:flex}.app-container{isolation:isolate;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:none;height:100dvh;min-height:100dvh;margin:0 auto;padding:28px 32px;display:grid;position:relative;overflow:clip hidden}.app-background{z-index:-2;background:radial-gradient(circle at top,#ffffff14,#0000 34%),linear-gradient(#0d2238eb,#112439c7 42%,#0f1724f2 100%);position:absolute;inset:0}.app-background:before,.app-background:after{content:"";border-radius:inherit;position:absolute;inset:0}.app-background:before{filter:blur(90px)saturate(.9);opacity:.5;background:radial-gradient(circle,#ffffff0f,#0000 58%),url(/logo-rs-bio.png) 50% 58%/760px no-repeat;transform:scale(1.2)}.app-background:after{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0a121e2e,#0a121e6b),radial-gradient(circle at bottom,#ffffff0a,#0000 32%)}.card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#172230cc 0%,#141d29b8 100%);border:1px solid #4c688642;border-radius:16px;padding:24px;box-shadow:0 16px 36px #0000003d}.stack{gap:16px;display:grid}.stack-tight{gap:8px}.page-shell{gap:18px;display:grid}.order-overview-shell{min-height:0}.order-overview-shell--full-height{height:calc(100dvh - 176px);max-height:calc(100dvh - 176px)}.page-intro{align-content:end;min-height:172px}.page-intro>.muted,.page-section>.muted{max-width:72ch}.page-section{max-width:980px}.row{align-items:center;gap:12px;display:flex}.space-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.field{gap:8px;display:grid}.field label{color:#d3d8e1;font-size:.95rem}.field input,.field textarea{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text-main);border-radius:10px;padding:11px 12px}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f5821233}.button{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:11px 14px;font-weight:700;transition:background-color .2s}.button:hover{background:var(--accent-hover)}.button:disabled{cursor:not-allowed;color:#ffffffbf;background:#586372b8}.button.secondary{color:#fff;background:#5a5f68}.button.danger{background:#a53a3a}.button.danger:hover{background:#913131}.muted{color:var(--text-muted)}.grid{gap:16px;display:grid}@media (min-width:768px){.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}.feature-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.notice{border:1px solid #0000;border-radius:10px;padding:12px 14px}.notice.error{color:#fecaca;background:#b91c1c2e;border-color:#f8717173}.notice.success{color:#bbf7d0;background:#15803d33;border-color:#4ade8073}.import-feedback{background:#182331bd;border:1px solid #58739033;border-radius:14px;gap:10px;padding:14px 16px;display:grid}.import-feedback.loading{background:#f5821214;border-color:#f5821247}.import-feedback.success{background:#15803d24;border-color:#4ade8052}.import-feedback.error{background:#b91c1c24;border-color:#f8717159}.import-feedback-head{align-items:center;gap:10px;display:flex}.import-feedback-head strong{font-size:.96rem}.import-feedback .muted{margin:0}.import-spinner{border:2px solid #ffffff2e;border-top-color:var(--accent);border-radius:999px;flex:none;width:16px;height:16px;animation:.85s linear infinite import-spin}.import-progress{background:#ffffff14;border-radius:999px;width:100%;height:8px;overflow:hidden}.import-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#f58212c7,#ffba5af5);height:100%;transition:width .22s;display:block}@keyframes import-spin{to{transform:rotate(360deg)}}.auth-logo-wrap{justify-content:center;margin-bottom:6px;display:flex}.auth-logo{width:148px;height:auto}.auth-title{text-align:center;letter-spacing:-.03em;margin:0;font-size:2rem;line-height:1.08}.auth-subtitle{text-align:center;margin:0}.auth-submit{width:100%;margin-top:4px}.eyebrow{color:#ffbf7a;letter-spacing:.11em;text-transform:uppercase;background:0 0;border:1px solid #f582128c;border-radius:999px;width:fit-content;padding:6px 11px;font-size:.74rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #f5821214}.app-header{z-index:20;margin-bottom:28px;position:sticky;top:18px}.app-toolbar{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:linear-gradient(#0f2134b8,#101e2f94);border-bottom:1px solid #54719033;border-radius:0 0 20px 20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding:14px 20px 12px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 14px 40px #00000024}.app-brand-block{align-items:center;gap:12px;display:flex}.app-brand-logo-wrap{flex:none;justify-content:center;align-items:center;width:62px;height:62px;display:inline-flex;overflow:visible}.app-brand-logo{object-fit:contain;filter:drop-shadow(0 6px 16px #00000029);transform-origin:50%;width:100%;height:100%;transform:scale(1.18)}.app-brand-copy{gap:2px;display:grid}.app-brand-copy h1,.page-heading h2,.dashboard-hero h2,.dashboard-card h3,.customer-card h3,.card h2{margin:0}.app-brand-copy h1{letter-spacing:-.02em;font-size:clamp(1.08rem,1.35vw,1.24rem);font-weight:700;line-height:1}.dashboard-hero h2,.page-heading h2,.card h2{letter-spacing:-.025em;font-size:clamp(1.55rem,2vw,1.9rem);font-weight:700;line-height:1.14}.dashboard-card h3,.customer-card h3{letter-spacing:-.02em;font-size:1.45rem;font-weight:700;line-height:1.15}.app-brand-copy p,.dashboard-highlight p,.dashboard-card p,.customer-card p,.card p{margin:0}.app-brand-copy p,.auth-subtitle,.dashboard-hero-copy .muted,.metric-card .muted,.dashboard-signal-item span{font-size:.92rem}.app-nav{flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.app-nav-link{background:#283b5257;border:1px solid #647e9b33;border-radius:12px;justify-content:center;align-items:center;min-height:40px;padding:8px 14px;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:inline-flex}.app-nav-link:hover{background:#344a6475;border-color:#7d9bbc57;transform:translateY(-1px);box-shadow:0 8px 20px #00000029}.app-nav-link span{font-size:.93rem;font-weight:600}.app-nav-link.active{background:linear-gradient(#f5821224,#2f455f70);border-color:#f58212;box-shadow:inset 0 0 0 1px #f5821233,0 8px 18px #00000024}.nav-menu{position:relative}.nav-menu:after{content:"";height:14px;position:absolute;top:100%;left:0;right:0}.nav-menu-trigger{gap:8px}.nav-menu-chevron{opacity:.7;flex:none;width:14px;height:14px;transition:transform .18s}.nav-menu:hover .nav-menu-chevron,.nav-menu:focus-within .nav-menu-chevron{transform:rotate(180deg)}.nav-dropdown{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);z-index:15;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#142334f5,#121d2aeb);border:1px solid #5c78953d;border-radius:16px;min-width:300px;padding:10px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(6px);box-shadow:0 18px 38px #00000047}.nav-menu:hover .nav-dropdown,.nav-menu:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-dropdown-overview{background:#2d40583d;border:1px solid #617d9b24;border-radius:12px;gap:2px;margin-bottom:8px;padding:12px 12px 14px;display:grid}.nav-dropdown-overview-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.nav-dropdown-list{gap:8px;display:grid}.nav-dropdown-link{background:#27394f52;border:1px solid #5a759229;border-radius:12px;gap:3px;padding:11px 12px;display:grid}.nav-dropdown-link:hover{background:#2f445e6b;border-color:#f5821247}.nav-dropdown-link.active{background:linear-gradient(#f582121f,#2f445e6b);border-color:#f582126b}.nav-dropdown-link strong{font-size:.95rem}.nav-dropdown-link span{color:var(--text-muted);font-size:.88rem}.profile-menu{position:relative}.profile-menu[open] .profile-trigger{background:#354c676b;border-color:#f582126b}.profile-trigger{cursor:pointer;background:#283b525c;border:1px solid #67819d38;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;list-style:none;transition:border-color .18s,background-color .18s,transform .18s;display:inline-flex}.profile-trigger:hover{border-color:#f582125c;transform:translateY(-1px)}.profile-trigger::-webkit-details-marker{display:none}.profile-trigger-icon{width:18px;height:18px;display:block;position:relative}.profile-trigger-icon:before,.profile-trigger-icon:after{content:"";background:#f3f5f8;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.profile-trigger-icon:before{width:8px;height:8px;top:0}.profile-trigger-icon:after{width:16px;height:8px;bottom:0}.profile-dropdown{z-index:10;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(#142334f0,#121d2ae6);border:1px solid #5c78953d;border-radius:14px;min-width:236px;padding:10px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 38px #00000047}.profile-dropdown-header{background:#2d405847;border:1px solid #617d9b29;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:8px;display:flex}.profile-dropdown-user{gap:2px;display:grid}.profile-avatar{color:#ffc98f;background:#f5821224;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.profile-dropdown-actions{gap:8px;display:grid}.profile-dropdown-link,.profile-dropdown-action{width:100%;color:var(--text-main);background:#27394f52;border:1px solid #5a759229;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:inline-flex}.profile-dropdown-link:hover{background:#2f445e6b;border-color:#f5821247}.profile-dropdown-label{color:var(--text-muted);font-size:.85rem}.profile-dropdown-action{cursor:pointer;color:#ffc98f;text-align:left;background:#f5821214;border-color:#f5821238}.profile-dropdown-action:hover{background:#f5821224;border-color:#f5821257}.profile-dropdown-action-icon{flex:none;width:16px;height:16px}.settings-form{max-width:440px}.dashboard-hero{grid-template-columns:1fr;align-items:stretch;gap:24px;display:grid}.dashboard-hero-copy{text-align:center;justify-items:center;gap:20px}.dashboard-logo-wrap{justify-content:center;align-items:center;display:flex}.dashboard-logo{width:auto;max-width:150px;height:auto}.dashboard-highlight{background:radial-gradient(circle at 100% 0,#f5821214,#0000 38%),linear-gradient(#172536d6 0%,#121d2ac2 100%);border:1px solid #5b779433;border-radius:18px;align-content:end;gap:10px;padding:26px;display:grid}.app-content{z-index:1;min-height:0;position:relative;overflow:clip auto}.route-transition-shell{transform-origin:50% 0;will-change:opacity, transform, filter;gap:18px;animation:.56s cubic-bezier(.16,1,.3,1) route-enter;display:grid}.route-transition-shell>*{animation:.62s cubic-bezier(.16,1,.3,1) both route-item-enter}.route-transition-shell>:first-child{animation-delay:70ms}.route-transition-shell>:nth-child(2){animation-delay:.13s}.route-transition-shell>:nth-child(3){animation-delay:.18s}@keyframes route-enter{0%{opacity:0;filter:blur(12px);transform:translateY(18px)scale(.994)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes route-item-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.dashboard-highlight-label{color:#ffc98f;letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metrics-grid,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-card{gap:14px;min-height:220px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.dashboard-card:hover{border-color:#f5821259;transform:translateY(-2px);box-shadow:0 24px 50px #0000004d}.dashboard-card-cta{color:#ffd5ab;font-weight:700}.metric-card{align-content:start;gap:12px;min-height:0;padding-top:22px;padding-bottom:24px}.metric-card-body{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 20px;margin-top:10px;display:grid}.metric-card-stat{justify-self:start;justify-items:center;row-gap:10px;width:76px;display:inline-grid}.metric-card-heading{min-width:0}.feature-card{align-content:start;gap:14px;min-height:220px}.metric-value{letter-spacing:-.02em;text-align:center;margin:0;font-size:clamp(1.8rem,2.3vw,2.25rem);font-weight:700;line-height:1.05}.metric-card h3{margin:0;font-size:1rem;line-height:1.35}.metric-card .muted{margin:0;font-size:.96rem;line-height:1.5}.metric-card-meta{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-top:10px;display:flex}.metric-card-meta .order-tag-list{justify-content:flex-start;margin-top:0;margin-left:0}.dashboard-signal-list{gap:12px;display:grid}.dashboard-signal-item{background:#22324657;border:1px solid #58739029;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.dashboard-signal-dot{background:var(--accent);border-radius:999px;flex:none;width:10px;height:10px;box-shadow:0 0 0 6px #f582121f}.customer-create{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.customer-create-extended{grid-template-columns:minmax(240px,1.4fr) minmax(180px,.7fr) auto;align-items:end}.customer-field{gap:6px;display:grid}.customer-field-label{color:var(--text-muted);font-size:.86rem;font-weight:600;display:block}.customer-input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text-main);border-radius:10px;padding:10px 12px}.customer-color-field{min-width:160px}.customer-color-input-wrap{border:1px solid var(--input-border);background:var(--input-bg);border-radius:10px;align-items:center;gap:10px;min-height:46px;padding:8px 10px;display:flex}.customer-color-input{cursor:pointer;background:0 0;border:none;width:42px;height:30px;padding:0}.customer-color-input::-webkit-color-swatch-wrapper{padding:0}.customer-color-input::-webkit-color-swatch{border:none;border-radius:999px}.customer-color-code{color:var(--text-main);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.customer-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f5821233}.input-with-clear{display:block;position:relative}.input-with-clear-field{padding-right:42px}.input-clear-button{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #58739033;border-radius:999px;justify-content:center;align-items:center;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-clear-button:hover{color:var(--text-main);background:#f582121f;border-color:#f5821257}.input-clear-button span{font-size:.95rem;line-height:1}.customer-card{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.customer-card-main{flex:360px;gap:10px;min-width:260px;display:grid}.customer-card-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.customer-edit-grid{gap:12px;display:grid}.customer-actions{flex-wrap:wrap;align-self:center;gap:10px;display:flex}.customer-badge{width:fit-content;color:var(--text-muted);background:#ffffff0d;border-radius:999px;padding:5px 10px;font-size:.82rem}.customer-color-chip{background:color-mix(in srgb, var(--customer-color) 18%, #ffffff08);color:#eef4ff;border:1px solid color-mix(in srgb, var(--customer-color) 55%, #ffffff14);border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:5px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.customer-color-chip-preview{justify-content:center;min-width:42px;padding:8px}.field-customer-inline{align-items:center;gap:10px;display:inline-flex}.customer-color-dot{background:var(--customer-color);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--customer-color) 22%, transparent);border-radius:999px}.customer-toolbar{gap:18px;display:grid}.customer-toolbar-header{align-items:flex-start}.customer-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.customer-search{min-width:min(100%,320px)}.customer-table-wrap{background:#0f17245c;border:1px solid #58739029;border-radius:18px;overflow:auto visible}.order-overview-card{grid-template-rows:auto minmax(0,1fr);align-content:start;min-height:0}.order-overview-card--full-height{height:100%;overflow:hidden}.order-overview-card .customer-table-wrap{height:100%;min-height:0;max-height:none;overflow:auto}.customer-table{border-collapse:collapse;width:100%}.customer-table th,.customer-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #58739024;padding:18px 20px}.customer-table th{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;z-index:2;background:#111e2ec7;font-size:.84rem;position:sticky;top:0}.customer-table tbody tr{transition:background .16s}.customer-table tbody tr:hover{background:#1b293a85}.customer-table tbody tr:last-child td{border-bottom:none}.customer-table-id{color:var(--text-muted);font-weight:600}.customer-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.customer-sort-button{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-weight:700;display:inline-flex}.customer-sort-button span{color:var(--accent);font-size:.92rem}.product-tag-list{flex-wrap:wrap;gap:8px;display:flex}.product-tag{border:1px solid #0000;border-radius:999px;align-items:center;padding:5px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.product-tag.purchase{color:#bfe7c0;background:#20703a2e;border-color:#4ade803d}.product-tag.sale{color:#ffd2a4;background:#f5821224;border-color:#f5821247}.trading-workspace{gap:22px;padding-top:12px}.trading-sticky-header{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#182331fa 0%,#182331eb 78%,#18233100 100%);gap:14px;padding-top:0;padding-bottom:4px;display:grid;position:sticky;top:0}.trading-toolbar{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.trading-toolbar h3,.trading-row-card strong,.trading-summary-card strong{margin:0}.trading-toolbar-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.trading-toolbar-actions .notice{flex:320px;margin:0}.trading-customer-field{width:min(280px,100%);min-width:0}.trading-customer-inline{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.trading-customer-inline-label{color:var(--text-muted);font-weight:600}.trading-customer-picker{position:relative}.trading-customer-trigger{min-height:42px;color:inherit;cursor:pointer;background:#182331b8;border:1px solid #5873902e;border-radius:999px;align-items:center;gap:10px;padding:0 12px 0 0;transition:border-color .18s,background-color .18s,transform .18s;display:inline-flex}.trading-customer-trigger:hover,.trading-customer-trigger.active{background:#1c2939e6;border-color:#f582125c}.trading-customer-chip{min-height:40px;padding-inline:12px}.trading-customer-trigger-chevron{opacity:.9;border-bottom:2px solid #ffc98f;border-right:2px solid #ffc98f;flex:none;width:9px;height:9px;transform:rotate(45deg)translateY(-1px)}.trading-customer-menu{z-index:10;background:linear-gradient(#182638fa,#121d2af5);border:1px solid #58739038;border-radius:18px;flex-wrap:wrap;gap:10px;min-width:min(420px,100vw - 56px);padding:12px;display:flex;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 18px 38px #00000047}.trading-customer-option{cursor:pointer;border:1px solid #0000}.trading-customer-option.active{border-color:color-mix(in srgb, var(--customer-color) 62%, #ffffff1f);box-shadow:0 0 0 1px color-mix(in srgb, var(--customer-color) 30%, transparent)}.trading-customer-empty{color:var(--text-muted);padding:6px 2px;font-size:.92rem}.trading-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.trading-summary-card{background:radial-gradient(circle at 100% 0,#f582121a,#0000 42%),#141f2cb8;border:1px solid #5a75922e;border-radius:16px;gap:8px;padding:18px 20px;display:grid}.trading-summary-card strong{letter-spacing:-.03em;font-size:clamp(1.45rem,2vw,1.85rem)}.trading-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.trading-rows{gap:16px;display:grid}.trading-row-card{background:linear-gradient(#151f2be6,#121b26bd),#101822ad;border:1px solid #58739029;border-radius:18px;gap:18px;padding:20px;display:grid}.trading-row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.trading-row-index{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.trading-row-remove{flex:none;width:38px;height:38px}.trading-row-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.trading-row-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.trading-row-metrics-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.trading-metric{background:#202f4175;border:1px solid #58739024;border-radius:14px;gap:6px;padding:14px 16px;display:grid}.trading-metric span{color:var(--text-muted);font-size:.82rem}.trading-metric strong{font-size:1.05rem;line-height:1.2}.trading-metric-input .customer-input{min-height:44px}.trading-price-input-wrap{display:block;position:relative}.trading-price-input{padding-right:54px}.trading-price-reset-icon{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #58739038;border-radius:999px;justify-content:center;align-items:center;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.trading-price-reset-icon:hover{color:var(--text-main);background:#f582121f;border-color:#f5821257}.trading-price-reset-icon:disabled{cursor:not-allowed;opacity:.45}.trading-price-reset-icon-svg{width:16px;height:16px;display:block}.trading-add-card{color:#ffe2c1;cursor:pointer;background:radial-gradient(circle at top,#f582121f,#0000 52%),#1823318f;border:1px dashed #f582126b;border-radius:18px;align-content:center;justify-items:center;gap:10px;width:100%;min-height:136px;max-height:136px;padding:18px;transition:border-color .18s,transform .18s,background-color .18s;display:grid}.trading-add-card:hover{background:radial-gradient(circle at top,#f582122e,#0000 52%),#1c2837b8;border-color:#f58212a3;transform:translateY(-1px)}.trading-add-icon{background:#f582122e;border:1px solid #f5821247;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.6rem;line-height:1;display:inline-flex}.trading-record-modal{width:min(1180px,100vw - 48px);max-height:calc(100vh - 48px);overflow:hidden}.trading-record-modal-body{gap:18px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.trading-record-customer-field{max-width:320px}.trading-record-modal-list{gap:16px;display:grid}.order-tag-list{flex-wrap:wrap;gap:8px;display:flex}.order-tag{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:5px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.order-tag.offen{color:#d7dfeb;background:#94a3b81f;border-color:#94a3b83d}.order-tag.erledigt{color:#c7efc8;background:#29804d2e;border-color:#4ade8042}.order-tag.rechnung-gestellt{color:#ffe2ba;background:#f5821229;border-color:#f5821247}.order-tag.bezahlt{color:#cbe7ff;background:#2563eb2e;border-color:#60a5fa47}.order-tag.archiv{color:#f2c7ff;background:#9333ea29;border-color:#c084fc47}.order-tag-picker{flex-wrap:wrap;gap:8px;display:flex}.order-tag-button{color:var(--text-muted);cursor:pointer;background:#94a3b814;border:1px solid #58739038;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:700;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.order-tag-button:hover{color:var(--text-main);background:#f582121a;border-color:#f5821247}.order-tag-button.disabled,.order-tag-button:disabled{cursor:not-allowed;opacity:.48;color:#a7afbbd9;background:#94a3b80f;border-style:dashed}.order-tag-button.disabled:hover,.order-tag-button:disabled:hover{color:#a7afbbd9;background:#94a3b80f;border-color:#58739038}.order-tag-button.erledigt.active{color:#c7efc8;background:#29804d2e;border-color:#4ade8042}.order-tag-button.rechnung-gestellt.active{color:#ffe2ba;background:#f5821229;border-color:#f5821247}.order-tag-button.bezahlt.active{color:#cbe7ff;background:#2563eb2e;border-color:#60a5fa47}.order-tag-button.archiv.active{color:#f2c7ff;background:#9333ea29;border-color:#c084fc47}.order-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.order-form-grid.single{grid-template-columns:1fr}.order-field-combobox{position:relative}.order-field-menu{z-index:8;background:linear-gradient(#182638fa,#121d2af5);border:1px solid #58739038;border-radius:12px;gap:6px;max-height:240px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 36px #0000004d}.order-field-option{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:#27394f52;border:1px solid #5a759229;border-radius:10px;align-items:center;padding:10px 12px;display:flex}.order-field-option:hover,.order-field-option.active{background:#2f445e7a;border-color:#f582124d}.order-employee-picker{gap:8px;width:220px;max-width:100%;display:grid;position:relative}.order-table-select{width:100%;min-height:40px;color:var(--text-main);cursor:pointer;text-align:left;background:linear-gradient(#27394fe6,#213044e0);border:1px solid #5873902e;border-radius:12px;align-items:center;padding:9px 38px 9px 12px;font-size:.92rem;font-weight:600;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff08}.order-table-select:after{content:"";pointer-events:none;border-bottom:2px solid #d7dee8e6;border-right:2px solid #d7dee8e6;width:8px;height:8px;position:absolute;top:50%;right:14px;transform:translateY(-65%)rotate(45deg)}.order-table-select:hover,.order-table-select.open{background:linear-gradient(#2d415af0,#233348e6);border-color:#f5821247}.order-employee-menu{background:linear-gradient(#182638fa,#121d2af5);border:1px solid #58739038;border-radius:12px;gap:6px;width:100%;min-width:100%;max-height:220px;padding:8px;display:grid;position:relative;overflow-y:auto;box-shadow:0 18px 36px #0000004d}.order-employee-option{text-align:left;width:100%;color:var(--text-main);cursor:pointer;white-space:nowrap;background:#27394f52;border:1px solid #5a759229;border-radius:10px;align-items:center;padding:10px 12px;display:flex}.order-employee-option:hover,.order-employee-option.active{background:#2f445e7a;border-color:#f582124d}.field-feedback{color:#ffbf7a;font-size:.79rem;line-height:1.25}.form-feedback{color:#ffbf7a;margin:0;font-size:.88rem;line-height:1.45}.order-submit-notice{margin:0}.order-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.order-status-toggle{border:1px solid var(--input-border);background:var(--input-bg);min-height:46px;color:var(--text-main);border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex}.order-status-toggle input{width:16px;height:16px;accent-color:var(--accent)}.product-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-toggle{border:1px solid var(--input-border);background:var(--input-bg);min-height:46px;color:var(--text-main);border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex}.product-toggle input{width:16px;height:16px;accent-color:var(--accent)}.product-price-group{background:#151f2c85;border:1px solid #5873902e;border-radius:14px;padding:14px}.product-price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070c148a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{gap:18px;width:min(100%,620px);padding:20px;box-shadow:0 30px 80px #0000006b}.confirm-card{gap:20px;width:min(100%,460px)}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-header>.stack{flex:1;min-width:0}.modal-header .muted{max-width:40ch;line-height:1.55}.modal-close{color:var(--text-main);cursor:pointer;background:#ffffff0a;border:1px solid #58739033;border-radius:999px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;transition:border-color .18s,background-color .18s,transform .18s;display:inline-flex}.modal-close:hover{background:#ffffff12;border-color:#f5821247;transform:translateY(-1px)}.modal-close-icon{width:14px;height:14px;display:block;position:relative}.modal-close-icon:before,.modal-close-icon:after{content:"";background:currentColor;border-radius:999px;width:14px;height:2px;position:absolute;top:50%;left:50%}.modal-close-icon:before{transform:translate(-50%,-50%)rotate(45deg)}.modal-close-icon:after{transform:translate(-50%,-50%)rotate(-45deg)}.modal-form{gap:12px;padding-top:2px;display:grid}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:4px;display:flex}@media (max-width:640px){.customer-create,.customer-create-extended,.order-form-grid,.order-status-grid,.product-toggle-grid,.product-price-grid,.trading-row-grid,.trading-row-metrics,.trading-row-metrics-compact,.trading-summary-grid{grid-template-columns:1fr}.customer-toolbar-actions{width:100%}.customer-search{width:100%;min-width:0}.customer-row-actions,.modal-actions{justify-content:stretch}.customer-row-actions .button,.modal-actions .button,.customer-toolbar-actions .button,.trading-row-head .button{width:100%}.container{align-items:flex-start;padding:18px}.app-container{padding:18px}.card{width:100%;padding:18px}.app-toolbar{border-radius:0 0 16px 16px;grid-template-columns:1fr;justify-items:stretch;padding:16px}.app-brand-block{flex-direction:column;align-items:flex-start}.app-brand-logo-wrap{width:58px;height:58px}.app-nav{justify-content:flex-start}.customer-create{grid-template-columns:1fr}.trading-customer-field{width:100%}}@media (max-width:900px){.app-toolbar{grid-template-columns:1fr;padding:16px}.app-nav{justify-content:flex-start}.metrics-grid,.feature-grid,.feature-grid.two,.dashboard-hero,.dashboard-grid,.trading-toolbar{grid-template-columns:1fr}.trading-customer-inline{flex-direction:column;align-items:stretch}.trading-customer-menu{min-width:min(100vw - 48px,420px)}}@media (prefers-reduced-motion:reduce){.route-transition-shell,.route-transition-shell>*{filter:none;animation:none;transform:none}.app-nav-link,.modal-close,.profile-trigger,.button{transition:none}}