:root{--primary-color:var(--m-primary);--primary-color-hover:var(--m-primary-hover);--accent-color-yellow:var(--m-accent);--accent-color-green:#28a745;--accent-color-blue:#007bff;--accent-color-red:#dc3545;--text-color-light:#ffffff;--text-color-dark:#333333;--text-color-muted:#6c757d;--text-color-light-muted:#adb5bd;--sidebar-bg-light:#ffffff;--sidebar-bg-dark:#2a2a2a;--sidebar-item-hover-light:#f0f0f0;--sidebar-item-hover-dark:#3a3a3a;--main-bg-light:#f8f9fa;--main-bg-dark:#1e1e1e;--bg-card-light:#ffffff;--bg-card-dark:#2c2c2c;--border-color-light:#dee2e6;--border-color-dark:#444444;--header-height:80px}.customer-dashboard{display:flex;min-height:100vh;transition:background-color .3s ease,color .3s ease}.customer-dashboard.light{background-color:var(--main-bg-light);color:var(--text-color-dark)}.customer-dashboard.dark{background-color:var(--main-bg-dark);color:var(--text-color-dark)}.customer-sidebar{width:280px;padding:30px 20px;display:flex;flex-direction:column;box-shadow:2px 0 5px rgba(0,0,0,.05);transition:background-color .3s ease,box-shadow .3s ease,width .3s ease;flex-shrink:0;overflow:hidden}.customer-dashboard.light .customer-sidebar{background-color:var(--sidebar-bg-light);box-shadow:2px 0 10px rgba(0,0,0,.1)}.customer-dashboard.dark .customer-sidebar{background-color:var(--sidebar-bg-dark);box-shadow:2px 0 10px rgba(0,0,0,.3)}[theme=light] .pt{color:#1f2937}[theme=light] .st.ok{background:var(--text)}[theme=light] .wrap{min-height:100vh;padding:22px 12px 60px;color:#1f2937;background:radial-gradient(900px 520px at 12% -10%,rgba(247,148,29,.12),transparent 60%),radial-gradient(900px 520px at 90% 10%,rgba(247,148,29,.08),transparent 60%),linear-gradient(180deg,#ffffff,#f8f9fb 55%,#f1f4f9)}.customer-profile{display:flex;align-items:center;gap:15px;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color-light);transition:opacity .3s ease}.customer-dashboard.dark .customer-profile{border-bottom:1px solid var(--border-color-dark)}.customer-avatar{width:60px;height:60px;background-color:var(--primary-color);color:var(--text-color-light);display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:700;border-radius:50%;text-transform:uppercase;flex-shrink:0}.customer-profile-info{display:flex;flex-direction:column;overflow:hidden}.customer-profile-info h3{font-size:18px;margin:0;font-weight:600;white-space:nowrap}.customer-profile-info p{font-size:13px;margin:0;color:var(--primary-color);font-weight:500}.customer-nav{display:flex;flex-direction:column;gap:5px}.customer-logout-button,.customer-nav a{display:flex;align-items:center;padding:12px 15px;border-radius:8px;transition:background-color .3s ease,color .3s ease,transform .2s ease,padding .3s ease;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;border:none;width:100%;text-align:inherit;gap:15px;overflow:hidden}.customer-nav span.menu-icon{font-size:20px;flex-shrink:0}.customer-nav span.menu-text{white-space:nowrap;transition:opacity .3s ease}.customer-nav .account-menu-item,.customer-nav .account-menu-item-active{color:#555}.customer-dashboard.dark .customer-nav .account-menu-item,.customer-dashboard.dark .customer-nav .account-menu-item-active{color:#ccc}.customer-nav .account-menu-item:hover{background-color:var(--sidebar-item-hover-light);color:var(--primary-color);transform:translateX(5px)}.customer-dashboard.dark .customer-nav .account-menu-item:hover{background-color:var(--sidebar-item-hover-dark)}.customer-nav .account-menu-item-active{background-color:var(--primary-color);color:var(--text-color-light);font-weight:600;transform:translateX(5px)}.customer-logout-button{margin-top:20px;background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.customer-logout-button:hover{background-color:var(--primary-color);color:var(--text-color-light);transform:translateX(5px)}.customer-dashboard.dark .customer-logout-button{color:var(--primary-color);border-color:var(--primary-color)}.customer-dashboard.dark .customer-logout-button:hover{background-color:var(--primary-color);color:var(--text-color-light)}.customer-main{flex-grow:1;padding:30px;overflow-y:auto;transition:padding .3s ease}.dashboard-state{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height, 0px));font-size:20px;font-weight:500;transition:background-color .3s ease,color .3s ease}.dashboard-state.error{color:var(--accent-color-red)}.dashboard-state.loading{color:var(--primary-color)}.dashboard-state.loading:after{content:"";display:inline-block;width:24px;height:24px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-left:3px solid var(--text-color-light);margin-left:15px;animation:spin 1s linear infinite}.customer-dashboard.light .dashboard-state.loading:after{border-color:rgba(0,0,0,.1);border-left-color:var(--primary-color)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.customer-sidebar{width:70px;padding:15px 10px;align-items:center}.customer-profile-info h3,.customer-profile-info p{opacity:0;visibility:hidden;pointer-events:none;width:0}.customer-profile{justify-content:center;margin-bottom:20px}.customer-avatar{width:50px;height:50px;font-size:24px}.customer-logout-button,.customer-nav a{justify-content:center;padding:12px 8px;gap:0;transform:translateX(0)!important}.customer-nav span.menu-text{opacity:0;visibility:hidden;pointer-events:none;width:0}.customer-nav .account-menu-item-active{background-color:transparent;color:inherit;transform:translateX(0)!important}.customer-dashboard.dark .customer-nav .account-menu-item-active{color:var(--text-color-light)}.customer-logout-button,.customer-nav .account-menu-item-active .menu-icon{color:var(--primary-color)}.customer-logout-button{margin-top:10px;border:none}.customer-logout-button:hover{background-color:transparent}.customer-dashboard.dark .customer-logout-button:hover,.customer-logout-button:hover{color:var(--primary-color-hover)}.customer-main{padding:20px}}.dashboard-container{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.1rem;font-weight:500;transition:background-color .3s ease,color .3s ease}.dashboard-container.light{background-color:var(--main-bg-light);color:var(--text-color-dark)}.dashboard-container.dark{background-color:var(--main-bg-dark);color:var(--text-color-light)}.dashboard-error,.dashboard-loading{text-align:center;padding:30px}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-left:4px solid var(--primary-color);margin:0 auto 15px;animation:spin 1s linear infinite}.dashboard-container.dark .spinner{border-left-color:var(--text-color-light)}.dashboard-error{color:var(--accent-color-red)}.retry-button{margin-top:15px;padding:10px 20px;background-color:var(--primary-color);color:var(--text-color-light);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.retry-button:hover{background-color:var(--primary-color-hover)}.dashboard-main{flex-grow:1;padding:30px;overflow-y:auto;display:flex;flex-direction:column;gap:30px;transition:background-color .3s ease}.dashboard-main.light{background-color:var(--main-bg-light)}.dashboard-main.dark{background-color:var(--main-bg-dark)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color-light)}.dashboard-container.dark .dashboard-header{border-bottom:1px solid var(--border-color-dark)}.header-title h1{font-size:2rem;font-weight:700;margin:0 0 5px}.dashboard-container.dark .header-title h1{color:var(--text-color-light)}.header-title p{font-size:1rem;color:var(--text-color-muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 25px;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none;font-size:.95rem}.btn-icon{font-size:1.1rem}.btn-primary{background-color:var(--primary-color);color:var(--text-color-light)}.btn-primary:hover{background-color:var(--primary-color-hover);transform:translateY(-2px)}.dashboard-container.dark .btn-primary:hover{box-shadow:0 4px 15px rgba(247,148,29,.4)}.btn-secondary{background-color:var(--accent-color-blue);color:var(--text-color-light)}.btn-secondary:hover{background-color:#0056b3;transform:translateY(-2px)}.btn-outline{background-color:transparent;border:1px solid var(--border-color-light);color:var(--primary-color)}.dashboard-container.dark .btn-outline{border-color:var(--border-color-dark);color:var(--text-color-light)}.btn-outline:hover{background-color:var(--primary-color);color:var(--text-color-light);border-color:var(--primary-color);transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:30px}.stat-card{display:flex;justify-content:space-between;align-items:center;padding:25px;border-radius:12px;background-color:var(--bg-card-light);box-shadow:0 4px 15px rgba(0,0,0,.05);transition:all .3s ease,transform .2s ease;text-decoration:none;min-height:120px}.dashboard-container.dark .stat-card{background-color:var(--bg-card-dark);box-shadow:0 4px 15px rgba(0,0,0,.2)}.stat-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.1)}.dashboard-container.dark .stat-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.3)}.stat-content{color:inherit}.stat-title{font-size:.9rem;font-weight:500;color:var(--text-color-muted);margin-bottom:8px}.dashboard-container.dark .stat-title{color:var(--text-color-light-muted)}.stat-value{font-size:1.8rem;font-weight:700;margin:0}.stat-icon-wrapper{font-size:2.5rem;opacity:.7}.stat-icon-wrapper .stat-icon{color:var(--card-color,var(--primary-color))}.dashboard-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;flex-grow:1}.content-panel{background-color:var(--bg-card-light);border-radius:12px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.dashboard-container.dark .content-panel{background-color:var(--bg-card-dark);box-shadow:0 4px 15px rgba(0,0,0,.2)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color-light)}.dashboard-container.dark .panel-header{border-bottom:1px solid var(--border-color-dark)}.panel-header h2{font-size:1.4rem;font-weight:700;margin:0}.dashboard-container.dark .panel-header h2{color:var(--text-color-light)}.panel-header a{font-size:.9rem;color:var(--primary-color);text-decoration:none;font-weight:500}.panel-header a:hover{text-decoration:underline}.order-list{list-style:none;padding:0;margin:0}.order-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border-color-light);font-size:.95rem}.dashboard-container.dark .order-item{border-bottom:1px solid var(--border-color-dark)}.order-item:last-child{border-bottom:none}.order-info{flex-basis:30%}.order-id{font-weight:600;color:var(--primary-color);margin-bottom:3px}.order-date{font-size:.85rem;color:var(--text-color-muted)}.dashboard-container.dark .order-date{color:var(--text-color-light-muted)}.order-total strong{font-size:1rem;font-weight:700}.order-status .status-badge{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500;display:inline-block}.status-badge.pending{background-color:rgba(255,193,7,.2);color:var(--accent-color-yellow)}.status-badge.processing{background-color:rgba(0,123,255,.2);color:var(--accent-color-blue)}.status-badge.shipped{background-color:rgba(40,167,69,.2);color:var(--accent-color-green)}.status-badge.delivered{background-color:rgba(40,167,69,.3);color:var(--accent-color-green)}.status-badge.cancelled{background-color:rgba(220,53,69,.2);color:var(--accent-color-red)}.status-badge.return{background-color:rgba(108,117,125,.2);color:var(--text-color-muted)}.btn-view-order{font-size:.85rem;padding:6px 15px;background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-view-order:hover{background-color:var(--primary-color);color:var(--text-color-light)}.dashboard-container.dark .btn-view-order{color:var(--text-color-light);border-color:var(--text-color-light)}.dashboard-container.dark .btn-view-order:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-color-muted)}.empty-state p{margin-bottom:20px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.product-card{background-color:var(--bg-card-light);border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.dashboard-container.dark .product-card{box-shadow:0 2px 10px rgba(0,0,0,.15)}.product-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.dashboard-container.dark .product-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.25)}.product-image-wrapper{position:relative;width:100%;height:180px}.product-image{object-fit:cover!important}.product-info{padding:15px;display:flex;flex-direction:column;flex-grow:1}.product-title{font-size:1rem;font-weight:600;margin:0 0 8px;color:var(--text-color-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-container.dark .product-title{color:var(--text-color-light)}.product-price{font-size:1.1rem;font-weight:700;color:var(--primary-color);margin-bottom:15px}.product-info .btn-outline{margin-top:auto}@media (max-width:1200px){.dashboard-content-grid{grid-template-columns:1fr}.panel-recent-orders{order:1}.panel-recommended-products{order:2}}@media (max-width:992px){.dashboard-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}