@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;color:var(--text-color);background-color:var(--background-color);line-height:1.6}section{width:60%;margin:3.2rem auto}section>h2{color:#000;font-size:2.4rem}section p{font-size:1.4rem}h1,h2,h3{font-family:var(--primary-font);color:var(--primary-color)}p,a,span,label,input{font-family:var(--secondary-font)}textarea{resize:none}:root{font-size:62.5%;--primary-color: #646cff;--secondary-color: #61dafb;--primary-font: "Montserrat",sans-serif;--secondary-font: "Roboto",sans-serif;--text-color: #333;--background-color: #ffffff;--link-color: #007bff;--link-hover-color: #0056b3;--form-max-height: 150rem}.custom-header{--header-min-height: 30rem;width:100%;min-height:var(--header-min-height);padding:2rem;position:relative}.custom-header .logo{width:50px;height:auto}.custom-header .header-image{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.header-image img{width:100%;height:100%;object-fit:cover}.header-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c}.custom-header .header-content{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.header-content .text-wrapper{margin-top:4.2rem;max-width:60%;text-align:center}.custom-header .header-content h1{font-size:2.8rem;font-weight:700;color:#fff}.custom-header .header-content p{font-size:1.4rem;color:#fff;line-height:1.4}.custom-form{background:#fff;box-shadow:0 4px 30px #0000001a;border-radius:1.6rem;border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px);max-height:var(--form-max-height);margin:2rem auto 3.2rem;overflow:hidden}.custom-form .form-wrapper{width:100%;padding:5rem 5rem 0}.custom-form .form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.5rem}.form-group label{font-size:1.6rem;color:#333}.form-group input,.form-group textarea{padding:1rem;font-size:1.4rem;border:1px solid #ccc;border-radius:.5rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-group select{padding:.8rem;font-size:1.2rem;border:1px solid #ccc;border-radius:.5rem}.form-group select:focus{border-color:var(--primary-color);outline:none}.form-group select option{padding:.8rem;font-size:1.2rem}.form-group.terms{flex-direction:row;align-items:center;gap:.5rem;margin:2rem 0}.required{color:red;font-size:1.2rem}.output-wrapper{overflow:hidden;width:100%;border-top:1px solid #ccc;margin-top:2rem;padding:3rem 5rem;background-color:#f9f9f9}.output-wrapper h2{font-size:2rem;color:var(--primary-color)}.estimated-price{margin-top:2rem;font-size:2.8rem;color:#333;font-weight:700}.detailed-info{margin-top:1rem;font-size:1rem;color:#666;font-weight:400}.custom-form button{padding:1rem;font-size:1.4rem;color:#fff;background-color:var(--primary-color);border:none;border-radius:.5rem;cursor:pointer;margin-top:2.8rem}.custom-form button:hover{opacity:.8}footer{display:block;padding:2rem;text-align:center;background-color:var(--background-color);font-size:1.2rem}footer a{color:var(--link-color);text-decoration:none}.spinner{display:inline-block;width:1.8rem;height:1.8rem;border:.3rem solid #f3f3f3;border-top:.3rem solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (width < 800px){.header-content .text-wrapper{max-width:90%}.text-wrapper h1{line-height:3rem}section{width:90%}}.login-container{height:100vh;display:flex;justify-content:center;align-items:center}.form-container{min-width:50%;background-color:#fff;padding:3.2rem 2.4rem;font-size:14px;font-family:inherit;color:#212121;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;border-radius:10px;box-shadow:0 0 3px #00000015,0 2px 3px #0000002b;font-family:var(--secondary-font)}.form-container button:active{scale:.95}.form-container .logo-container{font-family:var(--primary-font);font-weight:600;font-size:2rem;line-height:2rem}.form-container .form{display:flex;flex-direction:column;gap:1rem}.form-container .form-group{display:flex;flex-direction:column}.form-container .form-group label{display:block;margin-bottom:5px}.form-container .form-group input{width:100%;padding:12px 16px;border-radius:6px;font-family:inherit;border:1px solid #ccc}.form-container .form-group input::placeholder{opacity:.5}.form-container .form-group input:focus{outline:none;border-color:#1778f2}.form-container .form-submit-btn{display:flex;justify-content:center;align-items:center;font-family:inherit;color:#fff;background-color:#212121;border:none;width:100%;padding:12px 16px;font-size:inherit;gap:8px;margin:12px 0;cursor:pointer;border-radius:6px;box-shadow:0 0 3px #00000015,0 2px 3px #0000002b}.form-container .form-submit-btn:hover{background-color:#313131}.form-container .link{color:#1778f2;text-decoration:none}.form-container .signup-link{align-self:center;font-weight:500}.form-container .signup-link .link{font-weight:400}.form-container .link:hover{text-decoration:underline}.admin-container{width:60%;margin:3.2rem auto 0}.header{padding:1rem 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc;margin-bottom:2rem}.header h2{font-size:2.4rem}.box-wrapper{display:flex;gap:1rem}.counter-box{font-size:1.4rem;padding:2rem;display:flex;flex-direction:column;gap:.5rem;background-color:#fff;border:1px solid #ccc;border-radius:1.2rem}.counter-box span:first-child{font-size:2.4rem;font-weight:600}.table-container{width:100%;overflow-x:auto;margin-top:3.2rem;-webkit-overflow-scrolling:touch}.orders-table{width:100%;min-width:600px;border-collapse:collapse}.orders-table thead{background-color:#f5f5f5;font-family:var(--primary-font);font-size:1.2rem}.orders-table th,.orders-table td{padding:12px 15px;border:1px solid #ddd;text-align:left}.orders-table tbody{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.4rem}.orders-table tr:nth-child(2n){background-color:#fafafa}.orders-table tr:hover{background-color:#f1f1f1}.orders-table tbody>tr:hover{cursor:pointer}.orders-table th{font-weight:700;color:#333}.logout-button{border:1px solid #ccc;border-radius:.5rem;color:#fff;background-color:#000;padding:.8rem 2rem}.logout-button:hover{opacity:.8rem;cursor:pointer}.modal-overlay{position:fixed;inset:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;width:500px;max-width:95%;height:90vh;border-radius:16px;position:relative;box-shadow:0 8px 30px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .25s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f8f9fa;border-bottom:1px solid #e5e5e5}.modal-header h2{font-size:1.6rem;font-weight:600;color:#333;margin:0}.modal-body{padding:2rem;overflow-y:auto;flex:1}.info-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.info-group label{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#444}.info-group input,.info-group textarea{padding:.9rem 1.2rem;border-radius:.8rem;border:1px solid #dcdcdc;background:#fdfdfd;font-size:1.1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;outline:none}.modal-close{border:none;background:none;font-size:1.6rem;cursor:pointer;color:#666;transition:transform .2s,color .2s}.modal-close:hover{color:#d9534f;transform:scale(1.1)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#999}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.estimated-budget{font-size:2rem;font-weight:500;color:var(--primary-color)}.actions{display:flex;gap:.5rem}.actions button{padding:1rem 2rem;border:none;border-radius:.8rem;color:#fff;transition:.1s ease-in-out;cursor:pointer}.actions button:first-child{background-color:#02b102}.actions button:last-child{background-color:#d9534f}.actions button:hover{opacity:.8;transform:scale(1.01)}@media screen and (width < 768px){.admin-container{width:100%;margin:0;padding:1rem}.header h2{font-size:1.6rem}.box-wrapper{flex-direction:column}}
