*{box-sizing:border-box;padding:0;margin:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--accent:#ec4899;--background:#fff;--background-alt:#f9fafb;--foreground:#111827;--foreground-muted:#6b7280;--border:#e5e7eb;--border-light:#f3f4f6;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--card-bg:#fff;--card-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--card-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){:root{--background:#111827;--background-alt:#1f2937;--foreground:#f9fafb;--foreground-muted:#9ca3af;--border:#374151;--border-light:#4b5563;--card-bg:#1f2937;--card-shadow:0 1px 3px 0 rgba(0,0,0,.3),0 1px 2px -1px rgba(0,0,0,.3);--card-shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3)}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:.5rem;transition:all .2s;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--card-shadow-lg)}.btn-secondary{background:var(--background-alt);color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border-light)}.btn-ghost{background:transparent;color:var(--foreground)}.btn-ghost:hover{background:var(--background-alt)}.card{background:var(--card-bg);border-radius:.75rem;padding:1.5rem;box-shadow:var(--card-shadow)}.card,.input{border:1px solid var(--border)}.input{width:100%;padding:.75rem;font-size:1rem;border-radius:.5rem;background:var(--background);color:var(--foreground);transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.label,.select{color:var(--foreground)}.select{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background);cursor:pointer}.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;background:var(--background-alt);color:var(--foreground-muted)}.badge-primary{background:var(--primary);color:#fff}.badge-success{background:var(--success);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-error{background:var(--error);color:#fff}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:767px){.admin-sidebar{display:none!important}.admin-sidebar.mobile-open{display:flex!important}.admin-main{margin-left:0!important;width:100%!important}}@media (min-width:768px){.admin-sidebar{display:flex!important;position:-webkit-sticky!important;position:sticky!important}.admin-main{margin-left:250px!important;width:calc(100% - 250px)!important}.mobile-close-btn,.mobile-menu-btn{display:none!important}.admin-content{padding-top:0!important}.order-layout{grid-template-columns:1fr 400px!important}.order-cart{position:-webkit-sticky!important;position:sticky!important;top:1rem!important;max-height:calc(100vh - 2rem)!important}}@media (max-width:767px){.order-layout{grid-template-columns:1fr!important;gap:1rem!important}.order-cart{position:relative!important;top:0!important;max-height:none!important;margin-bottom:1rem}.grid-3{grid-template-columns:1fr!important}.btn{min-height:44px;min-width:44px}}