*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#1f2937;--light:#f9fafb;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}#root,body,html{min-height:100%;width:100%}body{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 20px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 20px #6366f126;color:#fff;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-nav{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:auto 1fr auto}.app-brand{display:inline-flex;font-size:20px;font-weight:700;gap:8px;letter-spacing:-.5px;text-decoration:none;white-space:nowrap}.app-brand,.app-menu-toggle{align-items:center;color:#fff}.app-menu-toggle{background:#ffffff26;border:1px solid #ffffff59;border-radius:10px;cursor:pointer;display:none;height:38px;justify-content:center;width:38px}.app-menu{gap:2px;justify-content:center;min-width:0}.app-menu,.app-nav-link{align-items:center;display:flex}.app-nav-link{background:#0000;border-bottom:2px solid #0000;border-radius:6px;color:#fff;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;text-decoration:none;transition:all .25s ease;white-space:nowrap}.app-nav-link.active{background:#fff3;border-bottom-color:#fff}.app-nav-link:hover{background:#ffffff26}.app-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;min-width:0}.app-logout{align-items:center;background:#ff575799;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .25s ease;white-space:nowrap}.app-logout:hover{background:#ff5757}.app-drawer,.app-drawer-overlay{display:none}.app-main{flex:1 1;min-height:calc(100vh - 140px);padding:32px 0}.app-footer{background:linear-gradient(90deg,#1f2937,#111827);border-top:1px solid #ffffff1a;color:#d1d5db;margin-top:auto;padding:22px 0}.app-footer-content{min-height:8px}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.p-md{padding:16px}.p-lg{padding:24px}.toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.toolbar-field{flex:1 1 280px;min-width:240px}.toolbar-control{align-items:center;display:flex;flex:0 0 auto;gap:8px}.toolbar-label{font-weight:600}.toolbar-inline-label{display:inline-block;font-weight:600;margin:0}.toolbar-input,.toolbar-select{background:#fff;border:1px solid #bdc3c7;border-radius:6px;font-size:14px;padding:8px 12px}.toolbar-input{cursor:text}.toolbar-select{cursor:pointer}.companies-toolbar{justify-content:flex-start}.companies-toolbar-field{flex:0 1 520px;min-width:260px}.btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;padding:11px 18px;transition:all .3s ease}.btn:hover:not(:disabled){box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,#059669 100%);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,#059669 0,var(--success) 100%)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger) 0,#dc2626 100%);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#ef4444);background:linear-gradient(135deg,#dc2626 0,var(--danger) 100%)}.btn-secondary{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background:#d1d5db;background:var(--gray-300);color:#111827;color:var(--gray-900)}.btn-sm{font-size:12px;padding:8px 14px}.btn-lg{font-size:16px;padding:14px 24px}.form-group{margin-bottom:20px}label{color:#374151;color:var(--gray-700);display:block;font-size:14px;font-weight:600;margin-bottom:8px}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease;width:100%}input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=text]:hover,input[type=url]:hover,select:hover,textarea:hover{border-color:#d1d5db;border-color:var(--gray-300)}input:focus,select:focus,textarea:focus{background:#fff;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}textarea{min-height:100px}input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;width:18px}.checkbox-group{align-items:center;display:flex;gap:12px}.form-error{color:#ef4444;color:var(--danger)}.form-error,.form-help{font-size:12px;margin-top:4px}.form-help{color:#6b7280;color:var(--gray-500)}.card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px;transition:all .3s ease}.card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.card-title{color:#1f2937;color:var(--gray-800);font-size:18px;font-weight:600}.alert{align-items:center;animation:slideInDown .3s ease;border-left:4px solid #0000;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:14px 16px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background-color:#dcfce7;border-left-color:#10b981;border-left-color:var(--success);color:#166534}.alert-error{background-color:#fee2e2;border-left-color:#ef4444;border-left-color:var(--danger);color:#991b1b}.alert-info{background-color:#dbeafe;border-left-color:#6366f1;border-left-color:var(--primary);color:#0c2d6b}.alert-warning{background-color:#fef3c7;border-left-color:#f59e0b;border-left-color:var(--warning);color:#92400e}.table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden;width:100%}.table thead{background:linear-gradient(90deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db;border-bottom:2px solid var(--gray-300);color:#374151;color:var(--gray-700);font-weight:700}.table td,.table th{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);font-size:14px;padding:14px 16px;text-align:left}.table th{letter-spacing:.5px}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background-color:#f9fafb;background-color:var(--gray-50)}.table tbody tr:last-child td{border-bottom:none}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.table-actions{text-align:center}.table-action-btn{padding:8px 10px}.table-action-btn+.table-action-btn{margin-left:8px}.loader{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-top:4px solid #6366f1;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container{height:200px}.loading-container,.pagination{align-items:center;display:flex;justify-content:center}.pagination{flex-wrap:wrap;gap:12px;margin-top:24px}.pagination button,.pagination-button{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;color:#374151;color:var(--gray-700);cursor:pointer;font-weight:500;padding:8px 12px;transition:all .2s}.pagination-button{align-items:center;display:inline-flex;gap:6px}.pagination button:hover:not(:disabled),.pagination-button:hover:not(:disabled){background-color:#f3f4f6;background-color:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400)}.pagination button:disabled,.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#374151;color:var(--gray-700);font-weight:600;min-width:180px;text-align:center}.pagination .active{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:#6366f1;border-color:var(--primary);color:#fff}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.modal-title{color:#1f2937;color:var(--gray-800);font-size:20px;font-weight:600}.modal-close{background:none;border:none;color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:24px;transition:color .2s}.modal-close:hover{color:#1f2937;color:var(--gray-800)}.modal-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.company-form-wrapper{align-items:flex-start;background:linear-gradient(135deg,#f9fafb,#f3f4f6);display:flex;justify-content:center;min-height:100vh;padding:32px 20px}.company-form-card{border:1px solid #f3f4f6;border:1px solid var(--gray-100);max-width:1000px;padding:40px;width:100%}.form-header{border-bottom:2px solid #6366f1;border-bottom:2px solid var(--primary);margin-bottom:28px;padding-bottom:16px}.form-header h2{color:#111827;color:var(--gray-900);font-size:28px;font-weight:700;margin:0}.company-form{display:flex;flex-direction:column;gap:24px}.form-fieldset{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;padding:24px;transition:all .3s ease}.form-fieldset>summary.form-legend{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;list-style:none;margin:-8px -8px 20px;padding:10px 14px;transition:all .2s ease}.form-fieldset>summary.form-legend::-webkit-details-marker{display:none}.form-fieldset>summary.form-legend:after{color:#4b5563;color:var(--gray-600);content:"v";font-size:14px;transition:transform .2s ease}.form-fieldset[open]>summary.form-legend{background:#fff;border-color:#d1d5db;border-color:var(--gray-300)}.form-fieldset[open]>summary.form-legend:after{transform:rotate(180deg)}.form-fieldset>summary.form-legend:hover{border-color:#818cf8;border-color:var(--primary-light);box-shadow:0 4px 10px #6366f114}.form-fieldset:hover{border-color:#818cf8;border-color:var(--primary-light);box-shadow:0 4px 12px #6366f114}.form-legend{color:#1f2937;color:var(--gray-800);display:inline-block;font-size:16px;font-weight:700;margin-bottom:20px;padding:0 12px}.form-grid{grid-gap:20px;display:grid;gap:20px;margin-bottom:20px}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-group{margin-bottom:0}.form-info-box{border-left:4px solid;border-radius:10px;font-size:13px;margin:20px 0;padding:14px 18px;transition:all .3s ease}.form-info-box p{font-weight:500;margin:0}.info-blue{background-color:#e0f2fe;border-left-color:#6366f1;border-left-color:var(--primary);color:#0369a1}.info-yellow{background-color:#fef3c7;border-left-color:#f59e0b;border-left-color:var(--warning);color:#92400e}.form-radio-group{background-color:#f9fafb;background-color:var(--gray-50);border-radius:10px;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding:16px}.radio-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.radio-option:hover{background-color:#fff}.radio-option input[type=radio]{accent-color:#6366f1;accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:20px;width:20px}.radio-option label{cursor:pointer;font-size:15px;font-weight:500;margin:0}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;padding-top:24px}.page-header{gap:12px;justify-content:space-between}.page-header,.page-title{align-items:center;display:flex}.page-title{font-size:clamp(1.25rem,4.5vw,1.9rem);gap:10px}.page-header-button{align-items:center;display:inline-flex;gap:8px}.prompt-form-wrapper{display:flex;justify-content:center;padding:8px 0}.prompt-form-card{max-width:860px;width:100%}.prompt-form-title{font-size:clamp(1.2rem,4vw,1.7rem)}.prompt-form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.textarea-full{min-height:240px}textarea{line-height:1.5;min-height:120px;resize:vertical}@media (max-width:768px){.container{padding:0 16px}.app-header{padding:12px 0}.app-nav{gap:12px;grid-template-columns:1fr auto}.app-brand{font-size:18px;justify-content:flex-start}.app-menu-toggle{display:inline-flex}.app-menu{display:none}.app-nav-link{border-bottom:none;flex:0 0 auto;justify-content:flex-start;width:100%}.app-actions{display:none}.app-drawer-overlay{background:#11182785;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:120}.app-drawer-overlay.open{opacity:1;pointer-events:auto}.app-drawer{background:linear-gradient(180deg,#4f46e5,#312e81);box-shadow:-10px 0 30px #00000047;display:flex;flex-direction:column;gap:16px;height:100vh;overflow-y:auto;padding:18px 16px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .22s ease;width:min(320px,88vw);z-index:130}.app-drawer.open{transform:translateX(0)}.app-drawer-header{align-items:center;border-bottom:1px solid #fff3;color:#fff;display:flex;font-size:15px;font-weight:700;justify-content:space-between;padding-bottom:10px}.app-drawer-close{align-items:center;background:#ffffff1f;border:1px solid #ffffff59;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.app-drawer-links{display:flex;flex-direction:column;gap:8px}.app-drawer-links .app-nav-link{background:#ffffff1a;color:#fff}.app-drawer-links .app-nav-link.active{background:#ffffff3d}.app-drawer-db{background:#ffffff1f;border:1px solid #fff3;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px}.app-drawer-db p{color:#ffffffe6;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.app-drawer-db .database-selector{width:100%}.app-drawer-db .db-select{border:1px solid #ffffff38}.app-drawer-logout{background:#ef4444eb;justify-content:center;margin-top:auto}.app-main{padding:18px 0}.toolbar{align-items:stretch;flex-direction:column}.toolbar-control,.toolbar-field{min-width:0;width:100%}.companies-toolbar-field{flex:1 1 auto;min-width:0;width:100%}.toolbar-control{justify-content:space-between}.page-header{align-items:stretch;flex-direction:column}.page-header-button{justify-content:center;width:100%}.card{padding:16px}.company-form-wrapper{min-height:auto;padding:16px}.company-form-card{padding:18px}.table{font-size:13px}.table td,.table th{padding:10px 12px}.table-mobile-cards thead{display:none}.table-mobile-cards tbody,.table-mobile-cards td,.table-mobile-cards tr{display:block;width:100%}.table-mobile-cards tr{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;margin-bottom:12px;padding:4px 0}.table-mobile-cards td{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--gray-200);padding:10px 14px;text-align:left}.table-mobile-cards td:last-child{border-bottom:none}.table-mobile-cards td:before{color:#6b7280;color:var(--gray-500);content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.table-actions{align-items:center;display:flex;gap:8px;justify-content:flex-start}.table-action-btn,.table-action-btn+.table-action-btn{margin-left:0}.modal{max-width:95%;padding:18px}.flex-between{align-items:flex-start;flex-direction:column;gap:12px}.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}.form-fieldset{padding:16px}.checkbox-group{flex-wrap:wrap}.pagination{gap:8px;justify-content:space-between}.pagination-info{min-width:100%;order:-1}.pagination-button{flex:1 1;justify-content:center}}@media (max-width:480px){.container{padding:0 12px}.app-drawer{max-width:100vw;padding:16px 14px;width:100vw}.btn:not(.btn-sm),.form-actions .btn,.prompt-form-actions .btn{width:100%}}.database-selector{align-items:center;display:flex;gap:8px;min-width:0}.db-select{background-color:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;max-width:220px;min-width:150px;padding:8px 12px;transition:all .2s ease}.db-select:hover{background-color:#ffffff40}.db-select:focus{background-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff1a;outline:none}.db-select option{background-color:#6366f1;color:#fff}.db-selector-loading{color:#fffc;font-size:13px;padding:8px 12px}@media (max-width:768px){.database-selector{flex:1 1}.database-selector>div{width:100%}.db-select{max-width:none;min-width:0;width:100%}}
/*# sourceMappingURL=main.02ab5ad3.css.map*/