:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#f4f7ff,#eef4ff);color:#111827}*{box-sizing:border-box}body,html,#root{margin:0;min-height:100%;background:transparent}button{cursor:pointer}.app-shell{max-width:1240px;margin:0 auto;padding:28px 24px 40px}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:36px;background:linear-gradient(135deg,#2563eb,#0f172a);color:#fff;border-radius:32px;box-shadow:0 28px 80px #0f172a2e}.hero h1{margin:0 0 16px;font-size:clamp(2.5rem,4vw,3.8rem)}.hero p{max-width:620px;line-height:1.85;color:#ffffffeb}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.85rem;margin-bottom:18px;opacity:.9}nav{display:flex;gap:12px;flex-wrap:wrap}nav button{border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;padding:12px 20px;border-radius:999px;font-weight:600}nav button.active,nav button:hover{background:#ffffff38}.product-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px}.product-card{display:grid;grid-template-rows:auto 1fr;gap:20px;padding:24px;border-radius:28px;background:#fff;box-shadow:0 24px 64px #0f172a14}.product-card img{width:100%;border-radius:24px;object-fit:cover;min-height:240px}.product-details{display:flex;flex-direction:column;gap:18px}.product-details h3{margin:0;font-size:1.3rem}.product-details p{margin:0;color:#475569;line-height:1.75}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.product-bottom strong{font-size:1.15rem}button,input,textarea,select{font:inherit}button{border:none;background:#2563eb;color:#fff;padding:14px 22px;border-radius:999px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 12px 24px #2563eb2e}.order-panel,.admin-panel,.auth-panel{margin-top:32px;padding:32px;background:#fff;border-radius:32px;box-shadow:0 24px 80px #0f172a1a}.order-panel h2,.admin-panel h2,.auth-header h2{margin-top:0;font-size:clamp(1.9rem,3vw,2.4rem)}label{display:grid;gap:10px;margin-bottom:18px}input,textarea,select{width:100%;border:1px solid #d1d5db;border-radius:18px;padding:16px 18px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 6px #2563eb1f}textarea{min-height:140px;resize:vertical}.admin-form,.auth-form{display:grid;gap:16px}.admin-list{display:grid;gap:18px;margin-top:28px}.danger{background:#dc2626}.danger:hover{background:#b91c1c}.order-link a{display:inline-block;margin-top:18px;color:#2563eb;text-decoration:underline}.auth-header{max-width:680px}.auth-header p{margin:0;color:#64748b;line-height:1.8}.auth-note{margin:0;color:#475569;font-size:.95rem}.error-message{color:#dc2626;font-weight:700}.link-button{border:none;background:transparent;color:#2563eb;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.secondary{background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0}.secondary:hover{background:#eef2ff}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.admin-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:20px;border-radius:24px;border:1px solid #e2e8f0;background:#f8fafc}.admin-row h4,.admin-row p{margin:0}.admin-card{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:18px}@media (max-width: 860px){.hero{flex-direction:column}.product-card,.admin-row,.admin-card{grid-template-columns:1fr}.admin-actions{width:100%;justify-content:stretch}.admin-actions button{width:100%}}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.admin-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr}.admin-block{background:#f8fafc;border-radius:28px;padding:26px;border:1px solid #e2e8f0}.admin-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:20px;border-radius:24px;border:1px solid #e2e8f0;background:#fff}.role-tag{background:#e0e7ff;color:#3730a3;padding:9px 16px;border-radius:999px;font-size:.9rem;text-transform:capitalize}.products-list{margin-top:28px}.admin-card{grid-template-columns:120px 1fr auto;align-items:center}.admin-card img{width:120px;height:92px;object-fit:cover;border-radius:20px}.dashboard-shell{display:flex;min-height:100vh;background:#f4f7ff}.dashboard-sidebar{width:240px;flex-shrink:0;background:#0f172a;color:#fff;padding:32px 20px;display:flex;flex-direction:column;gap:6px}.dashboard-brand{font-weight:700;font-size:1.2rem;margin-bottom:32px;padding:0 12px}.dashboard-nav{display:flex;flex-direction:column;gap:4px}.dashboard-nav-item{text-align:left;background:transparent;color:#ffffffbf;border:none;border-radius:14px;padding:13px 16px;font-weight:600;transition:background .15s ease,color .15s ease}.dashboard-nav-item.active,.dashboard-nav-item:hover{background:#ffffff24;color:#fff;transform:none;box-shadow:none}.dashboard-user{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:12px}.dashboard-user-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.dashboard-user-info{display:flex;flex-direction:column;gap:3px;min-width:0}.dashboard-user-name{color:#fff;font-weight:600;font-size:.9rem}.dashboard-user-email{color:#fff9;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-user-role{align-self:flex-start;margin-top:2px;padding:3px 10px;font-size:.7rem}.dashboard-main{flex:1;min-width:0}.dashboard-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 40px;background:#fff;border-bottom:1px solid #e2e8f0}.dashboard-topbar h1{margin:0;font-size:1.6rem}.dashboard-topbar p{margin:6px 0 0;color:#64748b}.dashboard-content{padding:32px 40px 48px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:32px}.stat-card{background:#fff;border-radius:20px;padding:20px 24px;border:1px solid #e2e8f0}.stat-card .stat-value{font-size:1.8rem;font-weight:700;display:block}.stat-card .stat-label{color:#64748b;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.dashboard-panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.dashboard-panel-header h2{margin:0}.dashboard-table-wrap{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow-x:auto;margin-bottom:32px}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{text-align:left;padding:14px 20px;border-bottom:1px solid #eef2f7;white-space:nowrap}.dashboard-table th{font-size:.78rem;text-transform:uppercase;color:#64748b;letter-spacing:.05em;background:#f8fafc}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table img{width:52px;height:40px;object-fit:cover;border-radius:10px}.dashboard-empty{padding:40px;text-align:center;color:#64748b}.dashboard-inline-form{background:#fff;border-radius:20px;padding:24px;border:1px solid #e2e8f0;margin-bottom:32px}.dashboard-inline-form .admin-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid;gap:16px;align-items:end}.dashboard-inline-form label{margin-bottom:0}.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-actions input{width:auto;min-width:140px;padding:10px 14px}.table-actions button{padding:10px 16px;font-size:.85rem}@media (max-width: 860px){.dashboard-shell{flex-direction:column}.dashboard-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:16px}.dashboard-brand{margin-bottom:0;display:flex;align-items:center}.dashboard-nav{flex-direction:row}.dashboard-user{margin-top:0;padding-top:0;border-top:none;padding-left:16px}.dashboard-user-email{max-width:140px}.dashboard-topbar{padding:20px;flex-direction:column;align-items:flex-start}.dashboard-content{padding:20px}}