.home-container{background-color:#f9f9f9;padding:40px 20px;margin:0 auto;text-align:center}.home-title{margin-bottom:30px}.project-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.project-card{display:inline-block;padding:20px 25px;background-color:#fff;color:#333;text-decoration:none;font-weight:500;border-radius:12px;box-shadow:0 4px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease;width:200px;text-align:center}.project-card:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003;cursor:pointer}body{font-family:sans-serif;background-color:#f0f0f0;border-radius:20px}.tabs-list{display:flex;justify-content:center}.tab-container{display:flex;justify-content:center;padding:20px;min-height:150px}.tab-item{padding:2px 30px;border:1px solid black;cursor:pointer;background-color:#deb887;transition:transform .3s ease-in-out}.tab-home-container{width:400px;margin:20px auto;background-color:#fff;padding:20px;box-shadow:0 4px 4px #0000001a;border-radius:10px}h1{text-align:center}.selected{transform:scale(1.1)}.profile-container{margin:15px 0}.input-item{padding:10px;display:flex;gap:10px}label{cursor:pointer}.btn{padding:10px 25px;background-color:#1f74ba;color:#fff;border:transparent;margin:5px;cursor:pointer}.buttons-conatiner{display:flex;justify-content:center}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;display:flex;justify-content:center;align-items:center}.modal{background:#fff;padding:25px;border-radius:5px;text-align:center;box-shadow:0 4px 8px #0003}.modal-button{margin-top:10px;padding:5px 10px;background:#1f74ba;color:#fff;border:none;cursor:pointer;border-radius:5px}.tick{color:#deb887;animation:tickPulse 1s ease-in-out infinite}@keyframes tickPulse{0%{transform:scale(2)}50%{transform:scale(2.4)}to{transform:scale(2)}}.error-text{color:red;font-size:small}.pagination-product-card{border:1px solid black;text-align:center;width:140px;min-height:150px;background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px 4px #0000001a;transition:transfrom 1s ease-in-out;cursor:pointer}.pagination-product-card:hover{transform:scale(1.05)}.product-img{padding:10px;height:100px;width:100px}.product-name{padding:0 7px}.products-list{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;height:400px;overflow:hidden;overflow-y:scroll;background-color:#f0f0f0;padding:20px}.pagination-header{background-color:#fff;text-align:center}.pagination-pages{display:flex;align-items:center;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;max-width:50vw;padding:10px 0;gap:5px}.total-pages{display:flex;justify-content:center;align-items:center;padding:10px;gap:10px;background-color:#fff}.pagination-pages::-webkit-scrollbar{display:none}.page-item{background-color:#f0f0f0;margin:0 4px;padding:5px 7px;border-radius:10px;transition:transfrom 1s ease-in-out;cursor:pointer}.page-item:hover{transform:scale(1.1)}.pagination{margin:0 auto;display:flex;flex-direction:column;justify-content:center}.page-btn-highlight{background-color:#6a5acd;color:#fff}.auto-complete-container{margin:30px auto;width:60%;background-color:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 12px #00000014}.auto-complete-header{margin-bottom:20px}.auto-input-container{padding:10px 0}.auto-input{width:90%;padding:12px 16px;border-radius:25px;border:1px solid #ccc;font-size:16px;outline:none}.auto-input:focus{border-color:#6a5acd}.auto-search-results-container{margin-top:10px;max-height:300px;overflow-y:auto;background-color:#fafafa;border:1px solid #ddd;border-radius:10px}.auto-no-results{font-weight:700;padding:15px;color:#999}.auto-result-item{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background .2s ease}.auto-result-item:hover{background-color:#efefef}.auto-img{width:50px;height:50px;border-radius:6px;margin-right:12px}.auto-item-title{font-size:16px;text-align:left}body{background-color:#f0f0f0;font-family:sans-serif}.files-main-conatiner{background-color:#fff;width:60%;padding:20px;border-radius:10px;margin:20px auto;box-shadow:0 2px 6px #0000000d}.files-header{text-align:center;margin-bottom:20px}.files-tree-container{display:flex;justify-content:center}.file-item-parent{display:flex;align-items:center;padding:4px 0;gap:6px}.file-icons{height:16px;width:16px;cursor:pointer;transition:transform .2s ease;opacity:.7}.file-icons:hover{opacity:1}.file-icons.rotate{transform:rotate(-90deg)}.create-file{margin:20px 0;text-align:center;display:flex;flex-direction:column;gap:10px}.files-input-container{margin:5px 0}.files-input{padding:6px 12px;border-radius:20px;border:1px solid #ccc;width:200px}.files-btn-container{display:flex;justify-content:center;gap:10px}.file-btns{padding:6px 12px;border-radius:5px;border:none;cursor:pointer;background-color:#efefef;transition:background-color .2s}.file-btns:hover{background-color:#ddd}body{background-color:#f0f0f0}.progress-main-container{background-color:#fff;padding:20px;text-align:center;border-radius:20px;box-shadow:0 4px 4px #0000001a;width:50%;margin:20px auto}.progress-bar-outer{width:300px;height:20px;border:1px solid black;border-radius:25px;overflow:hidden;margin:10px 0}.progress-bar-inner{background-color:#deb887;height:100%;border-radius:25px;text-align:right;padding-right:5px;transition:width .5s ease-in-out;font-weight:700}.progress-container{display:flex;flex-direction:column;align-items:center}.otp-container{background-color:#fff;width:50%;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin:20px auto}.otp-header{text-align:center}.otp-digit{padding:5px;width:25px;height:25px;margin:5px;border-radius:5px;text-align:center;border:2px solid #ccc}.otp-digit:focus{outline:none;border:2px solid blueviolet}.otp-main-container{display:flex;justify-content:center}.chips-header{text-align:center;margin:3px 0}.chips-input-container{box-shadow:0 2px 8px #0000001a;background-color:#fff;padding:20px;width:50%;border-radius:10px;margin:20px auto}.chips-main-container{display:flex;flex-direction:column;align-items:center}.chip-input{padding:7px 17px;border-radius:10px;margin:10px}.chips-list{margin-top:15px;display:flex;flex-direction:row;flex-wrap:wrap}.chip-item{background-color:#deb887;padding:6px 12px;margin:4px;border-radius:20px;display:flex;align-items:center;font-size:14px}.chip-name{margin-right:8px}.chip-close-btn{cursor:pointer;font-weight:700;font-size:14px;color:#333}.todo-main-container{width:60%;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 4px rgb(0,0,0,0,.2);margin:10px auto}.todo-header{text-align:center}.todo-form-container{display:flex}.todo-conatiner{display:flex;align-items:center;flex-direction:column}.todo-btn{padding:5px 10px;background-color:#d2691e;border:none;border-radius:6px;cursor:pointer}.todo-input{padding:5px 10px;border-top-left-radius:10px;border-bottom-left-radius:10px}.todo-item{display:flex;justify-content:space-between;margin:10px;padding:10px 15px;background-color:#fff;box-shadow:0 4px 4px rgb(0,0,0,0,.2);transition:transform .1s ease-in-out;min-width:60%;max-width:90%;box-sizing:border-box;border-radius:10px}.todo-item:hover{transform:scale(1.1)}.todo-edit-btn{margin-right:5px}.todos-list{background-color:#f0f0f0;padding:15px;margin:20px 10px 10px;border-radius:10px;width:60%;display:flex;flex-direction:column;align-items:center}.todo-add-btn{padding:7px 20px;background-color:#1f74ba;color:#fff;border:none;cursor:pointer}.todo-sno{margin-right:5px}.todo-status{margin-right:5px;cursor:pointer}.todo-strike{text-decoration:line-through;color:#888}.accodian-container{width:60%;background-color:#fff;padding:20px;border-radius:10px;margin:10px auto}.accod-header{padding:5px;margin:10px;text-align:center}.accod-main-container{background-color:#f9f9f9;padding:10px;border-radius:10px;border:1px solid #ddd}.accod-item{padding:5px 10px;background-color:#fff;margin:4px 0;border:1px solid #ddd}.accod-main-content{background-color:#f1f1f1;padding:1px 10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.accod-sub-content{background-color:#fafafa;padding:1px 5px;border-radius:5px}.selected-accod{background-color:#e0e0e0}.accod-arrow{transition:transform .3s ease}.accod-arrow.rotate{transform:rotate(180deg)}