:root{--primary: #007bff;--primary-alt: #6f42c1;--danger: #dc3545;--success: #28a745;--bg-color: #333;--text-color: #fff;--input-color: #111}.light-mode{--primary: #007bff;--primary-alt: #6f42c1;--danger: #dc3545;--success: #28a745;--bg-color: #f9f9f9;--text-color: #000;--input-color: #bbb}.btn,.cruds .inputs button,.cruds .outputs .search-btns button,.cruds .outputs table button{display:inline-block;padding:.8rem 1.1rem;border-radius:10px;border:none;color:#fff;font-weight:bold;font-size:1rem;cursor:pointer}.btn:hover,.cruds .inputs button:hover,.cruds .outputs .search-btns button:hover,.cruds .outputs table button:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn--danger{background-color:var(--danger)}.btn--success{background-color:var(--success)}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}#theme-switch{height:50px;width:50px;padding:0;border-radius:50%;border:none;background-color:gray;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:20px;right:20px;cursor:pointer}#theme-switch i{font-size:30px}#theme-switch i.moon{display:none;color:#fff}#theme-switch i.sun{color:#d8d808}.light-mode #theme-switch i.sun{display:none}.light-mode #theme-switch i.moon{display:block}.cruds{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.cruds .head{text-align:center;text-transform:uppercase;margin:2rem 0}.cruds .head h2{font-size:2.5rem}.cruds .head p{font-size:1.5rem;text-transform:capitalize}.cruds input{padding:1rem;background-color:var(--input-color);width:100%;margin:5px 0;color:var(--text-color);border:none;border-radius:10px}.cruds input:focus{outline:none}.cruds .inputs .price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}@media(max-width: 767px){.cruds .inputs .price{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.cruds .inputs .price input{width:20%}@media(max-width: 767px){.cruds .inputs .price input{width:100%}}.cruds .inputs .price .total{padding:10px 5px;border-radius:6px;border:none;background-color:var(--danger);color:#fff;font-weight:bold;font-size:1rem}.cruds .inputs .price .total::before{content:"Total: "}@media(max-width: 767px){.cruds .inputs .price .total{margin-bottom:10px;width:50%;text-align:center}}.cruds .inputs button{margin-top:20px;background-color:var(--primary);width:100%}.cruds .inputs button:hover{background-color:var(--primary-alt)}.cruds .outputs{margin:50px 0}.cruds .outputs .search-btns{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}@media(max-width: 767px){.cruds .outputs .search-btns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.cruds .outputs .search-btns button{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:var(--primary)}.cruds .outputs .search-btns button:hover{background-color:var(--primary-alt)}@media(max-width: 767px){.cruds .outputs .search-btns button{width:75%}}.cruds .outputs .delete-all{margin:30px 0}.cruds .outputs .delete-all button{width:100%}.cruds .outputs .responsive-table{overflow-x:auto}.cruds .outputs table{text-align:center;width:100%;margin:2rem 0}.cruds .outputs table th,.cruds .outputs table td{padding:.6rem;text-transform:capitalize}/*# sourceMappingURL=main.min.css.map */