*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif}@media (max-width: 768px){.table thead{display:none}.table tbody tr{display:flex;flex-direction:column;padding:12px 16px;border-bottom:1px solid #f0f0f0;gap:8px}.table tbody tr:last-child{border-bottom:none}.table td:empty{display:none}.table td{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border:none!important;font-size:14px}.table td:before{content:attr(data-label);font-weight:600;color:#888;font-size:12px;text-transform:uppercase;flex-shrink:0;margin-right:8px}.table td:last-child{justify-content:flex-start;padding-top:8px;margin-top:4px;border-top:1px dashed #eee!important}.table td:last-child:before{display:none}.page-header h1{font-size:20px!important}.page-header p{display:none}.page-header{flex-direction:column;gap:12px}.page-header .btn-primary{width:100%;text-align:center}.table-toolbar{padding:12px!important}.search-input{width:100%!important}.table{display:block}.table tbody{display:flex;flex-direction:column}.table td[colspan]{display:block;text-align:center;padding:24px!important}}@media (max-width: 768px){.modal-overlay{padding:0!important;align-items:flex-end!important}.modal{width:100%!important;max-width:100%!important;max-height:90vh!important;border-radius:20px 20px 0 0!important;padding:12px 20px 20px!important;margin:0!important;display:flex;flex-direction:column;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal:before{content:"";display:block;width:40px;height:4px;background:#ddd;border-radius:2px;margin:0 auto 16px}.modal h2{font-size:18px!important;color:#1e3a5f;margin:0 0 20px!important;text-align:center;font-weight:700}.modal-form{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.field{margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:#444;margin-bottom:6px;display:block}.field input,.field select,.field textarea{width:100%!important;padding:14px 12px!important;border:1.5px solid #ddd!important;border-radius:10px!important;font-size:16px!important;background:#fff;min-height:50px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1e3a5f!important;outline:none;box-shadow:0 0 0 3px #1e3a5f1a}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px!important}.field textarea{min-height:100px;resize:vertical}.checkbox-field label,.field:has(input[type=checkbox]) label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;padding:12px;background:#f8f9fa;border-radius:8px}.checkbox-field input[type=checkbox],.field input[type=checkbox]{width:22px!important;height:22px!important;min-height:auto!important;padding:0!important;accent-color:#1e3a5f}.modal-actions{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #eee;position:sticky;bottom:0;background:#fff}.modal-actions button{flex:1;padding:14px 20px!important;border-radius:10px!important;font-size:15px!important;font-weight:600;min-height:50px;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:#1e3a5f!important;color:#fff!important}.btn-primary:hover:not(:disabled){background:#163055!important}.btn-secondary{background:#f0f0f0!important;color:#666!important}.btn-secondary:hover{background:#e0e0e0!important}.hint{font-size:12px;color:#888;margin-top:4px}.error-msg{color:#e53e3e;font-size:13px;padding:10px;background:#fff5f5;border-radius:8px;margin-bottom:12px}.phones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px}.phones-header label{font-size:13px;font-weight:600;color:#444}.btn-link{background:none;border:none;color:#1e3a5f;font-size:14px;font-weight:600;padding:8px 12px;cursor:pointer}.phone-row{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8f9fa;border-radius:10px;margin-bottom:10px;position:relative}.phone-input{width:100%!important;padding:12px!important;border:1.5px solid #ddd!important;border-radius:8px!important;font-size:16px!important;min-height:48px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.btn-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#ffebee;border:none;border-radius:50%;color:#c53030;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.hint-box{background:#fffbe6;border:1px solid #f6e05e;border-radius:10px;padding:14px;display:flex;gap:10px;font-size:13px;color:#744210;margin-bottom:16px}.hint-box span{font-size:20px}}@media (max-width: 480px){.main-content{padding:8px!important}.page{gap:12px!important}.card{border-radius:8px!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.modal-form{scroll-behavior:smooth}