*{margin:0;padding:0;box-sizing:border-box}body{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;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;overflow:hidden}.app-header{background-color:#282c34;padding:20px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-wrap:wrap;gap:12px}@media (max-width:639px){.app-header{padding:12px 16px;gap:8px}}.app-header h1{margin:0;font-size:2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:639px){.app-header h1{font-size:1.25rem;max-width:150px}}.header-brand{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0}@media (max-width:639px){.header-brand{gap:8px;width:100%;flex-basis:100%}}.store-logo{flex-shrink:0;height:80px;width:auto;object-fit:contain;margin:-12px 0 -12px -12px}@media (max-width:639px){.store-logo{height:50px!important;width:auto!important;margin:-8px 0 -8px -8px!important}}.header-nav{flex-wrap:wrap}.header-nav,.header-nav-right{display:flex;gap:15px;align-items:center}@media (max-width:639px){.header-nav{gap:8px;width:100%;flex-basis:100%;justify-content:space-between}.header-nav-right{gap:8px}}.nav-link{color:#fff;text-decoration:none;font-size:1.1rem;padding:8px 16px;border:1px solid #fff;border-radius:4px;transition:background-color .3s;cursor:pointer;white-space:nowrap}@media (max-width:639px){.nav-link{font-size:.9rem;padding:6px 12px}}@media (max-width:480px){.nav-link{font-size:.85rem;padding:6px 10px}}.nav-link:hover{background-color:hsla(0,0%,100%,.1)}.cart-icon-link{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;padding:8px;border-radius:4px;transition:background-color .3s;cursor:pointer;flex-shrink:0}@media (max-width:639px){.cart-icon-link{padding:6px}.cart-icon-link svg{width:20px;height:20px}}.cart-icon-link:hover{background-color:hsla(0,0%,100%,.1)}.cart-badge{position:absolute;top:0;right:0;background-color:#dc2626;color:#fff;border-radius:10px;min-width:12px;height:20px;padding:0 5px;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px;font-weight:700;line-height:18px!important;transform:translate(25%,-25%);white-space:nowrap;margin:0!important;text-align:center!important;box-sizing:content-box!important}.nav-dropdown{position:relative}@media (max-width:480px){.nav-dropdown .nav-link{display:block;font-size:.85rem;padding:6px 10px}}.nav-dropdown:hover .dropdown-content{display:block}.product-list{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.dropdown-content{display:none;position:absolute;top:100%;left:0;background-color:#fff;min-width:150px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1001;margin-top:8px;border-radius:4px}.dropdown-content a{color:#333;padding:12px 16px;text-decoration:none;display:block;font-size:.95rem}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown-content button{width:100%;text-align:left;color:#333;padding:12px 16px;text-decoration:none;display:block;font-size:.95rem;background:none;border:none;cursor:pointer}.dropdown-content button:hover{background-color:#f1f1f1}.dropdown-divider{height:1px;background-color:#e0e0e0;margin:4px 0}.user-menu{display:flex;gap:10px;align-items:center}.logout-btn{background:none;border:1px solid #fff;font-size:1.1rem;cursor:pointer}.logout-btn:hover{background-color:hsla(0,0%,100%,.1)}main{flex:1 1;width:100%;background-color:#f5f5f5;display:flex;flex-direction:column;overflow:hidden;min-height:0}main:not(:has(.admin-layout)){padding:20px;overflow-y:auto}.admin-sidebar{width:280px;min-width:280px;height:100%;background-color:#1e293b;color:#fff;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 8px rgba(0,0,0,.1);margin:0;padding:0}.sidebar-header{padding:20px;background-color:#0f172a;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.sidebar-nav{padding:0;display:flex;flex-direction:column}.sidebar-section{padding:15px 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-section:last-of-type{border-bottom:none}.sidebar-section h3{color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:0 20px;margin:0 0 10px;font-weight:600}.sidebar-section a{display:flex;align-items:center;padding:12px 20px;color:#cbd5e1;text-decoration:none;transition:all .2s ease;font-size:.95rem;gap:10px;border-left:3px solid transparent}.sidebar-section a:hover{background-color:hsla(0,0%,100%,.05);color:#fff;border-left-color:#3b82f6}.sidebar-section a.active{background-color:rgba(59,130,246,.15);color:#60a5fa;font-weight:500;border-left-color:#3b82f6}.sidebar-footer{padding:20px;border-top:1px solid hsla(0,0%,100%,.1);margin-top:auto}.back-to-store{display:block;padding:12px 16px;background-color:rgba(59,130,246,.1);color:#60a5fa;text-decoration:none;border-radius:6px;text-align:center;font-weight:500;transition:all .2s ease;border:1px solid rgba(59,130,246,.3)}.back-to-store:hover{background-color:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5);transform:translateX(-2px)}@media (max-width:1024px){.admin-sidebar{width:240px;min-width:240px}main.with-sidebar{margin-left:240px}.sidebar-section a{font-size:.9rem;padding:10px 15px}}@media (max-width:768px){.admin-sidebar{left:-280px;transition:left .3s ease;z-index:999}.admin-sidebar.mobile-open{left:0}main.with-sidebar{margin-left:0;width:100%}}