.ups-root{min-height:100vh;background:var(--surface-light,#fafafa);padding-bottom:80px}.dark .ups-root{background:#0a0a0f}.ups-page-header{max-width:1280px;margin:0 auto;padding:28px 24px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}@media (max-width:640px){.ups-page-header{flex-direction:column;align-items:flex-start;padding:20px 16px 0}}.ups-section-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-dm-sans),sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-primary,#f97316);margin-bottom:6px}.ups-section-label:before{content:"";display:block;width:20px;height:2px;background:var(--brand-primary,#f97316);border-radius:2px}.ups-page-title{font-family:var(--font-syne),sans-serif;font-size:clamp(1.4rem,2.2vw,1.875rem);font-weight:700;color:#0a0a0a;letter-spacing:-.03em;line-height:1.15;margin:0 0 4px}.dark .ups-page-title{color:#f5f5f5}.ups-page-sub{font-family:var(--font-dm-sans),sans-serif;font-size:13.5px;color:#737373;margin:0}.ups-header-action{flex-shrink:0}.ups-layout{max-width:1280px;margin:0 auto;padding:24px 24px 0;display:flex;gap:28px;align-items:flex-start}@media (max-width:1023px){.ups-layout{flex-direction:column;padding:20px 16px 0}}.ups-sidebar{width:240px;flex-shrink:0;position:sticky;top:80px}@media (max-width:1023px){.ups-sidebar{width:100%;position:static}}.ups-content{flex:1;min-width:0}.ups-card{background:#fff;border:1px solid #e5e5e5;border-radius:20px;overflow:hidden}.dark .ups-card{background:#111118;border-color:hsla(0,0%,100%,.08)}.ups-btn-primary{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-dm-sans),sans-serif;font-size:13px;font-weight:700;color:#fff;background:var(--brand-primary,#f97316);border:none;border-radius:12px;padding:10px 20px;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px rgba(249,115,22,.3);transition:opacity .15s ease,box-shadow .15s ease,transform .15s ease}.ups-btn-primary:hover{opacity:.9;box-shadow:0 6px 20px rgba(249,115,22,.4);transform:translateY(-1px)}.ups-btn-ghost{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-dm-sans),sans-serif;font-size:13px;font-weight:600;color:var(--brand-primary,#f97316);background:transparent;border:1.5px solid rgba(249,115,22,.3);border-radius:12px;padding:9px 18px;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}.ups-btn-ghost:hover{background:rgba(249,115,22,.06);border-color:rgba(249,115,22,.5)}.ups-empty{padding:60px 24px;text-align:center;flex-direction:column}.ups-empty,.ups-empty-icon{display:flex;align-items:center}.ups-empty-icon{width:60px;height:60px;border-radius:18px;background:rgba(249,115,22,.07);border:1.5px dashed rgba(249,115,22,.3);justify-content:center;color:var(--brand-primary,#f97316);margin-bottom:18px}.ups-empty-title{font-family:var(--font-syne),sans-serif;font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:6px;letter-spacing:-.02em}.dark .ups-empty-title{color:#f0f0f0}.ups-empty-sub{font-size:13px;color:#a3a3a3;max-width:320px;margin-bottom:20px;line-height:1.55}.ups-badge,.ups-empty-sub{font-family:var(--font-dm-sans),sans-serif}.ups-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.ups-badge--delivered{background:rgba(16,185,129,.1);color:#10b981}.ups-badge--processing{background:rgba(249,115,22,.1);color:var(--brand-primary,#f97316)}.ups-badge--shipped{background:rgba(59,130,246,.1);color:#3b82f6}.ups-badge--cancelled{background:rgba(239,68,68,.1);color:#ef4444}.ups-badge--pending{background:rgba(245,158,11,.1);color:#f59e0b}.ups-badge--active{background:rgba(16,185,129,.1);color:#10b981}.ups-badge--inactive{background:hsla(0,0%,64%,.1);color:#a3a3a3}