.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 40px #0000001a}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;margin-bottom:8px;font-size:28px;font-weight:700}.login-header p{color:#666;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group input{border:2px solid #e1e5e9;border-radius:8px;padding:12px 16px;font-size:16px;transition:border-color .3s}.form-group input:focus{border-color:#667eea;outline:none}.error-message{color:#c33;text-align:center;background:#fee;border-radius:6px;padding:12px;font-size:14px}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;transition:transform .2s}.login-btn:hover:not(:disabled){transform:translateY(-2px)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.dashboard{background:#f5f7fa;min-height:100vh}.dashboard-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 30px;display:flex}.header-content h1{margin:0;font-size:24px;font-weight:700}.user-info{align-items:center;gap:20px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;padding:8px 16px;font-size:14px;transition:background .3s}.logout-btn:hover{background:#ffffff4d}.dashboard-content{gap:30px;max-width:1200px;margin:0 auto;padding:30px;display:flex}.sidebar{background:#fff;border-radius:12px;width:250px;padding:20px 0;box-shadow:0 4px 20px #00000014}.nav-list{margin:0;padding:0;list-style:none}.nav-link{color:#666;align-items:center;gap:12px;padding:15px 25px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{color:#667eea;background:#f8f9fa}.nav-link.active{color:#fff;background:#667eea}.nav-icon{font-size:18px}.main-content{background:#fff;border-radius:12px;flex:1;min-height:500px;padding:30px;box-shadow:0 4px 20px #00000014}@media (width<=900px){.dashboard-content{flex-direction:column;gap:20px;padding:20px}.sidebar{width:100%}.main-content{min-height:auto;padding:20px}}@media (width<=640px){.header-content{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.user-info{flex-wrap:wrap;justify-content:space-between;gap:12px}.logout-btn{width:100%}.nav-link{padding:14px 18px}}.dashboard-home h2{color:#333;margin-bottom:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;align-items:center;gap:20px;padding:25px;display:flex;box-shadow:0 4px 20px #667eea4d}.stat-icon{opacity:.9;font-size:40px}.stat-info h3{margin:0;font-size:32px;font-weight:700}.stat-info p{opacity:.9;margin:5px 0 0;font-size:14px}.recent-section h3{color:#333;margin-bottom:20px}.recent-products{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.recent-product-card{background:#fff;border-radius:12px;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000001a}.recent-product-card:hover{transform:translateY(-3px)}.recent-product-card img{object-fit:cover;width:100px;height:100px}.product-details{flex:1;padding:15px}.product-details h4{color:#333;margin:0 0 8px;font-size:16px}.category{color:#666;margin:0;font-size:14px}.product-management{padding:20px}.add-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:background .3s}.add-btn:hover{background:#5a67d8}@media (width<=768px){.header{flex-direction:column;align-items:stretch;gap:18px}.add-btn{width:100%}}.content{max-width:1200px;margin:0 auto}.search-section{margin-bottom:20px}.product-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:25px}.product-form h3{color:#333;margin-top:0;margin-bottom:20px}.form-row{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:#555;font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:14px}.form-group textarea{resize:vertical;min-height:80px}.form-actions{gap:10px;margin-top:20px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;flex:1;padding:12px 24px;font-weight:600}.cancel-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;padding:12px 24px;font-weight:600}.products-list h3{color:#333;margin-bottom:20px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.product-card{background:#fff;border-radius:12px;transition:transform .3s;overflow:hidden;box-shadow:0 2px 10px #0000001a}.product-card:hover{transform:translateY(-5px)}.product-card img{object-fit:cover;width:100%;height:180px}.product-info{padding:15px}.product-info h4{color:#333;margin:0 0 8px;font-size:16px}.price{color:#28a745;margin-bottom:5px;font-size:18px;font-weight:700}.category{color:#666;margin-bottom:5px;font-size:14px}.stock{color:#666;font-size:14px}.product-actions{gap:10px;padding:15px;display:flex}.edit-btn{color:#212529;cursor:pointer;background:#ffc107;border:none;border-radius:6px;flex:1;padding:8px 16px;font-weight:600}.delete-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;flex:1;padding:8px 16px;font-weight:600}@media (width<=768px){.form-row{grid-template-columns:1fr}.product-actions{flex-direction:column}.product-card{max-width:100%}}.order-management{max-width:1400px;margin:0 auto;padding:20px}.header{margin-bottom:30px}.filters-section{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:30px;display:flex}.search-group{flex:1;min-width:300px}.search-input{border:2px solid #e1e5e9;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:border-color .3s}.search-input:focus{border-color:#667eea;outline:none}.filter-group{align-items:center;gap:10px;display:flex}.filter-group label{color:#555;font-weight:600}.status-filter{background:#fff;border:2px solid #e1e5e9;border-radius:6px;padding:10px 12px;font-size:14px}.orders-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.summary-card{text-align:center;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.summary-card h3{color:#666;text-transform:uppercase;margin:0 0 10px;font-size:14px;font-weight:600}.summary-number{color:#333;font-size:32px;font-weight:700}.orders-list h3{color:#333;margin-bottom:20px}.no-orders{text-align:center;color:#666;padding:50px;font-size:18px}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.order-card{background:#fff;border-radius:12px;transition:transform .3s;overflow:hidden;box-shadow:0 2px 10px #0000001a}.order-card:hover{transform:translateY(-2px)}.order-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.order-code strong{color:#333;font-size:16px}.order-status{color:#fff;text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.order-customer{border-bottom:1px solid #e9ecef;padding:15px 20px}.order-customer h4{color:#333;margin:0 0 5px;font-size:16px}.order-customer p{color:#666;margin:2px 0;font-size:14px}.order-details{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.order-info{flex-direction:column;gap:2px;display:flex}.order-info span{color:#666;font-size:14px}.order-info strong{color:#28a745}.order-date{color:#999;text-align:right;font-size:12px}.order-actions{padding:15px 20px}.status-select{cursor:pointer;background:#fff;border:2px solid #e1e5e9;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.status-select:focus{border-color:#667eea;outline:none}@media (width<=768px){.filters-section{flex-direction:column;align-items:stretch}.search-group{min-width:auto}.orders-grid{grid-template-columns:1fr}.order-details{flex-direction:column;align-items:flex-start;gap:10px}.order-date{text-align:left}}.user-management{padding:20px}.header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.header h2{color:#333;margin:0}.stats{color:#666;gap:20px;font-size:14px;display:flex}.users-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014}table{border-collapse:collapse;width:100%}thead{background:#f8f9fa}th,td{text-align:left;border-bottom:1px solid #e9ecef;padding:15px}th{color:#333;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}td{color:#666;font-size:14px}tbody tr:hover{background:#f8f9fa}.role-badge{color:#fff;text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.role-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:14px}.role-select:focus{border-color:#667eea;outline:none}@media (width<=768px){.header{flex-direction:column;align-items:stretch;gap:18px}.stats{flex-direction:column;gap:12px}.users-table{overflow-x:auto}table{min-width:680px}}.loading{text-align:center;color:#666;padding:50px;font-size:18px}:root{--bg:#f4f7fb;--surface:#fff;--surface-strong:#f8fbff;--text:#1f2937;--muted:#6b7280;--primary:#4f46e5;--primary-dark:#4338ca;--success:#16a34a;--danger:#dc2626;--border:#e5e7eb;--shadow:0 18px 50px #0f172a14}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:var(--text);background:linear-gradient(#eff2ff 0%,#f8fafc 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.App{min-height:100vh}.loading{min-height:200px;color:var(--muted);justify-content:center;align-items:center;font-size:18px;display:flex}button{cursor:pointer}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}input,textarea,select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}button.primary,.add-btn,.save-btn{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:12px 20px;transition:background-color .2s,transform .2s}button.primary:hover,.add-btn:hover,.save-btn:hover{background:var(--primary-dark)}button.secondary,.cancel-btn{color:var(--text);border:1px solid var(--border);background:#f3f4f6}button.secondary:hover,.cancel-btn:hover{background:#e5e7eb}.section-title{color:var(--text);margin-bottom:12px;font-size:1.35rem}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.card-sm{padding:20px}.flex-row{align-items:center;gap:16px;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}@media (width<=640px){.flex-row{flex-direction:column;align-items:stretch}}