body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:70px 0 0}.container{max-width:1000px;margin:0 auto;padding:0 20px}nav{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#f8f9fa;box-shadow:0 2px 5px #0000001a;width:100%;box-sizing:border-box}.brand{font-size:1.2em;font-weight:700;text-decoration:none;color:#333}.menu{display:flex;gap:10px;align-items:center}.hero{background:linear-gradient(#000000b3,#000000b3),url(https://picsum.photos/seed/woodshop/1920/1080) no-repeat center center;background-size:cover;color:#fff;text-align:center;padding:100px 20px;margin-bottom:40px}.hero h1{color:#fff;font-size:3em;margin-bottom:10px}.hero p{font-size:1.2em;max-width:600px;margin:0 auto 30px;color:#ddd}.gallery-img{width:100%;height:200px;object-fit:cover;border-radius:4px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.auth-container{max-width:400px;margin:60px auto;padding:20px}.project-card{border:1px solid #ddd;padding:20px;border-radius:8px;margin-bottom:20px;background:#fff}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:700}.status-active{background:#e3f2fd;color:#0d47a1}.status-completed{background:#e8f5e9;color:#1b5e20}.status-warranty,.status-open{background:#fff3e0;color:#e65100}.status-resolved{background:#f3e5f5;color:#4a148c}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px;border-radius:5px;box-shadow:0 0 10px #0000000d}footer{text-align:center;padding:40px 20px;color:#666;margin-top:60px;border-top:1px solid #eee}.modal-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:1000;justify-content:center;align-items:center;padding:20px}.modal-overlay.active{display:flex}.modal-content{background:#fff;padding:30px;border-radius:8px;max-width:500px;width:100%;position:relative;box-shadow:0 4px 15px #0003}.modal-close{position:absolute;top:15px;right:20px;cursor:pointer;font-size:1.5em;font-weight:700;color:#666}.message-preview{cursor:pointer;color:#0074d9;text-decoration:underline}@media(max-width:768px){nav{position:relative;flex-direction:column;padding:15px}body{padding-top:0}.menu{flex-wrap:wrap;justify-content:center;margin-top:15px}.menu a,.menu button{margin:5px}.hero h1{font-size:2em}.hero{padding:60px 20px}}select{white-space:normal;word-wrap:break-word;text-overflow:ellipsis;padding:8px 24px 8px 8px!important;min-width:130px;height:auto}@media(max-width:600px){select{font-size:.85rem}}