:root{--background-color: #1e1e1e;--text-color: #e0e0e0;--primary-color: #0d6efd;--secondary-color: #6c757d;--inverse-color: #adb5bd;--yellow-color: #ffc107;--border-color: #343a40;--panel-background: #2c2c2c;--panel-text-color: #e0e0e0;--header-color: #ffffff;--breadcrumb-color: #e0e0e0;--breadcrumb-active-color: #cccccc;--button-default-bg: #343a40;--button-default-text: #e0e0e0;--button-hover-bg: #495057;--button-hover-text: #ffffff;--tooltip-bg: #495057;--tooltip-text: #ffffff;--accent-color: #0d6efd;--notification-bg: #ffc107;--notification-text: #212529;--success-color: #198754;--error-color: #dc3545;--info-color: #0dcaf0;--warning-color: #ffc107;--light-color: #f8f9fa;--dark-color: #343a40;--font-family: "Roboto", sans-serif}body{padding:20px;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);transition:background-color .3s,color .3s}.portal-header h1{margin-top:0;color:var(--header-color);font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.panel-default{background-color:var(--panel-background);border-color:var(--border-color);border-radius:10px;box-shadow:0 4px 12px #0000004d;transition:transform .3s,box-shadow .3s;padding:20px;margin-bottom:20px}.panel-default:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0006}.form-control{background-color:var(--panel-background);border-color:var(--border-color);color:var(--text-color);border-radius:5px}.form-control:focus{background-color:var(--panel-background);border-color:var(--primary-color);color:var(--text-color);box-shadow:0 0 0 .2rem #0d6efd40}.brand-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.brand-btn{padding:10px 20px;background-color:var(--button-default-bg);color:var(--button-default-text);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;transition:all .3s}.brand-btn:hover{background-color:var(--button-hover-bg);color:var(--button-hover-text)}.brand-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.condition-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.condition-checkbox{display:flex;align-items:center;color:var(--text-color);cursor:pointer;padding:5px}.condition-checkbox input[type=checkbox]{margin-right:8px}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--accent-color);border-color:var(--accent-color)}.left-nav{width:250px;background:var(--panel-background);padding-top:20px;border-right:1px solid var(--border-color)}.nav-item{padding:15px 20px;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-color);transition:background-color .3s}.nav-item:hover{background:var(--button-hover-bg);color:var(--button-hover-text);text-decoration:none}.nav-item.active{background:var(--primary-color);color:#fff}.device-selector{position:relative}.device-list{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--panel-background);border:1px solid var(--border-color);border-radius:5px;z-index:1000;margin-top:5px;box-shadow:0 4px 6px #0000001a;scrollbar-width:none;-ms-overflow-style:none}.device-list::-webkit-scrollbar{display:none}.device-item{padding:10px 15px;cursor:pointer;transition:background-color .2s;color:var(--text-color)}.device-item:hover{background-color:var(--button-hover-bg);color:var(--button-hover-text)}.device-item.selected{background-color:var(--primary-color);color:#fff}.app-navigation{background:var(--panel-background);padding:10px;margin-bottom:20px;border-radius:10px;display:flex;gap:10px}.nav-link{display:flex;align-items:center;gap:8px;padding:12px 20px;color:var(--text-color);text-decoration:none;border-radius:5px;transition:all .3s ease}.nav-link:hover{background:var(--button-hover-bg);color:var(--button-hover-text);text-decoration:none}.nav-link.active{background:var(--primary-color);color:#fff}.nav-link i{font-size:1.2em}.device-grid{margin-top:20px}.device-search{margin-bottom:15px}.device-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;max-height:400px;overflow-y:auto;padding:10px;scrollbar-width:none;-ms-overflow-style:none}.device-cards::-webkit-scrollbar{display:none}.device-card{background:var(--button-default-bg);color:var(--button-default-text);padding:15px;border-radius:8px;cursor:pointer;text-align:center;transition:all .3s ease;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;min-height:80px}.device-card:hover{background:var(--button-hover-bg);color:var(--button-hover-text);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.device-card.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0d6efd4d}.top-nav{position:fixed;top:0;right:0;padding:10px;z-index:1000}.nav-buttons{display:flex;gap:10px}.nav-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--panel-background);color:var(--text-color);text-decoration:none;border-radius:5px;transition:all .3s ease;border:1px solid var(--border-color);cursor:pointer}.nav-btn:hover{background:var(--button-hover-bg);color:var(--button-hover-text);text-decoration:none}.nav-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.nav-btn i{font-size:1.2em}.theme-toggle,.ai-toggle{min-width:45px;justify-content:center}.main-content{padding-top:60px}.left-nav{display:none}