*{box-sizing:border-box;margin:0;padding:0}body{background:#fafafa;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{background:#fff;border-radius:12px;max-width:850px;margin:0 auto;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.08)}.company-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:40px;position:relative}.status-indicator{position:absolute;top:20px;left:40px}.status{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:9px;font-weight:600;display:inline-flex}.status.online{color:#006400;background:#90ee90;border:1px solid #006400}.status.offline{color:#666;background:#f5f5f5;border:1px solid #ddd}.contact-quick{text-align:right;color:#666;font-size:12px;position:absolute;top:20px;right:40px}.logo-section{text-align:center}.brand-logo{max-width:200px;height:auto}.contact-info-below-logo{color:#333;justify-content:center;gap:20px;margin:10px 0 15px;font-size:13px;font-weight:500;display:flex}.logo-tagline{color:#666;margin:15px 0;font-size:12px;display:block}.company-info{border-top:1px solid #f0f0f0;margin-top:15px;padding-top:15px}.company-name{color:#000;margin-bottom:8px;font-size:15px;font-weight:700}.company-details{color:#666;font-size:12px}.separator{margin:0 8px}main{padding:40px}.form-section{border-bottom:1px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.form-section:last-of-type{border-bottom:none}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-field label{color:#333;margin-bottom:0;font-size:13px;font-weight:600}.form-field input,.form-field textarea{border:1px solid #e0e0e0;border-radius:8px;padding:12px;font-family:inherit;font-size:14px}.form-field input:focus,.form-field textarea:focus{border-color:#000;outline:none;box-shadow:0 0 0 3px rgba(0,0,0,.05)}.form-field textarea{resize:vertical}.section-title{text-align:center;text-transform:uppercase;background:#f5f5f5;margin:20px 0;padding:10px;font-size:14px;font-weight:700}.checkbox-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.checkbox-column{flex-direction:column;gap:8px;display:flex}.checkbox-item{cursor:pointer;background:#fafafa;border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.checkbox-item:hover{background:#f0f0f0}.checkbox-item input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-item label{color:#333;cursor:pointer;font-size:13px}.submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;background:#000;border:none;border-radius:6px;margin:30px auto 0;padding:12px 35px;font-size:14px;font-weight:600;transition:all .3s;display:block;box-shadow:0 4px 15px rgba(0,0,0,.15)}.submit-btn:hover{background:#333;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;background:#ccc;transform:none}.message{border-left:4px solid;border-radius:8px;margin-top:24px;margin-bottom:20px;padding:16px;font-size:14px;display:none}.message.success{color:#000;background:#f8f8f8;border-left-color:#000}.message.error{color:#333;background:#f5f5f5;border-left-color:#666}.message.info{color:#666;background:#fafafa;border-left-color:#999}.company-footer{background:#fafafa;border-top:1px solid #e5e5e5;padding:40px;font-size:12px}.footer-header{text-align:center;border-bottom:1px solid #e5e5e5;margin-bottom:30px;padding-bottom:20px}.footer-logo{justify-content:center;align-items:center;gap:15px;margin-bottom:10px;display:flex}.footer-logo-img{max-width:150px;height:auto}.footer-logo-subtitle{color:#666;font-size:11px}.tagline{color:#666;margin-top:8px;font-size:11px}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-bottom:20px;display:grid}.contact-section h4{color:#000;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.contact-section p{color:#666;font-size:12px;line-height:1.7}.sync-info{text-align:center;color:#999;border-top:1px solid #e5e5e5;padding-top:20px;font-size:12px}#pending-count{color:#fff;background:#000;border-radius:12px;padding:3px 10px;font-weight:700}@media (max-width:768px){.company-header{padding:30px 25px}.status-indicator,.contact-quick{text-align:center;margin-bottom:15px;position:static}.contact-info-below-logo{flex-direction:column;gap:8px}main{padding:30px 25px}.form-row,.checkbox-grid,.contact-grid{grid-template-columns:1fr}}