*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#fff;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;padding:20px 0;box-shadow:0 4px 20px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}h1{color:#2c3e50;margin:0;font-size:28px;font-weight:700}.status-panel{gap:30px;display:flex}.status-item{text-align:center}.status-label{color:#7f8c8d;margin-bottom:4px;font-size:12px;display:block}.status-online{color:#27ae60;font-weight:600}.status-offline{color:#e74c3c;font-weight:600}.main-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #0000001a;padding:0 20px}.nav-btn{color:#7f8c8d;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:15px 25px;font-size:14px;font-weight:500;transition:all .3s}.nav-btn:hover{color:#3498db}.nav-btn.active{color:#3498db;border-bottom-color:#3498db}main{max-width:1200px;margin:0 auto;padding:30px 20px}.tab-content{display:none}.tab-content.active{display:block}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px;display:grid}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:15px;padding:25px;box-shadow:0 8px 32px #0000001a}.stat-card h3{color:#2c3e50;margin-bottom:20px;font-size:18px;font-weight:600}.stat-item{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.stat-item:last-child{border-bottom:none}.stat-label{color:#7f8c8d;font-size:14px}.recent-activities{max-height:200px;overflow-y:auto}.activity-item{background:#3498db1a;border-left:4px solid #3498db;border-radius:8px;margin-bottom:8px;padding:10px;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3498db4d}.btn-secondary{color:#3498db;cursor:pointer;background:#ffffffe6;border:2px solid #3498db;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:500;transition:all .3s}.btn-secondary:hover{color:#fff;background:#3498db}.section-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.section-header h2{color:#2c3e50;font-size:24px;font-weight:600}.devices-table-container{background:#fffffff2;border-radius:15px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.devices-table{border-collapse:collapse;width:100%}.devices-table th{color:#fff;text-align:left;background:linear-gradient(135deg,#3498db,#2980b9);padding:15px;font-weight:500}.devices-table td{border-bottom:1px solid #0000000d;padding:15px}.devices-table tr:hover{background:#3498db0d}.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.status-online-badge{color:#27ae60;background:#27ae601a}.status-offline-badge{color:#e74c3c;background:#e74c3c1a}.map-container{background:#fffffff2;border-radius:15px;padding:20px;box-shadow:0 8px 32px #0000001a}.map-controls{gap:10px;display:flex}.alerts-container{background:#fffffff2;border-radius:15px;padding:25px;box-shadow:0 8px 32px #0000001a}.alert-item{background:#e74c3c1a;border-left:4px solid #e74c3c;border-radius:8px;margin-bottom:15px;padding:15px}.alert-item.warning{background:#f39c121a;border-left-color:#f39c12}.alert-item.info{background:#3498db1a;border-left-color:#3498db}.no-data{text-align:center;color:#7f8c8d;padding:40px;font-style:italic}@media (width<=768px){.header-content{flex-direction:column;gap:15px}.status-panel{gap:15px}.dashboard-grid{grid-template-columns:1fr}.devices-table-container{overflow-x:auto}.section-header{flex-direction:column;align-items:flex-start;gap:15px}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.modal-header h3{color:#2c3e50;margin:0;font-size:18px;font-weight:600}.modal-close{color:#7f8c8d;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;transition:all .3s;display:flex}.modal-close:hover{color:#e74c3c;background:#f8f9fa}.modal-body{padding:25px}.modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:15px;padding:20px 25px;display:flex}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select{background:#fff;border:2px solid #e9ecef;border-radius:8px;width:100%;padding:12px 15px;font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.form-group input::placeholder{color:#adb5bd}@media (width<=480px){.modal-content{width:95%;margin:20px}.modal-body{padding:20px}.modal-footer{flex-direction:column;gap:10px}.modal-footer button{width:100%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb{background:#3498db80;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3498dbb3}.uplink-toolbar,.transparent-toolbar,.voice-delivery-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.uplink-device-select,.transparent-device-select,.voice-delivery-device-select{background:#fff;border:1px solid #d7e1ea;border-radius:10px;min-width:260px;padding:10px 12px}.uplink-grid{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.uplink-card{background:#fffffff5;border:1px solid #94a3b82e;border-radius:16px;padding:20px;box-shadow:0 12px 30px #0f172a14}.uplink-card h3{color:#24364b;margin-bottom:14px}.uplink-card-log{min-height:560px}.uplink-tip{color:#5d6b7b;margin-bottom:16px;font-size:14px;line-height:1.7}.uplink-summary{color:#1f3b57;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #60a5fa2e;border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.7}.uplink-event-feed{flex-direction:column;gap:14px;max-height:720px;padding-right:6px;display:flex;overflow-y:auto}.uplink-event{background:#fbfdff;border:1px solid #94a3b83d;border-radius:14px;padding:16px;box-shadow:0 8px 20px #0f172a0d}.uplink-event.is-error{background:#fff7f7;border-color:#ef444447}.uplink-event-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.uplink-badges{flex-wrap:wrap;gap:8px;display:flex}.uplink-badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.uplink-badge-muted{color:#475569;background:#eef2f7}.uplink-event-time,.uplink-event-meta,.uplink-event-hex{color:#64748b;word-break:break-all;font-size:13px;line-height:1.7}.uplink-event-message{color:#1f2937;margin-bottom:8px;font-size:15px;font-weight:600}.uplink-event-details{margin-top:10px}.uplink-event-details summary{cursor:pointer;color:#2563eb;-webkit-user-select:none;user-select:none;font-size:13px}.uplink-event-details-body{gap:8px;margin-top:10px;display:grid}.transparent-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.transparent-card{background:#fffffff5;border:1px solid #94a3b82e;border-radius:16px;padding:20px;box-shadow:0 12px 30px #0f172a14}.transparent-card h3{color:#24364b;margin-bottom:16px}.transparent-card-log{grid-row:span 2}.transparent-form-row{margin-bottom:14px}.transparent-form-row label{color:#425466;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.transparent-form-row input{background:#fff;border:1px solid #d7e1ea;border-radius:10px;width:100%;padding:10px 12px}.transparent-checkbox-row label{align-items:center;gap:8px;margin-bottom:0;display:flex}.transparent-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.transparent-tip{color:#61758a;margin-bottom:12px;font-size:13px;line-height:1.6}.transparent-preview{color:#dbeafe;white-space:pre-wrap;word-break:break-word;background:#0f172a;border-radius:12px;min-height:220px;padding:14px;font-size:12px;line-height:1.65;overflow:auto}.transparent-event-feed{flex-direction:column;gap:12px;max-height:760px;display:flex;overflow-y:auto}.transparent-event{background:#f8fbff;border:1px solid #dce9f5;border-left:4px solid #3b82f6;border-radius:14px;padding:14px}.transparent-event.is-uplink{border-left-color:#16a34a}.transparent-event.is-ack{border-left-color:#f59e0b}.transparent-event.is-failed{background:#fff6f6;border-color:#f3c4c4}.transparent-event-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.transparent-badges{flex-wrap:wrap;gap:8px;display:flex}.transparent-badge{color:#0f4c81;background:#e0f2fe;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.transparent-badge-muted{color:#4b5563;background:#eef2f7}.transparent-event-time,.transparent-event-meta,.transparent-event-hex{color:#64748b;word-break:break-all;font-size:12px}.transparent-event-message{color:#1f2937;margin-bottom:8px;font-weight:600;line-height:1.5}.voice-delivery-grid{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.voice-delivery-card{background:#fffffff5;border:1px solid #94a3b82e;border-radius:16px;padding:20px;box-shadow:0 12px 30px #0f172a14}.voice-delivery-card h3{color:#24364b;margin-bottom:14px}.voice-delivery-card-log{min-height:560px}.voice-delivery-tip{color:#5d6b7b;margin-bottom:16px;font-size:14px;line-height:1.7}.voice-delivery-summary{color:#1f3b57;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #60a5fa2e;border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.7}.voice-delivery-event-feed{flex-direction:column;gap:14px;max-height:720px;padding-right:6px;display:flex;overflow-y:auto}.voice-delivery-event{background:#fbfdff;border:1px solid #94a3b83d;border-radius:14px;padding:16px;box-shadow:0 8px 20px #0f172a0d}.voice-delivery-event.is-error{background:#fff7f7;border-color:#ef444447}.voice-delivery-event.is-warn{background:#fffaf0;border-color:#f59e0b4d}.voice-delivery-event.is-success{background:#f5fff7;border-color:#22c55e47}.voice-delivery-event-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.voice-delivery-badges{flex-wrap:wrap;gap:8px;display:flex}.voice-delivery-badge{color:#0f4c81;background:#e0f2fe;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.voice-delivery-badge-warn{color:#ad6800;background:#fff7e6;border-color:#ffd591}.voice-delivery-badge-muted{color:#4b5563;background:#eef2f7}.voice-delivery-event-time,.voice-delivery-event-meta{color:#64748b;word-break:break-all;font-size:12px}.voice-delivery-event-message{color:#1f2937;margin-bottom:8px;font-weight:600;line-height:1.5}@media (width<=960px){.uplink-grid{grid-template-columns:1fr}.uplink-card-log{min-height:0}}@media (width<=768px){.transparent-toolbar,.voice-delivery-toolbar{width:100%}.transparent-device-select,.voice-delivery-device-select{width:100%;min-width:0}.transparent-app-grid{grid-template-columns:1fr}.transparent-card-log{grid-row:auto}.transparent-actions,.voice-delivery-grid{grid-template-columns:1fr}}