*{margin:0;padding:0;box-sizing:border-box}:root{--primary-teal: #006E74;--primary-teal-dark: #004A4F;--primary-teal-light: #0891B2;--primary-teal-vivid: #00A3AB;--accent-teal: #14B8A6;--accent-cyan: #06B6D4;--success-green: #10B981;--warning-orange: #F59E0B;--error-red: #EF4444;--text-white: #FFFFFF;--text-gray-100: #F3F4F6;--text-gray-200: #E5E7EB;--text-gray-300: #D1D5DB;--text-gray-600: #4B5563;--text-gray-900: #111827;--bg-overlay: rgba(0, 110, 116, .95);--bg-glass: rgba(255, 255, 255, .1);--bg-glass-strong: rgba(255, 255, 255, .15);--bg-glass-ultra: rgba(255, 255, 255, .25);--bg-card: rgba(255, 255, 255, .08);--bg-card-hover: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(20, 184, 166, .3);--shadow-glow-strong: 0 0 30px rgba(20, 184, 166, .4);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--gradient-primary: linear-gradient(135deg, var(--primary-teal) 0%, var(--primary-teal-dark) 50%, var(--primary-teal-light) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-teal) 0%, var(--accent-cyan) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .05) 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;background:var(--gradient-primary);background-attachment:fixed;color:var(--text-white);overflow-x:hidden;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(20,184,166,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.15) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,163,171,.1) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:backgroundPulse 20s ease-in-out infinite}body:after{content:"";position:fixed;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.02) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,.02) 50%,transparent 70%);background-size:60px 60px;pointer-events:none;z-index:-1;animation:meshMove 40s linear infinite}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes meshMove{0%{background-position:0 0,0 0}to{background-position:60px 60px,-60px -60px}}html,body{height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-glass);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--bg-glass-strong);border-radius:var(--radius-sm);-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff40}*:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;border-radius:var(--radius-sm)}button{border:none;background:none;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s ease;border-radius:var(--radius-md)}.btn{display:inline-block;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;padding:.75rem 1.5rem;font-size:.875rem;border-radius:8px;transition:all .3s ease}.btn:focus{outline:0;box-shadow:0 0 0 .2rem #006e7440}.btn:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.btn-primary{color:#fff!important;background-color:#006e74;border-color:#006e74}.btn-primary span{color:#fff!important}.btn-primary:hover:not(:disabled){color:#fff!important;background-color:#004a4f;border-color:#004a4f}.btn-primary:hover:not(:disabled) span{color:#fff!important}.btn-primary:focus:not(:disabled){color:#fff!important;background-color:#004a4f;border-color:#004a4f;box-shadow:0 0 0 .2rem #006e7480}.btn-primary:focus:not(:disabled) span{color:#fff!important}.btn-primary:disabled{color:#fff!important}.btn-primary:disabled span{color:#fff!important}.form-actions{display:flex!important;justify-content:flex-end!important;gap:1rem}.form-actions .btn-primary,.form-actions .btn-primary span{color:#fff!important}.add-entity-btn.btn-primary{color:#fff!important;background-color:#006e74!important;border-color:#006e74!important}.add-entity-btn.btn-primary:hover,.add-entity-btn.btn-primary:focus,.add-entity-btn.btn-primary:active{color:#fff!important;background-color:#004a4f!important;border-color:#004a4f!important}.btn-secondary{color:#374151;background-color:#f3f4f6;border-color:#f3f4f6}.btn-secondary:hover:not(:disabled){color:#374151;background-color:#e5e7eb;border-color:#e5e7eb}.btn-secondary:focus:not(:disabled){color:#374151;background-color:#e5e7eb;border-color:#e5e7eb;box-shadow:0 0 0 .2rem #9ca3af80}.btn-sm{padding:.25rem .5rem;font-size:.75rem;border-radius:.375rem}.glass-effect{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.glass-effect-strong{background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.25)}.glass-effect-ultra{background:var(--bg-glass-ultra);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3)}.card-elevated{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-elevated:hover{background:var(--bg-card-hover);border-color:#ffffff40;transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.button-primary{background:var(--gradient-accent);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.button-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.button-primary:hover:before{left:100%}.button-primary:active{transform:translateY(0)}.button-secondary{background:var(--bg-glass);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button-secondary:hover{background:var(--bg-glass-strong);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:var(--shadow-md)}.shadow-soft{box-shadow:var(--shadow-md)}.shadow-strong{box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.text-gradient{background:linear-gradient(135deg,var(--text-white),var(--text-gray-200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .8s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.4,0,.2,1)}.animate-float{animation:float 3s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}input,textarea,select{font-family:inherit}.form-input,.form-textarea,.form-select{background:var(--bg-glass);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:.875rem 1rem;color:#fff;font-size:.95rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:#ffffff80}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent-teal);background:var(--bg-glass-strong);box-shadow:0 0 0 3px #14b8a61a}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:#ffffff4d;background:var(--bg-glass-strong)}.form-select{cursor:pointer}.form-select option{background:var(--primary-teal);color:#fff}.form-textarea{resize:vertical;min-height:120px}.table-modern{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.15)}.table-modern th{background:var(--bg-glass-strong);color:#fff;font-weight:600;padding:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.table-modern td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffe6}.table-modern td:last-child{border-bottom:none}.table-modern tr:hover td{background:var(--bg-glass-strong)}.modal-overlay{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.modal-content{background:var(--bg-glass-ultra);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--radius-xl);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge.badge-success{background:linear-gradient(135deg,var(--success-green),#059669);color:#fff;box-shadow:0 2px 4px #10b9814d}.badge.badge-warning{background:linear-gradient(135deg,var(--warning-orange),#d97706);color:#fff;box-shadow:0 2px 4px #f59e0b4d}.badge.badge-error{background:linear-gradient(135deg,var(--error-red),#dc2626);color:#fff;box-shadow:0 2px 4px #ef44444d}.badge.badge-info{background:var(--gradient-accent);color:#fff;box-shadow:0 2px 4px #14b8a64d}a{color:inherit;text-decoration:none}.entity-details{background:#fff!important;height:100%!important;overflow-y:auto!important;padding:2rem!important}.clinic-details-container,.lab-details-container,.generic-details-container{width:100%!important}.clinic-details-container .entity-header,.lab-details-container .entity-header,.generic-details-container .entity-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:30px!important;padding-bottom:15px!important;border-bottom:1px solid #e9ecef!important}.clinic-details-container .entity-header .entity-name,.lab-details-container .entity-header .entity-name,.generic-details-container .entity-header .entity-name{color:#006e74!important;font-size:1.5rem!important;font-weight:700!important;margin:0!important}.clinic-details-container .entity-header .status-tag,.lab-details-container .entity-header .status-tag,.generic-details-container .entity-header .status-tag{background:#f8f9fa!important;border:1px solid #dee2e6!important;padding:4px 12px!important;font-size:.8rem!important;font-weight:700!important;color:#6c757d!important;border-radius:4px!important}.clinic-details-container .details-grid,.lab-details-container .details-grid,.generic-details-container .details-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:15px 30px!important;margin-bottom:30px!important}.clinic-details-container .details-grid .detail-item,.lab-details-container .details-grid .detail-item,.generic-details-container .details-grid .detail-item{display:flex!important;flex-direction:column!important}.clinic-details-container .details-grid .detail-item.address-item,.lab-details-container .details-grid .detail-item.address-item,.generic-details-container .details-grid .detail-item.address-item{grid-column:1/-1!important}.clinic-details-container .details-grid .detail-item .detail-label,.lab-details-container .details-grid .detail-item .detail-label,.generic-details-container .details-grid .detail-item .detail-label{font-weight:700!important;text-transform:uppercase!important;font-size:.8em!important;color:#555!important;margin-bottom:3px!important}.clinic-details-container .details-grid .detail-item .detail-value,.lab-details-container .details-grid .detail-item .detail-value,.generic-details-container .details-grid .detail-item .detail-value{font-weight:400!important;font-size:1em!important;color:#000!important}.clinic-details-container .device-section,.lab-details-container .device-section,.generic-details-container .device-section{margin-top:30px!important;padding-top:20px!important;border-top:1px solid #e9ecef!important}.clinic-details-container .device-section h3,.lab-details-container .device-section h3,.generic-details-container .device-section h3{color:#006e74!important;font-size:1.2rem!important;font-weight:700!important;margin-bottom:20px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.clinic-details-container .device-section .device-grid,.lab-details-container .device-section .device-grid,.generic-details-container .device-section .device-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:20px!important;margin-bottom:20px!important}.clinic-details-container .device-section .device-card,.lab-details-container .device-section .device-card,.generic-details-container .device-section .device-card{background:#fffffff2!important;border:1px solid rgba(0,110,116,.2)!important;border-radius:12px!important;padding:20px!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}.clinic-details-container .device-section .device-card:hover,.lab-details-container .device-section .device-card:hover,.generic-details-container .device-section .device-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #006e7426!important;border-color:#006e74!important}.clinic-details-container .device-section .device-card.device-inactive,.lab-details-container .device-section .device-card.device-inactive,.generic-details-container .device-section .device-card.device-inactive{background:#f8f9fab3!important;border-color:#6c757d4d!important}.clinic-details-container .device-section .device-card.device-inactive .device-name,.lab-details-container .device-section .device-card.device-inactive .device-name,.generic-details-container .device-section .device-card.device-inactive .device-name{color:#6c757d!important}.clinic-details-container .device-section .device-card .device-header,.lab-details-container .device-section .device-card .device-header,.generic-details-container .device-section .device-card .device-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:15px!important}.clinic-details-container .device-section .device-card .device-header .device-name,.lab-details-container .device-section .device-card .device-header .device-name,.generic-details-container .device-section .device-card .device-header .device-name{font-weight:700!important;font-size:1.1rem!important;color:#006e74!important;margin:0!important}.clinic-details-container .device-section .device-card .device-header .device-status,.lab-details-container .device-section .device-card .device-header .device-status,.generic-details-container .device-section .device-card .device-header .device-status{padding:4px 12px!important;border-radius:20px!important;font-size:.8rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.clinic-details-container .device-section .device-card .device-header .device-status.status-active,.lab-details-container .device-section .device-card .device-header .device-status.status-active,.generic-details-container .device-section .device-card .device-header .device-status.status-active{background:#28a74533!important;color:#28a745!important;border:1px solid rgba(40,167,69,.3)!important}.clinic-details-container .device-section .device-card .device-header .device-status.status-inactive,.lab-details-container .device-section .device-card .device-header .device-status.status-inactive,.generic-details-container .device-section .device-card .device-header .device-status.status-inactive{background:#6c757d33!important;color:#6c757d!important;border:1px solid rgba(108,117,125,.3)!important}.clinic-details-container .device-section .device-card .device-details,.lab-details-container .device-section .device-card .device-details,.generic-details-container .device-section .device-card .device-details{margin-bottom:15px!important}.clinic-details-container .device-section .device-card .device-details p,.lab-details-container .device-section .device-card .device-details p,.generic-details-container .device-section .device-card .device-details p{margin:5px 0!important;font-size:.9rem!important;color:#495057!important}.clinic-details-container .device-section .device-card .device-details p strong,.lab-details-container .device-section .device-card .device-details p strong,.generic-details-container .device-section .device-card .device-details p strong{color:#212529!important;font-weight:600!important}.clinic-details-container .device-section .device-card .device-actions,.lab-details-container .device-section .device-card .device-actions,.generic-details-container .device-section .device-card .device-actions{display:flex!important;gap:10px!important;margin-top:15px!important}.clinic-details-container .device-section .device-card .device-actions button,.lab-details-container .device-section .device-card .device-actions button,.generic-details-container .device-section .device-card .device-actions button{flex:1!important;padding:8px 16px!important;border:none!important;border-radius:6px!important;font-weight:600!important;font-size:.8rem!important;text-transform:uppercase!important;letter-spacing:.5px!important;cursor:pointer!important;transition:all .2s ease!important}.clinic-details-container .device-section .device-card .device-actions button.btn-toggle.btn-activate,.lab-details-container .device-section .device-card .device-actions button.btn-toggle.btn-activate,.generic-details-container .device-section .device-card .device-actions button.btn-toggle.btn-activate{background:#28a7451a!important;color:#28a745!important;border:1px solid rgba(40,167,69,.3)!important}.clinic-details-container .device-section .device-card .device-actions button.btn-toggle.btn-activate:hover,.lab-details-container .device-section .device-card .device-actions button.btn-toggle.btn-activate:hover,.generic-details-container .device-section .device-card .device-actions button.btn-toggle.btn-activate:hover{background:#28a745!important;color:#fff!important}.clinic-details-container .device-section .device-card .device-actions button.btn-toggle.btn-deactivate,.lab-details-container .device-section .device-card .device-actions button.btn-toggle.btn-deactivate,.generic-details-container .device-section .device-card .device-actions button.btn-toggle.btn-deactivate{background:#ffc1071a!important;color:#ffc107!important;border:1px solid rgba(255,193,7,.3)!important}.clinic-details-container .device-section .device-card .device-actions button.btn-toggle.btn-deactivate:hover,.lab-details-container .device-section .device-card .device-actions button.btn-toggle.btn-deactivate:hover,.generic-details-container .device-section .device-card .device-actions button.btn-toggle.btn-deactivate:hover{background:#ffc107!important;color:#212529!important}.clinic-details-container .device-section .device-card .device-actions button.btn-remove,.lab-details-container .device-section .device-card .device-actions button.btn-remove,.generic-details-container .device-section .device-card .device-actions button.btn-remove{background:#dc35451a!important;color:#dc3545!important;border:1px solid rgba(220,53,69,.3)!important}.clinic-details-container .device-section .device-card .device-actions button.btn-remove:hover,.lab-details-container .device-section .device-card .device-actions button.btn-remove:hover,.generic-details-container .device-section .device-card .device-actions button.btn-remove:hover{background:#dc3545!important;color:#fff!important}.clinic-details-container .device-section .add-device-section,.lab-details-container .device-section .add-device-section,.generic-details-container .device-section .add-device-section{text-align:center!important;padding:20px!important}.clinic-details-container .device-section .add-device-section .btn-add-device,.lab-details-container .device-section .add-device-section .btn-add-device,.generic-details-container .device-section .add-device-section .btn-add-device{background:linear-gradient(135deg,#006e74,#004a4f)!important;color:#fff!important;border:none!important;padding:12px 24px!important;border-radius:8px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;cursor:pointer!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}.clinic-details-container .device-section .add-device-section .btn-add-device:hover,.lab-details-container .device-section .add-device-section .btn-add-device:hover,.generic-details-container .device-section .add-device-section .btn-add-device:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px #006e744d!important}.clinic-details-container .device-section .add-device-section .btn-add-device:active,.lab-details-container .device-section .add-device-section .btn-add-device:active,.generic-details-container .device-section .add-device-section .btn-add-device:active{transform:translateY(0)!important}.devices-section{border-top:1px solid #e9ecef!important;padding-top:20px!important}.devices-section .section-label{font-weight:700!important;text-transform:uppercase!important;font-size:.8em!important;color:#555!important;display:block!important;margin-bottom:15px!important}.devices-section .device-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:15px!important}.devices-section .device-grid .device-item{display:flex!important;flex-direction:column!important;background:#f8fafc80!important;padding:12px!important;border-radius:8px!important;border:1px solid rgba(0,110,116,.1)!important;transition:all .3s ease!important}.devices-section .device-grid .device-item:hover{background:#f8fafccc!important;border-color:#006e7433!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #006e741a!important}.devices-section .device-grid .device-item .device-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important}.devices-section .device-grid .device-item .device-header .device-name{font-weight:700!important;color:#006e74!important;font-size:.9em!important;margin:0!important}.devices-section .device-grid .device-item .device-header .device-status{font-size:.7em!important;font-weight:600!important;text-transform:uppercase!important;padding:2px 6px!important;border-radius:12px!important;color:#fff!important;text-align:center!important}.devices-section .device-grid .device-item .device-details .device-type{font-weight:600!important;color:#666!important;font-size:.8em!important;margin:2px 0!important}.devices-section .device-grid .device-item .device-details .device-id{font-weight:500!important;color:#999!important;font-size:.75em!important;margin:2px 0!important}.devices-section .device-grid .device-item .device-details .device-location{font-weight:500!important;color:#666!important;font-size:.75em!important;margin:2px 0!important}.devices-section .device-grid .device-item .device-details .device-last-seen{font-weight:400!important;color:#999!important;font-size:.7em!important;margin:2px 0!important}.devices-section .device-grid .device-item .device-type{font-weight:700!important;text-transform:uppercase!important;font-size:.8em!important;color:#555!important;margin-bottom:4px!important}.devices-section .device-grid .device-item .device-id{font-weight:600!important;color:#000!important;font-size:1em!important;margin-bottom:6px!important}.devices-section .device-grid .device-item .device-status{font-size:.75em!important;font-weight:600!important;text-transform:uppercase!important;padding:2px 6px!important;border-radius:12px!important;align-self:flex-start!important}.devices-section .device-grid .device-item .device-status.status-active{background:#d4edda!important;color:#155724!important;border:1px solid #c3e6cb!important}.devices-section .device-grid .device-item .device-status.status-inactive{background:#f8f9fa!important;color:#6c757d!important;border:1px solid #dee2e6!important}.devices-section .device-grid .device-item .device-status.status-maintenance{background:#fff3cd!important;color:#856404!important;border:1px solid #ffeaa7!important}.devices-section .device-grid .device-item .device-status.status-error{background:#f8d7da!important;color:#721c24!important;border:1px solid #f5c6cb!important}.devices-section .no-devices{background:#f8fafc4d!important;padding:20px!important;border-radius:8px!important;border:1px dashed #dee2e6!important;text-align:center!important}.devices-section .no-devices .no-devices-text{color:#6c757d!important;font-style:italic!important;font-size:.9em!important}.fab-container{position:fixed!important;top:50%!important;right:30px!important;transform:translateY(-50%)!important;z-index:1000!important}.fab-container .fab{width:60px!important;height:60px!important;border-radius:50%!important;background:linear-gradient(135deg,#006e74,#00a3ab)!important;border:none!important;color:#fff!important;font-size:24px!important;cursor:pointer!important;box-shadow:0 4px 12px #006e7466!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.fab-container .fab:hover{transform:scale(1.1)!important;box-shadow:0 6px 20px #006e7480!important;width:auto!important;min-width:60px!important;padding:0 20px!important;border-radius:30px!important}.fab-container .fab:hover .fab-icon{margin-right:10px!important}.fab-container .fab:hover .fab-text{opacity:1!important;max-width:200px!important}.fab-container .fab .fab-icon{transition:margin .3s ease!important}.fab-container .fab .fab-text{opacity:0!important;max-width:0!important;overflow:hidden!important;white-space:nowrap!important;transition:all .3s ease!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-weight:500!important;font-size:.875rem!important;color:#fff!important}
