body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{align-items:center;justify-content:center;min-height:100vh;padding:20px}.App,.app-layout{background:linear-gradient(135deg,#e6f5ea,#cfead5);display:flex}.app-layout{height:100vh;margin:-20px;padding:0;width:100%}.main-content{background:#fff;display:flex;flex:1 1;flex-direction:column;margin-left:250px;overflow-y:auto}.container{background:#fff;border-radius:10px;box-shadow:0 10px 25px #27ae6014;max-width:500px;padding:40px;width:100%}@media (max-width:900px){.main-content{margin-left:200px}}@media (max-width:600px){.app-layout{flex-direction:column;height:auto}.main-content{margin-left:0;margin-top:60px}.container{border-radius:0;max-width:100%;padding:20px}}.login-form{animation:slideIn .3s ease-in}.login-form h1{color:#155724;font-size:28px;margin-bottom:30px;text-align:center}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#27ae60;box-shadow:0 0 5px #27ae601f;outline:none}.form-group input:disabled{background-color:#f5fbf7;cursor:not-allowed}.submit-btn{padding:12px;width:100%}.sidebar{background:linear-gradient(135deg,#27ae60,#1e9a50);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:0;position:fixed;top:0;width:250px}.sidebar-header{border-bottom:2px solid #fff3;padding:30px 20px;text-align:center}.sidebar-header h2{font-size:24px;font-weight:700;letter-spacing:.5px;margin:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;padding:20px 0}.nav-item{background:none;border:none;border-left:4px solid #0000;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin:0;padding:15px 20px;text-align:left;transition:all .3s ease}.nav-item:hover{background-color:#ffffff1a;border-left-color:#ffffff80;padding-left:22px}.nav-item.active{background-color:#ffffff26;border-left-color:#fff;padding-left:22px}.sidebar-footer{border-top:2px solid #fff3;padding:20px}.sidebar-footer .logout-btn{background-color:#fff3;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 15px;transition:all .3s ease;width:100%}.sidebar-footer .logout-btn:hover{background-color:#fff;color:#27ae60}@media (max-width:900px){.sidebar{width:200px}.sidebar-header{padding:20px 15px}.sidebar-header h2{font-size:20px}.nav-item{font-size:14px;padding:12px 15px}.nav-item.active,.nav-item:hover{padding-left:18px}}@media (max-width:600px){.sidebar{flex-direction:row;height:auto;max-height:60px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.sidebar-header{border-bottom:none;border-right:2px solid #fff3;min-width:120px;padding:10px 15px}.sidebar-header h2{font-size:16px;margin:0}.sidebar-nav{flex:1 1;flex-direction:row;overflow-x:auto;padding:0}.nav-item{border-bottom:4px solid #0000;border-left:none;padding:15px;white-space:nowrap}.nav-item.active,.nav-item:hover{border-bottom-color:#fff;border-left:none;padding-left:15px}.sidebar-footer{align-items:center;border-left:2px solid #fff3;border-top:none;display:flex;padding:10px 15px}.sidebar-footer .logout-btn{font-size:12px;padding:8px 12px}}.panel{animation:panelIn .2s ease-out;max-width:520px}@keyframes panelIn{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.form-row-3{grid-template-columns:1fr 80px 100px}.customers-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.customers-table{border-collapse:collapse;font-size:14px;width:100%}.customers-table thead{background:linear-gradient(135deg,#27ae60,#1e9a50);color:#fff;font-weight:600;text-align:left}.customers-table th{border-bottom:2px solid #27ae60;padding:15px}.customers-table tbody tr{border-bottom:1px solid #e8e8e8;transition:background-color .2s ease}.customers-table tbody tr:hover{background-color:#f9f9f9}.customers-table tbody tr:last-child{border-bottom:none}.customers-table td{color:#333;padding:15px}.customers-table td:first-child{color:#155724;font-weight:500}@media (max-width:900px){.customers-table{font-size:13px}.customers-table td,.customers-table th{padding:10px}}@media (max-width:600px){.form-row-2,.form-row-3{grid-template-columns:1fr}.panel-form,.panel-header{padding-left:20px;padding-right:20px}.customers-table-wrapper{border-radius:0}.customers-table{font-size:12px}.customers-table td,.customers-table th{padding:8px}.customers-table th{font-size:11px}}.panel-form .form-group input:disabled,.panel-form .form-group select:disabled{background-color:#f5fbf7;cursor:not-allowed}.form-row-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 80px 110px}.users-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.users-table{border-collapse:collapse;font-size:14px;width:100%}.users-table thead{background:linear-gradient(135deg,#27ae60,#1e9a50);color:#fff;font-weight:600;text-align:left}.users-table th{border-bottom:2px solid #27ae60;padding:15px}.users-table tbody tr{border-bottom:1px solid #e8e8e8;transition:background-color .2s ease}.users-table tbody tr:hover{background-color:#f9f9f9}.users-table tbody tr:last-child{border-bottom:none}.users-table td{color:#333;padding:15px}.users-table td:first-child{color:#155724;font-weight:500}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.role-admin{background-color:#d5f4e6;border:1px solid #27ae60;color:#155724}.role-user{background-color:#e8f4fd;border:1px solid #3498db;color:#1a5276}@media (max-width:900px){.users-table{font-size:13px}.users-table td,.users-table th{padding:10px}}@media (max-width:600px){.form-row-2,.form-row-3{grid-template-columns:1fr}.panel-form,.panel-header{padding-left:20px;padding-right:20px}.users-table-wrapper{border-radius:0}.users-table{font-size:12px}.users-table td,.users-table th{padding:8px}.users-table th{font-size:11px}}.panel-close-btn:hover{background-color:#f0f0f0;color:#333}.panel-form .form-group input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.panel-form .form-group input:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601f;outline:none}.panel-form .form-group input:disabled{background-color:#f5fbf7;cursor:not-allowed}.panel-form .success-message{background-color:#d5f4e6;border-left:4px solid #27ae60;border-radius:5px;color:#27ae60;font-size:14px;margin-bottom:16px;padding:10px 12px}.panel-form .submit-btn{background:linear-gradient(135deg,#27ae60,#1e9a50);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:transform .2s,box-shadow .2s}.panel-form .submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #27ae6059;transform:translateY(-1px)}.cancel-btn:disabled,.panel-form .submit-btn:disabled{cursor:not-allowed;opacity:.6}.sensors-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.sensors-table{border-collapse:collapse;font-size:14px;width:100%}.sensors-table thead{background:linear-gradient(135deg,#27ae60,#1e9a50);color:#fff;font-weight:600;text-align:left}.sensors-table th{border-bottom:2px solid #27ae60;padding:15px}.sensors-table tbody tr{border-bottom:1px solid #e8e8e8;transition:background-color .2s ease}.sensors-table tbody tr:hover{background-color:#f9f9f9}.sensors-table tbody tr:last-child{border-bottom:none}.sensors-table td{color:#333;padding:15px}.location-id{background-color:#d5f4e6;border:1px solid #27ae60;color:#155724;display:inline-block;font-family:monospace;font-weight:600;letter-spacing:.5px;padding:3px 10px}.device-id,.location-id{border-radius:4px;font-size:12px}.device-id{background-color:#f4f4f4;border:1px solid #ddd;color:#555;padding:2px 6px}.row-action-btn{background:linear-gradient(135deg,#27ae60,#1e9a50);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.row-action-btn:hover{box-shadow:0 4px 12px #27ae6059;transform:translateY(-1px)}@media (max-width:900px){.sensors-table{font-size:13px}.sensors-table td,.sensors-table th{padding:10px}}@media (max-width:600px){.form-row-2{grid-template-columns:1fr}.panel-form,.panel-header{padding-left:20px;padding-right:20px}.sensors-table-wrapper{border-radius:0}.sensors-table{font-size:12px}.sensors-table td,.sensors-table th{padding:8px}.sensors-table th{font-size:11px}.device-id{font-size:10px}}.event-panel-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.event-panel{animation:slideIn .25s ease-out;background:#fff;border-radius:10px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.event-panel-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:24px 28px 0}.event-panel-header h2{color:#155724;font-size:24px;margin:0}.event-panel-subtitle{color:#5f6f5f;font-size:14px;margin:6px 0 0}.event-panel-close-btn{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:background-color .2s,color .2s}.event-panel-close-btn:hover:not(:disabled){background-color:#f0f0f0;color:#333}.event-panel-close-btn:disabled{cursor:not-allowed;opacity:.6}.sensor-summary-card{grid-gap:12px;background:linear-gradient(135deg,#eef9f1,#dff3e5);border:1px solid #cfe6d6;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 28px 0;padding:14px 16px}.sensor-summary-item{display:flex;flex-direction:column;gap:4px}.sensor-summary-label{color:#5b6d5b;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sensor-summary-value{color:#155724;font-size:15px;font-weight:600}.sensor-summary-code{background:#f4f4f4;border:1px solid #ddd;border-radius:4px;color:#555;display:inline-block;font-size:12px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.event-panel-form{padding:20px 28px 28px}.form-group{margin-bottom:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#27ae60;box-shadow:0 0 5px #27ae601f;outline:none}.form-group input:disabled,.form-group select:disabled{background-color:#f5fbf7;cursor:not-allowed}.success-message{margin-bottom:20px;padding:12px}.event-panel-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-btn{font-size:15px}.cancel-btn,.submit-btn{border-radius:5px;padding:12px 20px}.submit-btn{font-size:16px;min-width:150px}.submit-btn:hover:not(:disabled){box-shadow:0 5px 15px #27ae6047;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.event-panel-form,.event-panel-header{padding-left:20px;padding-right:20px}.sensor-summary-card{grid-template-columns:1fr;margin-left:20px;margin-right:20px}.form-row{gap:0;grid-template-columns:1fr}.event-panel-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.crossings-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.crossings-search{border:1px solid #c9ddcc;border-radius:6px;flex:1 1;font-size:14px;max-width:560px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.crossings-search:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601f;outline:none}.crossings-count{color:#155724;font-size:13px;font-weight:600;white-space:nowrap}.crossings-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:68vh;overflow-x:auto;overflow-y:auto}.crossings-table{border-collapse:collapse;font-size:14px;width:100%}.crossings-table thead{color:#fff;font-weight:600;text-align:left}.crossings-table th,.crossings-table thead{background:linear-gradient(135deg,#27ae60,#1e9a50)}.crossings-table th{border-bottom:2px solid #27ae60;padding:15px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.crossings-table tbody tr{border-bottom:1px solid #e8e8e8;transition:background-color .2s ease}.crossings-table tbody tr:hover{background-color:#f9f9f9}.crossings-table tbody tr:last-child{border-bottom:none}.crossings-table td{color:#333;padding:15px}.coords{color:#666;font-family:monospace;font-size:12px}@media (max-width:900px){.crossings-table{font-size:13px}.crossings-table td,.crossings-table th{padding:10px}}@media (max-width:600px){.crossings-toolbar{align-items:stretch;flex-direction:column}.crossings-search{max-width:none}.crossings-count{text-align:right}.crossings-table-wrapper{border-radius:0}.crossings-table{font-size:12px}.crossings-table td,.crossings-table th{padding:8px}.crossings-table th{font-size:11px}}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{margin:0}.networks-toolbar{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:minmax(180px,240px) minmax(220px,320px) 1fr;margin-bottom:16px}.network-filter-group{display:flex;flex-direction:column;gap:6px}.network-filter-group label{color:#555;font-size:13px;font-weight:500}.network-filter-group select{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.network-filter-group select:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601f;outline:none}.networks-toolbar-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end}.clear-filters-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s,border-color .2s}.clear-filters-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#c8d8cc}.clear-filters-btn:disabled{cursor:not-allowed;opacity:.6}.networks-count{color:#155724;font-size:13px;font-weight:600;white-space:nowrap}.add-btn{background:linear-gradient(135deg,#27ae60,#1e9a50);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.add-btn:hover{box-shadow:0 4px 12px #27ae6059;transform:translateY(-1px)}.panel-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.panel{background:#fff;border-radius:10px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.panel-header{align-items:center;display:flex;justify-content:space-between;padding:24px 28px 0}.panel-header h2{color:#155724;font-size:22px;margin:0}.panel-close-btn{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:background-color .2s,color .2s}.panel-close-btn:hover:not(:disabled){background-color:#f0f0f0;color:#333}.panel-form{padding:20px 28px 28px}.panel-form .form-group{margin-bottom:16px}.panel-form .form-group label{color:#555;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.panel-form .form-group input,.panel-form .form-group select{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.panel-form .form-group input:focus,.panel-form .form-group select:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601f;outline:none}.panel-close-btn:disabled,.panel-form .form-group input:disabled,.panel-form .form-group select:disabled{background-color:#f5fbf7;cursor:not-allowed}.form-row-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.field-help-text{color:#5f6f5f;font-size:12px;margin-top:6px}.success-message{background-color:#d5f4e6;border-left:4px solid #27ae60;border-radius:5px;color:#27ae60;font-size:14px;margin-bottom:16px;padding:10px 12px}.panel-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.cancel-btn:hover:not(:disabled){background-color:#f5f5f5}.submit-btn{background:linear-gradient(135deg,#27ae60,#1e9a50);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #27ae6059;transform:translateY(-1px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}.networks-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:68vh;overflow-x:auto;overflow-y:auto}.networks-table{border-collapse:collapse;font-size:14px;width:100%}.networks-table thead{color:#fff;font-weight:600;text-align:left}.networks-table th,.networks-table thead{background:linear-gradient(135deg,#27ae60,#1e9a50)}.networks-table th{border-bottom:2px solid #27ae60;padding:15px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.networks-table tbody tr{border-bottom:1px solid #e8e8e8;transition:background-color .2s ease}.networks-table tbody tr:hover{background-color:#f9f9f9}.networks-table tbody tr:last-child{border-bottom:none}.networks-table td{color:#333;padding:15px}.networks-table td:first-child{color:#155724;font-weight:500}.distance-column{text-align:right}.distance-value{color:#666;font-family:monospace;font-size:12px}.error-message{background-color:#fadbd8;border-left:4px solid #e74c3c;border-radius:5px;color:#e74c3c;font-size:14px;margin-bottom:20px;padding:12px}.loading,.no-data{background:linear-gradient(135deg,#e6f5ea,#cfead5);border:2px solid #27ae60;border-radius:8px;color:#155724;font-size:16px;font-weight:500;padding:40px;text-align:center}@media (max-width:900px){.networks-toolbar{grid-template-columns:1fr 1fr}.networks-toolbar-actions{grid-column:1/-1}.networks-table{font-size:13px}.networks-table td,.networks-table th{padding:10px}}@media (max-width:600px){.networks-toolbar{grid-template-columns:1fr}.networks-toolbar-actions{justify-content:space-between}.form-row-2{grid-template-columns:1fr}.panel-form,.panel-header{padding-left:20px;padding-right:20px}.networks-table-wrapper{border-radius:0}.networks-table{font-size:12px}.networks-table td,.networks-table th{padding:8px}.networks-table th{font-size:11px}.panel-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}
/*# sourceMappingURL=main.bf235c73.css.map*/