:root{--background-color:#fff;--text-color:#1a1a1a;--header-background:#0056b3;--header-text-color:#fff;--sidebar-background:#f0f0f0;--sidebar-text-color:#333;--main-background:#f9f9f9;--main-text-color:#333;--footer-background:#003c82;--footer-text-color:#fff;--link-color:#3498db;--link-hover-color:#003c82;--menu-item-padding:10px 20px;--font-family:"Roboto",sans-serif;--base-font-size:16px}html.dark,body.dark{--background-color:#1a1a1a;--text-color:#f0f0f0;--header-background:#003c82;--header-text-color:#fff;--sidebar-background:#333;--sidebar-text-color:#f0f0f0;--main-background:#222;--main-text-color:#f0f0f0;--footer-background:#000;--footer-text-color:#ccc;--link-color:#66b3ff;--link-hover-color:#66b3ff}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--base-font-size);background-color:var(--background-color);color:var(--text-color);overflow:hidden}ul{margin:0;padding:0;list-style:none}a,a:visited{color:var(--link-color);text-decoration:none}a:hover,a:active,a:focus{text-decoration:underline}.footer a,.footer a:visited{text-decoration:none;color:var(--footer-text-color)!important}.header{background-color:var(--header-background);color:var(--header-text-color);z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;display:flex;position:fixed;top:0}.header .header-content{align-items:center;width:100%;display:flex}.header .page-title{text-align:center;flex:1;font-size:1.8rem;font-weight:700}.header a{color:var(--header-text-color);text-decoration:none}.header .header-right{align-items:center;display:flex}.social-icon{margin:0 5px;font-size:20px}.sidebar{background-color:var(--sidebar-background);width:250px;color:var(--sidebar-text-color);padding:20px;position:fixed;top:75px;bottom:0;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.sidebar ul li{padding:var(--menu-item-padding);margin-bottom:20px}.sidebar ul li a{color:var(--sidebar-text-color);font-size:1.2rem;text-decoration:none;display:block}.footer{background-color:var(--footer-background);color:var(--footer-text-color);text-align:center;z-index:1000;width:100%;padding:15px 20px;position:fixed;bottom:0}.layout{height:calc(100vh - 155px);margin-top:75px;margin-bottom:80px;margin-left:250px;padding:20px;overflow-y:auto}@media (max-width:768px){.layout{margin-left:0}.sidebar,.header-right{display:none}}.content-container{max-width:800px;margin:0 auto;font-family:Arial,sans-serif;line-height:1.6}.content-container h1,.content-container h2,.content-container h3{color:var(--main-text-color)}.mb-10{margin-bottom:10px}.mt-20{margin-top:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.alert-box{color:#333;text-align:center;background-color:#fc0;border-radius:5px;margin-bottom:20px;padding:10px}.viewer-alert{color:#333;text-align:center;background-color:#0fc;border-radius:5px;margin-bottom:20px;padding:10px}.quote-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;margin-top:20px;padding:10px 20px}.time-inputs{gap:10px;display:flex}.time-input{width:70px}.quantity-input{width:60px}.delivery-select{width:300px}.project-col{justify-content:center;display:flex}.project-image-container{width:100%;padding-top:56.25%;position:relative}.project-card{width:100%;max-width:300px}.project-title{word-wrap:break-word;white-space:normal}.carousel-container{width:100%;position:relative}.carousel-slide{justify-content:center;align-items:center;height:80vh;display:flex}.carousel-image{object-fit:contain;max-width:100%;max-height:80vh;margin:0 auto;display:block}.carousel-arrow{z-index:1;cursor:pointer;color:#000;font-size:24px;position:absolute;top:100%}.left-arrow{left:10px}.right-arrow{right:10px}.modal-description{text-align:center;padding:20px}.ant-radio-wrapper,.ant-radio-button-wrapper{color:var(--text-color)!important}.color-selector-container{margin-bottom:20px}.color-radio-group{flex-wrap:wrap;display:flex}.color-radio-button{cursor:pointer;border:1px solid gray;justify-content:center;align-items:center;width:40px;height:40px;margin:5px 5px 10px;display:inline-flex}.color-radio-button.selected{border:3px solid #000}.color-info{color:gray;margin-top:10px}.color-info-link{color:gray;text-decoration:none}.filament-selector-container{margin-bottom:20px}.info-icon{margin-left:8px}.print-quality-selector-container{margin-bottom:20px}.cost-card{width:100%}.cost-section{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:10px}.cost-total{font-size:18px;font-weight:700}.cost-info-title{font-size:16px;font-weight:700}