src/assets/styles/colors.css :root{--denim: #0e65b4;--iron: #caced2;--gray: #929292;--curious-blue: #2da1db;--tundora: #4e4e4e;--seagull: #76c1e6;--silver-chalice: #acacac;--boulder: #747474;--dove-gray: #666666;--congress-blue: #044c9c;--black: #000000;--rich-black: #001021;--blue-overlay: rgba(14,101,180,.1)}:root{--denim: #0e65b4;--iron: #caced2;--gray: #929292;--curious-blue: #2da1db;--tundora: #4e4e4e;--seagull: #76c1e6;--silver-chalice: #acacac;--boulder: #747474;--dove-gray: #666666;--congress-blue: #044c9c}#app{font-family:Arial,sans-serif;color:var(--tundora)}.navbar{background-color:var(--denim);padding:1rem}.nav-links{display:flex;gap:1rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;transition:background-color .3s ease}.nav-link:hover{background-color:var(--congress-blue);border-radius:4px}.router-link-active{background-color:var(--curious-blue);border-radius:4px}.main-content{padding:2rem}.connection-status-widget[data-v-efaae110]{background:var(--rich-black);border-radius:12px;padding:1.5rem;color:#fff;box-shadow:0 4px 6px var(--black-overlay)}.widget-header[data-v-efaae110]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.widget-title[data-v-efaae110]{color:var(--seagull);font-size:1.25rem;font-weight:600;margin:0}.status-indicator[data-v-efaae110]{display:flex;align-items:center;padding:.5rem 1rem;border-radius:4px;background-color:var(--black-overlay);color:#f44;transition:color .3s ease}.status-indicator.connected[data-v-efaae110]{color:#00c851}.status-text[data-v-efaae110]{font-weight:700}.connection-details[data-v-efaae110]{margin-left:.5rem;font-size:.8rem;color:var(--iron)}.status-grid[data-v-efaae110]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.status-card[data-v-efaae110]{background:var(--black-overlay);border-radius:8px;padding:1.25rem;display:flex;align-items:center;transition:transform .3s ease}.status-card[data-v-efaae110]:hover{transform:translateY(-2px)}.status-icon[data-v-efaae110]{background:var(--blue-overlay);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.status-icon i[data-v-efaae110]{font-size:1.5rem}.active .status-icon[data-v-efaae110]{color:var(--curious-blue)}.inactive .status-icon[data-v-efaae110]{color:var(--iron)}.never .status-icon[data-v-efaae110]{color:var(--gray)}.status-info[data-v-efaae110]{flex:1}.status-count[data-v-efaae110]{font-size:1.5rem;font-weight:700;color:#fff}.status-label[data-v-efaae110]{font-size:.875rem;color:var(--iron);margin-top:.25rem}@media (max-width: 768px){.widget-header[data-v-efaae110]{flex-direction:column;align-items:flex-start}.status-indicator[data-v-efaae110]{margin-top:1rem;width:100%;justify-content:space-between}.status-grid[data-v-efaae110]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.status-grid[data-v-efaae110]{grid-template-columns:1fr}}.dashboard-view[data-v-edb6859a]{padding:20px}.dashboard-title[data-v-edb6859a]{color:var(--primary);font-size:1.5rem;margin-bottom:20px}.dashboard-grid[data-v-edb6859a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:16px}.status-message[data-v-edb6859a]{padding:1rem;margin:1rem 0;border-radius:8px;text-align:center}.loading[data-v-edb6859a]{background-color:var(--blue-overlay);color:var(--curious-blue)}.error[data-v-edb6859a]{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.info[data-v-edb6859a]{background-color:var(--black-overlay);color:var(--iron)}.debug-panel[data-v-edb6859a]{margin-top:20px;padding:1rem;background:var(--rich-black);color:var(--seagull);border-radius:8px;font-family:monospace}.debug-panel pre[data-v-edb6859a]{margin:.5rem 0}.devices-view[data-v-b7f0916b]{padding:20px;background-color:#f5f5f5}.header[data-v-b7f0916b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.title-section[data-v-b7f0916b]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.title[data-v-b7f0916b]{color:var(--denim);margin:0;display:flex;align-items:center;gap:10px}.device-count[data-v-b7f0916b]{font-size:.7em;color:var(--boulder);font-weight:400}.search-bar[data-v-b7f0916b]{position:relative;min-width:250px}.search-input[data-v-b7f0916b]{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--iron);background-color:#fff;color:var(--boulder);font-size:.9em;transition:all .3s ease}.search-input[data-v-b7f0916b]:focus{outline:none;border-color:var(--curious-blue);box-shadow:0 0 0 2px #2da1db33}.search-input[data-v-b7f0916b]::placeholder{color:var(--silver-chalice)}.controls-section[data-v-b7f0916b]{display:flex;gap:20px;align-items:center}.sort-controls[data-v-b7f0916b]{display:flex;gap:10px;flex-wrap:wrap}.sort-select[data-v-b7f0916b]{padding:8px 12px;border-radius:6px;border:1px solid var(--iron);background-color:#fff;color:var(--boulder);font-size:.9em;cursor:pointer;transition:all .3s ease;min-width:200px}.sort-select[data-v-b7f0916b]:hover{border-color:var(--curious-blue)}.sort-select[data-v-b7f0916b]:focus{outline:none;border-color:var(--curious-blue);box-shadow:0 0 0 2px #2da1db33}.add-button[data-v-b7f0916b]{padding:8px 16px;background-color:var(--curious-blue);color:#fff;border:none;border-radius:6px;font-size:.9em;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-button[data-v-b7f0916b]:hover{background-color:var(--denim)}.devices-grid[data-v-b7f0916b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.device-card[data-v-b7f0916b]{background:linear-gradient(135deg,#fff,var(--iron));border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:1px solid var(--iron)}.device-card[data-v-b7f0916b]:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0e65b426;background:linear-gradient(135deg,#fff,var(--seagull))}.device-number[data-v-b7f0916b]{font-size:1.4em;font-weight:700;margin-bottom:10px;color:var(--denim);text-shadow:1px 1px 1px rgba(0,0,0,.1)}.device-number.long-text[data-v-b7f0916b]{font-size:1.1em}.device-ident[data-v-b7f0916b]{font-size:1em;margin:4px 0;color:var(--curious-blue)}.device-ident.long-text[data-v-b7f0916b]{font-size:.9em}.device-groups[data-v-b7f0916b]{font-size:1em;margin:4px 0;padding:4px 8px;color:var(--curious-blue);background-color:#2da1db1a;border-radius:4px}.device-last-active[data-v-b7f0916b],.device-position[data-v-b7f0916b]{font-size:1em;margin:4px 0;color:var(--dove-gray)}.maps-link[data-v-b7f0916b]{display:inline-block;margin-top:4px;color:var(--curious-blue);text-decoration:none;font-size:.9em}.maps-link[data-v-b7f0916b]:hover{text-decoration:underline}.modal-overlay[data-v-b7f0916b]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content[data-v-b7f0916b]{background:linear-gradient(135deg,#fff,#f8f9fa);padding:30px;border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 25px #0000001a;border:1px solid rgba(255,255,255,.8)}.device-form[data-v-b7f0916b]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-b7f0916b]{display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,.7);padding:15px;border-radius:8px;transition:all .3s ease}.form-group[data-v-b7f0916b]:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}.form-group label[data-v-b7f0916b]{color:var(--boulder);font-size:.9em;font-weight:500}.form-control[data-v-b7f0916b]{padding:10px 14px;border-radius:8px;border:1px solid var(--iron);font-size:.9em;transition:all .3s ease;background:white}.form-control[data-v-b7f0916b]:focus{outline:none;border-color:var(--curious-blue);box-shadow:0 0 0 3px #2da1db26}.form-actions[data-v-b7f0916b]{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.cancel-button[data-v-b7f0916b],.submit-button[data-v-b7f0916b]{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.cancel-button[data-v-b7f0916b]{background-color:var(--iron);color:var(--boulder)}.submit-button[data-v-b7f0916b]{background-color:var(--curious-blue);color:#fff}.cancel-button[data-v-b7f0916b]:hover{background-color:var(--silver-chalice);transform:translateY(-2px)}.submit-button[data-v-b7f0916b]:hover{background-color:var(--denim);transform:translateY(-2px)}[data-v-b7f0916b]:root{--denim: #0e65b4;--iron: #caced2;--gray: #929292;--curious-blue: #2da1db;--tundora: #4e4e4e;--seagull: #76c1e6;--silver-chalice: #acacac;--boulder: #747474;--dove-gray: #666666;--congress-blue: #044c9c}@media (max-width: 768px){.header[data-v-b7f0916b]{flex-direction:column;align-items:stretch}.title-section[data-v-b7f0916b]{flex-direction:column;align-items:flex-start}.search-bar[data-v-b7f0916b]{width:100%}.controls-section[data-v-b7f0916b]{flex-direction:column;width:100%}.add-button[data-v-b7f0916b]{width:100%}.modal-content[data-v-b7f0916b]{margin:20px;max-height:90vh;overflow-y:auto}}.user-list[data-v-9d207f60]{padding:20px;background-color:var(--affortech-white)}.user-list__header[data-v-9d207f60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-list__header h2[data-v-9d207f60]{color:var(--affortech-primary);font-weight:600;margin:0}.search-input[data-v-9d207f60]{padding:8px;border:1px solid var(--affortech-gray-lightest);border-radius:4px;min-width:250px;color:var(--affortech-gray-darkest)}.add-btn[data-v-9d207f60]{padding:8px 16px;border:none;border-radius:4px;background-color:var(--affortech-primary);color:var(--affortech-white);cursor:pointer;transition:background-color .3s ease}.add-btn[data-v-9d207f60]:hover{background-color:var(--affortech-primary-dark)}.users-grid[data-v-9d207f60]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.user-card[data-v-9d207f60]{border:1px solid var(--affortech-gray-lightest);border-radius:8px;padding:15px;background:var(--affortech-white);transition:box-shadow .3s ease}.user-card[data-v-9d207f60]:hover{box-shadow:0 2px 8px #0e65b41a}.user-card__header[data-v-9d207f60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.user-card__header h3[data-v-9d207f60]{color:var(--affortech-primary);margin:0}.user-card__info[data-v-9d207f60]{margin-bottom:15px}.info-item[data-v-9d207f60]{display:flex;justify-content:space-between;margin-bottom:8px}.info-item__label[data-v-9d207f60]{color:var(--affortech-gray-dark)}.info-item__value[data-v-9d207f60]{color:var(--affortech-gray-darkest)}.info-item__value.active[data-v-9d207f60]{color:var(--affortech-success)}.user-card__quick-actions[data-v-9d207f60]{display:flex;gap:10px}.user-card__quick-actions button[data-v-9d207f60]{flex:1;padding:8px 16px;border:1px solid var(--affortech-primary);border-radius:4px;background:var(--affortech-white);color:var(--affortech-primary);cursor:pointer;transition:all .3s ease}.user-card__quick-actions button[data-v-9d207f60]:hover{background-color:var(--affortech-primary);color:var(--affortech-white)}.modal[data-v-9d207f60]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.modal__content[data-v-9d207f60]{background:var(--affortech-white);padding:20px;border-radius:8px;min-width:400px;box-shadow:0 4px 12px #0e65b426}.modal__content h3[data-v-9d207f60]{color:var(--affortech-primary);margin-top:0}.form-group[data-v-9d207f60]{margin-bottom:15px}.form-group label[data-v-9d207f60]{display:block;margin-bottom:5px;color:var(--affortech-gray-dark)}.form-group input[data-v-9d207f60],.form-group select[data-v-9d207f60]{width:100%;padding:8px;border:1px solid var(--affortech-gray-lightest);border-radius:4px;color:var(--affortech-gray-darkest)}.form-group input[data-v-9d207f60]:focus,.form-group select[data-v-9d207f60]:focus{border-color:var(--affortech-primary-light);outline:none}.modal__actions[data-v-9d207f60]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}button[data-v-9d207f60]{padding:8px 16px;border:1px solid var(--affortech-gray-lightest);border-radius:4px;background:var(--affortech-white);color:var(--affortech-gray-dark);cursor:pointer;transition:all .3s ease}button[data-v-9d207f60]:hover{border-color:var(--affortech-primary);color:var(--affortech-primary)}button.primary[data-v-9d207f60]{background:var(--affortech-primary);color:var(--affortech-white);border:none}button.primary[data-v-9d207f60]:hover{background:var(--affortech-primary-dark)}.no-users[data-v-9d207f60]{text-align:center;padding:20px;color:var(--affortech-gray-dark)}.notification-list[data-v-cf831897]{padding:20px;background-color:var(--affortech-white)}.notification-list__header[data-v-cf831897]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.notification-list__header h2[data-v-cf831897]{color:var(--affortech-primary);font-weight:600;margin:0}.notification-list__actions[data-v-cf831897]{display:flex;gap:10px}.search-input[data-v-cf831897]{padding:8px;border:1px solid var(--affortech-gray-lightest);border-radius:4px;min-width:250px;color:var(--affortech-gray-darkest)}.status-filter[data-v-cf831897]{padding:8px;border:1px solid var(--affortech-gray-lightest);border-radius:4px;color:var(--affortech-gray-darkest)}.notifications-grid[data-v-cf831897]{display:grid;gap:15px}.notification-card[data-v-cf831897]{background:var(--affortech-white);border:1px solid var(--affortech-gray-lightest);border-radius:8px;padding:15px;transition:box-shadow .3s ease}.notification-card[data-v-cf831897]:hover{box-shadow:0 2px 8px #0e65b41a}.notification-card.status-delivered[data-v-cf831897]{border-left:4px solid var(--affortech-success)}.notification-card.status-failed[data-v-cf831897]{border-left:4px solid var(--affortech-error)}.notification-card.status-skipped[data-v-cf831897]{border-left:4px solid var(--affortech-warning)}.notification-card__header[data-v-cf831897]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.notification-status[data-v-cf831897]{padding:4px 8px;border-radius:4px;font-size:.9em}.status-delivered .notification-status[data-v-cf831897]{background:var(--affortech-success-light);color:var(--affortech-success)}.status-failed .notification-status[data-v-cf831897]{background:var(--affortech-error-light);color:var(--affortech-error)}.status-skipped .notification-status[data-v-cf831897]{background:var(--affortech-warning-light);color:var(--affortech-warning)}.notification-time[data-v-cf831897]{color:var(--affortech-gray-dark);font-size:.9em}.notification-info[data-v-cf831897]{display:flex;justify-content:space-between;margin-bottom:8px}.notification-info__label[data-v-cf831897]{color:var(--affortech-gray-dark)}.notification-info__value[data-v-cf831897]{color:var(--affortech-gray-darkest)}.notification-card__message[data-v-cf831897]{margin:10px 0;padding:10px;background:var(--affortech-gray-lightest);border-radius:4px}.message-content[data-v-cf831897]{color:var(--affortech-gray-darkest);font-size:.95em}.notification-card__error[data-v-cf831897]{margin-top:10px;padding:10px;background:var(--affortech-error-light);border-radius:4px}.error-details[data-v-cf831897]{display:flex;gap:8px}.error-label[data-v-cf831897]{color:var(--affortech-error);font-weight:500}.error-text[data-v-cf831897]{color:var(--affortech-error)}.notification-card__actions[data-v-cf831897]{margin-top:15px;display:flex;justify-content:flex-end}.details-btn[data-v-cf831897]{padding:6px 12px;border:1px solid var(--affortech-primary);border-radius:4px;background:var(--affortech-white);color:var(--affortech-primary);cursor:pointer;transition:all .3s ease}.details-btn[data-v-cf831897]:hover{background:var(--affortech-primary);color:var(--affortech-white)}.modal[data-v-cf831897]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.modal__content[data-v-cf831897]{background:var(--affortech-white);padding:20px;border-radius:8px;min-width:500px;max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 12px #0e65b426}.modal__content h3[data-v-cf831897]{color:var(--affortech-primary);margin-top:0}.details-content[data-v-cf831897]{margin:15px 0;padding:15px;background:var(--affortech-gray-lightest);border-radius:4px;overflow-x:auto}.details-content pre[data-v-cf831897]{margin:0;font-family:monospace;font-size:.9em;color:var(--affortech-gray-darkest)}.modal__actions[data-v-cf831897]{display:flex;justify-content:flex-end;margin-top:15px}.no-notifications[data-v-cf831897]{text-align:center;padding:40px;color:var(--affortech-gray-dark);font-size:1.2em}.device-config-view[data-v-f5c939f6]{padding:20px}.config-title[data-v-f5c939f6]{color:var(--denim);font-size:1.5rem;margin-bottom:20px}.config-panel[data-v-f5c939f6]{display:flex;flex-direction:column;gap:20px}.device-selector[data-v-f5c939f6]{margin-bottom:20px}.device-select[data-v-f5c939f6]{width:100%;padding:8px;border-radius:4px;border:1px solid var(--iron)}.config-sections[data-v-f5c939f6]{display:flex;flex-direction:column;gap:20px}.device-info-panel[data-v-f5c939f6]{background:white;padding:16px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tabs-container[data-v-f5c939f6]{background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.tabs[data-v-f5c939f6]{display:flex;gap:1px;background:var(--iron);padding:1px;border-bottom:1px solid var(--iron)}.tab-button[data-v-f5c939f6]{padding:12px 24px;border:none;background:white;color:var(--tundora);cursor:pointer;flex:1;transition:all .3s ease}.tab-button.active[data-v-f5c939f6]{background:var(--denim);color:#fff}.tab-content[data-v-f5c939f6]{padding:20px}.settings-grid[data-v-f5c939f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.setting-card[data-v-f5c939f6]{background:white;border:1px solid var(--iron);border-radius:4px;padding:16px}.setting-card h4[data-v-f5c939f6]{color:var(--denim);margin:0 0 12px}.setting-value[data-v-f5c939f6]{margin:12px 0}.setting-actions[data-v-f5c939f6]{display:flex;gap:8px;margin-top:12px}.setting-actions button[data-v-f5c939f6]{padding:8px 16px;border:none;border-radius:4px;background:var(--denim);color:#fff;cursor:pointer;transition:all .3s ease}.setting-actions button[data-v-f5c939f6]:hover:not(:disabled){background:var(--congress-blue)}.setting-actions button[data-v-f5c939f6]:disabled{background:var(--iron);cursor:not-allowed}.status-message[data-v-f5c939f6]{padding:16px;border-radius:4px;text-align:center}.loading[data-v-f5c939f6]{background:var(--seagull);color:var(--denim)}.error[data-v-f5c939f6]{background:#ffebee;color:#c62828}.info[data-v-f5c939f6]{background:var(--iron);color:var(--tundora)}.command-description[data-v-f5c939f6]{color:var(--boulder);font-size:.9em;margin:8px 0}.debug-panel[data-v-f5c939f6]{margin-top:20px;padding:16px;background:#f5f5f5;border-radius:4px;font-family:monospace}.debug-panel pre[data-v-f5c939f6]{margin:4px 0;color:var(--tundora)}