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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--nav-bg1:#90caf9;--nav-bg2:#e3f2fd;--nav-text:#0b2545;--nav-accent:#1e88e5;--nav-accent-2:#00bcd4;--shadow:0 10px 30px #0d264c1f}.nav-wrap{background:linear-gradient(90deg,#90caf9,#e3f2fd);background:linear-gradient(90deg,var(--nav-bg1),var(--nav-bg2));box-shadow:0 2px 10px #0000000f;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 10px 30px #0d264c1f;box-shadow:var(--shadow);justify-content:space-between;margin:0 auto;max-width:1200px;padding:12px 20px;position:relative}.brand,.navbar{align-items:center;display:flex}.brand{gap:10px}.brand-logo{align-items:center;background:linear-gradient(135deg,#1e88e5,#00bcd4);background:linear-gradient(135deg,var(--nav-accent),var(--nav-accent-2));border-radius:50%;box-shadow:0 6px 14px #1e88e559;color:#fff;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.brand-text{color:#0b2545;color:var(--nav-text);font-size:1.15rem;font-weight:700;letter-spacing:.3px}.nav-links{display:flex;gap:12px;list-style:none;margin:0;padding:0}.link,.nav-links{align-items:center}.link{border-radius:12px;color:#0b2545;color:var(--nav-text);display:inline-flex;font-weight:600;padding:10px 14px;position:relative;text-decoration:none;transition:color .2s ease,background .2s ease,transform .2s ease}.link:after{background:linear-gradient(90deg,#1e88e5,#00bcd4);background:linear-gradient(90deg,var(--nav-accent),var(--nav-accent-2));bottom:6px;content:"";height:2px;left:12px;position:absolute;right:12px;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.link:hover{transform:translateY(-1px)}.link:hover:after{transform:scaleX(1)}.link.active{color:#1e88e5;color:var(--nav-accent)}.link.active:before{background:#1e88e524;border-radius:12px;box-shadow:inset 0 0 0 1px #1e88e538;content:"";inset:0;position:absolute;z-index:-1}.btn-logout{background:linear-gradient(135deg,#ef5350,#e53935);border:none;border-radius:12px;box-shadow:0 8px 16px #e5393540;color:#fff;font-weight:700;padding:10px 14px;transition:transform .15s ease,filter .2s ease}.btn-logout:hover{filter:brightness(1.05);transform:translateY(-1px)}.hamburger{background:#0000;border:none;cursor:pointer;display:none;height:40px;position:relative;width:40px}.hamburger span{background:#0b2545;background:var(--nav-text);height:2px;left:8px;position:absolute;right:8px;transition:transform .25s ease,opacity .2s ease,top .25s ease}.hamburger span:first-child{top:12px}.hamburger span:nth-child(2){top:19px}.hamburger span:nth-child(3){top:26px}.hamburger.is-open span:first-child{top:19px;transform:rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){top:19px;transform:rotate(-45deg)}@media (max-width:960px){.hamburger{display:block}.nav-links{align-items:stretch;background:#fffffff2;border:1px solid #ffffffb3;border-radius:14px;box-shadow:0 10px 30px #0d264c1f;box-shadow:var(--shadow);flex-direction:column;gap:8px;left:10px;opacity:0;padding:12px;pointer-events:none;position:absolute;right:10px;top:calc(100% + 10px);transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease}.nav-links.show{opacity:1;pointer-events:auto;transform:translateY(0)}.btn-logout,.link{text-align:left;width:100%}}@media (prefers-reduced-motion:reduce){.btn-logout,.link,.nav-links{transition:none!important}}.ota-dashboard-container{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.ota-header{color:#333;font-size:1.8rem}.device-selector,.ota-header{margin-bottom:1rem}.device-selector select{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem}.ota-trigger-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-left:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.ota-trigger-button:hover{background-color:#0056b3}.ota-status-box{background-color:#e9f7ef;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-top:1.5rem;padding:1rem}.ota-progress-table{background:#fff;border-collapse:collapse;box-shadow:0 0 5px #0000001a;margin-top:2rem;width:100%}.ota-progress-table td,.ota-progress-table th{border-bottom:1px solid #dee2e6;padding:.75rem;text-align:left}.ota-progress-table th{background-color:#f1f1f1;color:#444}.ota-progress-table tr:hover{background-color:#f8f8f8}.justify-between{justify-content:space-between}.underline{text-decoration:underline}.btn-logout{background:#0000;border:1px solid #dc2626;border-radius:9999px;color:#dc2626;cursor:pointer;font-weight:600;line-height:1;padding:.5rem .9rem;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.btn-logout:hover{background:#dc2626;color:#fff}.btn-logout:focus-visible{box-shadow:0 0 0 3px #dc262633;outline:none}.btn-logout:active{transform:translateY(.5px)}.message-log-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:1.5rem}.message-section{margin-bottom:2rem}.message-section h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.message-list{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;max-height:250px;overflow-y:auto;padding:1rem}.message-item{border-bottom:1px solid #e5e7eb;margin-bottom:.75rem;padding-bottom:.75rem}.message-item:last-child{border-bottom:none;margin-bottom:0}.message-topic{color:#2d3748;font-weight:700}.message-body{font-family:monospace;font-size:.9rem;margin-top:.25rem}.message-timestamp{color:#718096;font-size:.8rem;margin-top:.25rem}.device-page-container{background-color:#f9f9f9;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:900px;padding:2rem}.device-page-title{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.device-table{background-color:#fff;border-collapse:collapse;border-radius:8px;margin-top:1rem;overflow:hidden;width:100%}.device-table td,.device-table th{border-bottom:1px solid #e0e0e0;padding:12px 16px;text-align:left}.device-table th{background-color:#0077b6;color:#fff;font-weight:600}.device-table tr:hover{background-color:#f1f1f1;transition:background-color .2s ease}.no-devices{color:#777;font-style:italic;padding:2rem;text-align:center}body{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.border{border:1px solid #dee2e6;border-collapse:collapse}.border-t{border-top:1px solid #dee2e6}.bg-gray-200{background-color:#e9ecef}.p-2{padding:.5rem}.text-left{text-align:left}select{border:1px solid #ced4da;border-radius:.25rem;font-size:1rem;margin-bottom:1rem;padding:.5rem}select,table{background-color:#fff}table{border:1px solid #dee2e6;border-spacing:0;box-shadow:0 0 10px #0000000d;width:100%}td,th{vertical-align:top}th{background-color:#f1f3f5;font-weight:600}tr:nth-child(2n){background-color:#f9f9f9}.text-xs{font-size:.75rem}table{display:block;overflow-x:auto}.break-words{word-break:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.create-device-container{background-color:#f9f9f9;border-radius:12px;box-shadow:0 0 10px #ddd;margin:40px auto;max-width:500px;padding:20px}.create-device-container h2{margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:5px;padding:8px}.form-group input,button{font-size:1rem;width:100%}button{background-color:#007bfc;border-radius:5px;color:#fff;padding:10px}button:hover{background-color:#005bb5}.success-msg{color:green}.error-msg,.success-msg{margin-top:15px;text-align:center}.error-msg{color:red}.firmware-container{background:#f9f9f9;border-radius:12px;box-shadow:0 4px 10px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.section{margin-bottom:20px}.section label{display:block;font-weight:600;margin-bottom:6px}.section input,.section select{font-size:14px;padding:8px;width:100%}.section button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 18px}.section button:disabled{background-color:#ccc;cursor:not-allowed}.result p{margin:5px 0}.progress-bar{background-color:#ddd;border-radius:10px;height:20px;margin-bottom:8px;margin-top:8px;overflow:hidden;width:100%}.progress-fill{background-color:#4caf50;height:100%;transition:width .5s ease-in-out}.ota-history-table{border-collapse:collapse;margin-top:10px;width:100%}.ota-history-table td,.ota-history-table th{border:1px solid #ddd;font-size:14px;padding:8px;text-align:center}.ota-history-table th{background-color:#f2f2f2}:root{--gray-100:#f3f4f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--red-600:#dc2626;--white:#fff;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-lg:0.75rem}*{box-sizing:border-box}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.h-screen{min-height:100vh}.bg-gray-100{background-color:#f3f4f6;background-color:var(--gray-100)}.p-4{padding:1rem}.bg-white{background-color:#fff;background-color:var(--white)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.p-6{padding:1.5rem}.w-80{width:20rem}.max-w-sm{max-width:24rem;width:100%}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-red-600{color:#dc2626;color:var(--red-600)}.text-white{color:#fff}.block{display:block}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.border{border:1px solid #e5e7eb}.rounded{border-radius:.5rem}.w-full{width:100%}input[type=password],input[type=text]{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;outline:none;padding:.5rem .75rem;width:100%}input[type=password]:focus,input[type=text]:focus{border-color:#2563eb;border-color:var(--blue-600);box-shadow:0 0 0 3px #2563eb33}button{border:none;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.bg-blue-600{background-color:#2563eb;background-color:var(--blue-600)}.bg-blue-600:hover{background-color:#1d4ed8;background-color:var(--blue-700)}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}button:disabled{cursor:not-allowed;opacity:.5}.login-error{margin-bottom:.75rem}
/*# sourceMappingURL=main.e031313c.css.map*/