@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{font-family:Inter,-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}@media (min-width:1024px){.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:col-span-2{grid-column:span 2/span 2}.lg\\:col-span-3{grid-column:span 3/span 3}}@media (min-width:1280px){.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-8>*+*{margin-left:2rem}@media (max-width:768px){.main-content{margin-left:0}.sidebar{transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar.mobile-open{transform:translateX(0)}.content{padding:1rem}.metrics-grid{gap:1rem;grid-template-columns:1fr}.header{padding:1rem}.header-title{font-size:1.25rem}.btn-sm{font-size:.75rem;padding:.375rem .75rem}}@media (prefers-color-scheme:dark){body{background-color:#111827;color:#f9fafb}.card{background-color:#1f2937;border-color:#374151}.form-input,.form-select,.form-textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:#374151;border-color:#3b82f6}.table th{color:#d1d5db}.table th,.table tr:hover{background-color:#374151}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.dark .content,.dark body{background-color:#0f172a;color:#e2e8f0}.dark .header{background-color:#1e293b;border-bottom-color:#334155}.dark .header-title{color:#e2e8f0}.dark .card{background-color:#1e293b;border-color:#334155}.dark .card-header{border-bottom-color:#334155}.dark .card-title{color:#e2e8f0}.dark .card-description{color:#94a3b8}.dark .card-actions{background-color:#0f172a;border-top-color:#334155}.dark .metric-card{background-color:#1e293b;border-color:#334155}.dark .metric-label{color:#94a3b8}.dark .table th{background-color:#1e293b}.dark .table td,.dark .table th{border-bottom-color:#334155;color:#e2e8f0}.dark .table tr:hover{background-color:#1e293b}.dark .form-label{color:#e2e8f0}.dark .form-input,.dark .form-select,.dark .form-textarea{background-color:#1e293b;border-color:#334155;color:#e2e8f0}.dark .form-input:focus,.dark .form-select:focus,.dark .form-textarea:focus{background-color:#1e293b;border-color:#3b82f6}.dark .modal-content{background-color:#1e293b}.dark .modal-header{border-bottom-color:#334155}.dark .modal-title{color:#e2e8f0}.dark .modal-close{color:#94a3b8}.dark .modal-close:hover{color:#e2e8f0}.dark .status-badge.online{background-color:#22c55e33;color:#86efac}.dark .status-badge.offline{background-color:#ef444433;color:#fca5a5}.dark .status-badge.paused{background-color:#fbbf2433;color:#fde047}.dark .status-badge.error{background-color:#ef444433;color:#fca5a5}.dark .status-indicator.online{background-color:#22c55e33;color:#86efac}.dark .status-indicator.offline{background-color:#ef444433;color:#fca5a5}.dark .text-gray-500{color:#94a3b8}.dark .text-gray-600{color:#cbd5e1}.dark div,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark option,.dark p,.dark select,.dark span{color:#e2e8f0}.app{display:flex;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;transition:margin-left .3s ease}.main-content.drawer-open{margin-left:250px}.main-content.drawer-closed{margin-left:0}.content{flex:1 1;overflow-y:auto;padding:24px}.sidebar{background:linear-gradient(180deg,#1e293b,#334155);color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:250px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%)}.sidebar-header{border-bottom:1px solid #475569;padding:24px 20px}.sidebar-title{color:#f1f5f9;font-size:20px;font-weight:700}.sidebar-subtitle{color:#94a3b8;font-size:12px;margin-top:4px}.sidebar-nav{padding:16px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#cbd5e1;display:flex;padding:12px 20px;text-decoration:none;transition:all .2s}.nav-item:hover{background-color:#ffffff1a;color:#f1f5f9}.nav-item.active{background-color:#3b82f61a;border-left-color:#3b82f6;color:#93c5fd}.nav-icon{height:20px;margin-right:12px;width:20px}.header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a;display:flex;justify-content:space-between;padding:16px 24px}.header-title{color:#1e293b;font-size:24px;font-weight:600}.header-actions{align-items:center;display:flex;gap:16px}.status-indicator{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px}.status-indicator.online{background-color:#dcfce7;color:#166534}.status-indicator.offline{background-color:#fef2f2;color:#991b1b}.card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a}.card-header{border-bottom:1px solid #e2e8f0;padding:20px 24px}.card-title{color:#1e293b;font-size:18px;font-weight:600}.card-description{color:#64748b;font-size:14px;margin-top:4px}.card-content{padding:24px}.card-actions{background-color:#f8fafc;border-radius:0 0 8px 8px;border-top:1px solid #e2e8f0;padding:16px 24px}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.metric-value{font-size:32px;font-weight:700;margin-bottom:8px}.metric-label{color:#64748b;font-size:14px;margin-bottom:12px}.metric-change{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.metric-change.positive{color:#059669}.metric-change.negative{color:#dc2626}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #e2e8f0;padding:12px;text-align:left}.table th{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table th,.table tr:hover{background-color:#f8fafc}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.status-badge.online{background-color:#dcfce7;color:#166534}.status-badge.offline{background-color:#fef2f2;color:#991b1b}.status-badge.paused{background-color:#fef3c7;color:#92400e}.status-badge.error{background-color:#fef2f2;color:#991b1b}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-outline{background-color:initial;border:1px solid #d1d5db;color:#374151}.btn-outline:hover:not(:disabled){background-color:#f9fafb}.dark .btn-outline{border:1px solid #4b5563;color:#d1d5db}.dark .btn-outline:hover:not(:disabled){background-color:#374151}.btn-sm{font-size:12px;padding:6px 12px}.btn-xs{font-size:11px;padding:4px 8px}.btn-lg{font-size:16px;padding:12px 24px}.form-group{margin-bottom:20px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}.loading{align-items:center;display:flex;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.drawer-backdrop{animation:fadeIn .3s ease;background-color:#00000080;inset:0;position:fixed;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hamburger-menu{display:none}@media (max-width:1023px){.main-content.drawer-closed,.main-content.drawer-open{margin-left:0}.hamburger-menu{display:inline-flex}.metrics-grid{grid-template-columns:1fr}.content{padding:16px}}.responsive-header{justify-content:space-between}.bulk-actions-container,.responsive-header{align-items:center;display:flex;gap:16px}.bulk-actions-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.devices-cards-mobile{display:none}.device-card-mobile{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding:16px}.tickets-cards-mobile{display:none}.ticket-card-mobile{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding:16px}.dark .ticket-card-mobile{background:#1e293b;border-color:#334155}.ticket-card-row{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.dark .ticket-card-row{border-bottom-color:#334155}.ticket-card-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.ticket-card-label{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.dark .ticket-card-label{color:#94a3b8}.ticket-card-value{color:#1e293b;font-size:14px}.dark .ticket-card-value{color:#e2e8f0}@media (max-width:768px){.responsive-header{align-items:flex-start;flex-direction:column}.responsive-header>div:last-child{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.flex.items-center.gap-4{align-items:flex-start!important;flex-direction:column;width:100%}.flex.items-center.gap-2{flex-wrap:wrap;width:100%}.btn{min-height:44px;white-space:nowrap}.form-input,.form-select{min-height:44px;width:100%}a,button,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}button:not(.btn):not(.modal-close){padding:12px}a{display:inline-block;padding:8px}label{align-items:center;display:flex;min-height:44px;padding:8px 0}.bulk-actions-container{align-items:stretch;flex-direction:column;gap:12px}.bulk-actions-buttons{align-items:stretch;flex-direction:column;gap:8px}.bulk-actions-buttons .btn,.bulk-actions-buttons .form-input,.bulk-actions-buttons select{justify-content:center;width:100%}.devices-table-desktop{display:none}.devices-cards-mobile{display:block}.device-card-mobile .btn{font-size:13px;min-height:44px}.modal-overlay{padding:0}.modal-content{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%;width:100%}.modal-header{margin-bottom:16px;padding:16px}.modal-body{max-height:calc(100vh - 140px)!important;padding:0 16px 16px}.modal-footer{padding:12px 16px!important}.inline-modal-content{border-radius:0!important;height:100vh!important;margin:0!important;max-width:100%!important;min-width:100%!important;width:100%!important}.tickets-header{align-items:flex-start!important;flex-direction:column!important;gap:16px!important}.tickets-header-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.tickets-header-buttons .btn{justify-content:center;width:100%}.tickets-filters{align-items:stretch!important;flex-direction:column!important}.tickets-filter-row{display:flex;flex-direction:column;gap:8px!important;width:100%}.tickets-filter-row label{font-weight:600}.tickets-filter-row select{width:100%!important}.tickets-table-desktop{display:none!important}.tickets-cards-mobile{display:block!important}}@media (min-width:1024px){.drawer-backdrop{display:none}.hamburger-menu{display:inline-flex}}.text-center{text-align:center}.text-sm{font-size:14px}.text-xs{font-size:12px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-red-600{color:#dc2626}.text-green-600{color:#059669}.text-blue-600{color:#2563eb}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.ml-2{margin-left:8px}.mr-2{margin-right:8px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content.large{max-width:1200px}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:#1f2937;font-size:18px;font-weight:600;gap:8px}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;font-weight:700;line-height:1;padding:4px}.modal-close:hover{color:#374151}.modal-body{padding:0 24px 24px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.w-full{width:100%}.bg-gray-50{background-color:#f9fafb}.bg-green-50{background-color:#f0fdf4}.bg-red-50{background-color:#fef2f2}.bg-blue-50{background-color:#eff6ff}.bg-green-100{background-color:#dcfce7}.bg-red-100{background-color:#fee2e2}.text-green-800{color:#166534}.text-red-800{color:#991b1b}.bg-red-600{background-color:#dc2626}.bg-red-400{background-color:#f87171}.bg-yellow-500{background-color:#eab308}.bg-yellow-400{background-color:#facc15}.bg-yellow-300{background-color:#fde047}.bg-green-600{background-color:#16a34a}.bg-green-400{background-color:#4ade80}.bg-gray-400{background-color:#9ca3af}.text-gray-800{color:#1f2937}.text-white{color:#fff}.w-2{width:8px}.w-3{width:12px}.h-3{height:12px}.w-4{width:16px}.h-4{height:16px}.w-6{width:24px}.h-6{height:24px}.px-3{padding-left:12px;padding-right:12px}.opacity-75{opacity:.75}.bg-current{background-color:currentColor}.bg-gray-200{background-color:#e5e7eb}.rounded-full{border-radius:9999px}.h-2{height:8px}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.py-4{padding-bottom:16px;padding-top:16px}.py-1{padding-bottom:4px;padding-top:4px}.px-2{padding-left:8px;padding-right:8px}.text-2xl{font-size:24px;line-height:32px}.text-3xl{font-size:30px;line-height:36px}.text-lg{font-size:18px;line-height:28px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.p-6{padding:24px}.pt-4{padding-top:16px}.border-t{border-top-width:1px}.border-gray-200{border-color:#e5e7eb}.text-gray-900{color:#111827}.text-gray-400{color:#9ca3af}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}@media (min-width:640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.hover\\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.cursor-pointer{cursor:pointer}.text-right{text-align:right}.mt-3{margin-top:12px}.rounded-md{border-radius:6px}.p-3{padding:12px}.flex-1{flex:1 1}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.animate-spin{animation:spin 1s linear infinite}
/*# sourceMappingURL=main.2a5d42d9.css.map*/