:root{--bg-primary:#0a0b14;--bg-secondary:#141625;--bg-card:rgba(20,22,37,0.7);--text-primary:#ffffff;--text-secondary:#a0a2b8;--text-muted:#646680;--accent-purple:#7F66FF;--accent-purple-glow:rgba(127,102,255,0.35);--accent-blue:#0950C3;--accent-green:#049F6C;--success:#049F6C;--error:#FF4D4D;--glass-bg:rgba(255,255,255,0.03);--glass-border:rgba(255,255,255,0.08);--border-focus:rgba(127,102,255,0.4);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-purple:0 8px 32px rgba(127,102,255,0.15)}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}*{box-sizing:border-box}.container{width:100%;max-width:none;margin:0;padding:1rem}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card:hover{border-color:var(--border-focus);background:rgba(255,255,255,.05)}.btn{background:var(--accent-blue);color:white;border:none;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn:hover{opacity:.9;filter:brightness(1.1)}.btn-green{background:var(--accent-green)}.btn-outline{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--text-muted);background:rgba(255,255,255,.05)}.order-grid{display:grid;grid-template-columns:40px 60px 2fr 120px 80px 80px;align-items:center;grid-gap:12px;gap:12px;padding:1rem}.order-grid-header{background:#252525;border-bottom:1px solid #333;color:#888;font-weight:600;font-size:.9rem}@media (max-width:768px){.container{padding:.75rem}.card{padding:1rem .75rem;border-radius:var(--radius-md)}h1{font-size:1.4rem!important}h2{font-size:1.1rem!important}.order-grid-header{display:none!important}.order-grid{grid-template-columns:40px 1fr 60px!important;grid-template-areas:"check title qty" "check meta  qty" "action action action";row-gap:8px;padding:.75rem}.order-grid .grid-check{grid-area:check}.order-grid .grid-title{grid-area:title}.order-grid .grid-meta{grid-area:meta}.order-grid .grid-qty{grid-area:qty;text-align:right!important;font-size:1.1rem!important;font-weight:700}.order-grid .grid-action{grid-area:action;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #333;padding-top:10px;margin-top:4px}.order-grid .grid-photo{display:none!important}}.action-panel{background:#252525;padding:1.5rem;border-radius:12px;border:1px solid #333}.stack-mobile{display:flex;gap:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap}@media (max-width:768px){.action-panel{padding:1rem}.stack-mobile{flex-direction:column;align-items:stretch;gap:1rem}.full-width-mobile{width:100%!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.mobile-only,.mobile-only-flex{display:none!important}@media (max-width:768px){.mobile-only{display:block!important}.mobile-only-flex{display:flex!important}}