*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica,sans-serif}.welcome-display{font-size:24px;font-weight:700;text-align:center;margin-top:20px}button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#000;border-radius:24px;border-style:none;box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;fill:currentcolor;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;height:48px;justify-content:center;letter-spacing:.25px;line-height:normal;max-width:100%;overflow:visible;padding:2px 24px;position:relative;text-align:center;text-transform:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;will-change:transform,opacity;z-index:0}.sign-in-button{text-align:center;margin-top:20px}.start-chat-button{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.user-button{float:right;margin-right:10px}.topnav{overflow:hidden;background-color:#333}.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a:hover{background-color:#ddd;color:#000}.Landing h1,.Landing p{text-align:center}body{background-color:#a3bdc9;font-family:Georgia,serif;margin:0;padding:0}.CustomerIntake{max-width:600px;margin:0 auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.CustomerIntake h2{text-align:center;color:#333;margin-bottom:1.5rem}.CustomerIntake form{display:flex;flex-direction:column}.CustomerIntake .form-row{display:flex;align-items:center;margin-bottom:1rem}.CustomerIntake label{flex:1;margin-right:1rem;color:#555}.CustomerIntake input[type=text],.CustomerIntake input[type=file],.CustomerIntake textarea{flex:2;padding:.5rem;border:1px solid #ccc;border-radius:4px}.CustomerIntake textarea{height:100px}.CustomerIntake button{padding:.75rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.CustomerIntake button:hover{background-color:#555}.CustomerList{max-width:800px;margin:0 auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.CustomerList h2{text-align:center;color:#333;margin-bottom:1.5rem}.CustomerList table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed}.CustomerList th,.CustomerList td{padding:.75rem;text-align:left;border-bottom:1px solid #ddd;word-wrap:break-word;font-size:small}.CustomerList th{background-color:#333;color:#fff}.CustomerList a{color:#007bff;text-decoration:none}.CustomerList a:hover{text-decoration:underline}.CustomerDetails{max-width:600px;margin:2rem auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.CustomerDetails h2{text-align:left;color:#333;margin-bottom:1.5rem}.CustomerDetails p{margin-bottom:1rem;color:#555;text-align:left}.CustomerDetails input,.CustomerDetails textarea{width:100%;padding:.5rem;margin-top:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}.CustomerDetails button{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.CustomerDetails button:hover{background-color:#0056b3}.CreateJob{max-width:600px;margin:0 auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.CreateJob h2{text-align:center;color:#333;margin-bottom:1.5rem}.CreateJob p{text-align:center;color:#555;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.CreateJob form{display:flex;flex-direction:column}.CreateJob .form-row{display:flex;align-items:center;margin-bottom:1.5rem}.CreateJob label{flex:1;margin-right:1rem;color:#555;font-weight:700}.CreateJob select,.CreateJob textarea{flex:2;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.CreateJob textarea{height:100px}.CreateJob button{padding:.75rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:1rem}.CreateJob button:hover{background-color:#555}.JobProgress{position:relative;max-width:1200px;min-height:800px;margin:0 auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow-x:auto}.JobProgress h2{text-align:center;margin-bottom:20px}.job-tickets-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.job-ticket{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:1rem;width:250px;box-shadow:0 2px 4px #0000001a;cursor:pointer;text-align:left}.job-ticket p{margin:5px 0;font-size:14px}.JobProgress .floating-card{position:absolute;top:50px;left:50%;transform:translate(-50%);z-index:10;width:50%;max-width:1000px;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0003;padding:1rem}.JobDetails{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:left;margin:0 auto;max-width:800px;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;position:relative}.JobDetails h2{text-align:center}.JobDetails p,.JobDetails label{display:flex;justify-content:space-between;width:100%;margin:10px 0}.JobDetails select{margin-left:10px}.JobDetails button{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.JobDetails button:hover{background-color:#0056b3}.JobDetails .close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#333}.JobDetails .close-button:hover{color:red}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:16px;cursor:pointer}.aligned-text{display:flex;align-items:flex-start;margin-bottom:.5rem}.aligned-text strong{margin-right:.5rem;min-width:200px;text-align:left}.JobDetails h2,.JobDetails h3{font-size:medium}.JobDetails p,.JobDetails label,.JobDetails .aligned-text{font-size:small}hr{display:block;height:1px;background-color:#ccc;border:none;margin:5px 0}
