body{color:#cbd5e1;background:#1e293b;margin:0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.layout{align-items:flex-start;gap:20px;max-width:1400px;margin:0 auto;display:flex}.sidebar{background:#334155;border-radius:8px;width:280px;padding:20px;box-shadow:0 4px 6px -1px #0003}.catalog{flex:1}h2{color:#f8fafc;border-bottom:1px solid #475569;margin-top:0;padding-bottom:10px}#search{color:#f8fafc;box-sizing:border-box;background:#475569;border:1px solid #64748b;border-radius:6px;outline:none;width:100%;margin-bottom:20px;padding:12px}#search:focus{border-color:#93c5fd}.cat-item{cursor:pointer;color:#94a3b8;border-radius:6px;margin-bottom:5px;padding:10px;font-size:.95em;transition:background .2s}.cat-item:hover{color:#cbd5e1;background:#475569}.cat-item.active{color:#93c5fd;background:#475569;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;display:grid}.card{background:#334155;border-radius:8px;flex-direction:column;padding:15px;display:flex;box-shadow:0 2px 4px -1px #0000001a}.cat-label{color:#94a3b8;margin-bottom:8px;font-size:.75em}.ru{color:#e2e8f0;margin-bottom:5px;font-weight:700}.en{color:#64748b;flex:1;margin-bottom:12px;font-size:.85em}.price{color:#93c5fd;margin-bottom:15px;font-weight:700}button{color:#f8fafc;cursor:pointer;background:#475569;border:none;border-radius:6px;padding:8px 12px;transition:background .2s,transform .1s}button:hover{background:#64748b}button:active{transform:scale(.98)}.c-item{border-bottom:1px solid #475569;flex-direction:column;gap:8px;margin-bottom:15px;padding-bottom:15px;display:flex}.c-info{color:#e2e8f0;font-weight:700}.c-controls{align-items:center;gap:10px;display:flex}.c-btn{background:#475569;border-radius:4px;padding:4px 8px;font-size:.9em}.c-btn:hover{background:#64748b}.c-btn.del{color:#94a3b8;background:0 0;margin-left:auto}.c-btn.del:hover{background:#64748b}.c-price{color:#93c5fd;text-align:right;font-size:.95em}.total{color:#f8fafc;margin-top:15px;font-size:1.1em;font-weight:700}#clear{color:#cbd5e1;background:#475569;width:100%;margin-top:15px}#clear:hover{color:#fca5a5;background:#64748b}