@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base: #1a1a1a;--bg-surface: #1f1f1f;--bg-card: #242424;--bg-card-hover: #2a2a2a;--bg-input: #1c1c1c;--bg-modal: #09111f;--bg-overlay: rgba(5, 8, 15, .92);--border: rgba(180, 140, 60, .12);--border-hover: rgba(180, 140, 60, .25);--border-accent: rgba(201, 168, 76, .4);--border-glow: rgba(56, 189, 248, .5);--eagle-blue: #c9a84c;--eagle-blue-dim: rgba(56, 189, 248, .1);--eagle-blue-glow: rgba(56, 189, 248, .2);--eagle-cyan: #e8c96a;--eagle-green: #4ade80;--eagle-green-dim: rgba(74, 222, 128, .1);--eagle-amber: #fbbf24;--eagle-amber-dim: rgba(251, 191, 36, .1);--eagle-red: #f87171;--eagle-red-dim: rgba(248, 113, 113, .1);--eagle-purple: #c084fc;--eagle-purple-dim: rgba(192, 132, 252, .1);--eagle-orange: #fb923c;--text-primary: #f5edd6;--text-secondary: #a89060;--text-muted: #5a4a30;--text-accent: #c9a84c;--text-dim: #1e3a5f;--sidebar-w: 220px;--sidebar-w-sm: 60px;--header-h: 52px;--radius-sm: 5px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);line-height:1.5;overflow:hidden;height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(56,189,248,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.015) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--eagle-blue)}.app-layout{display:flex;height:100vh;overflow:hidden;position:relative;z-index:1}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;z-index:10}.sidebar-closed .sidebar{width:var(--sidebar-w-sm)}.sidebar:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--eagle-blue) 40%,var(--eagle-cyan) 60%,transparent 100%);opacity:.6}.sidebar__logo{display:flex;align-items:center;gap:10px;padding:16px 14px;border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.sidebar__logo-icon{width:34px;height:34px;background:linear-gradient(135deg,#1a1400,#3d2e00);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:0 0 16px #38bdf840,inset 0 1px #ffffff1a;border:1px solid rgba(56,189,248,.3)}.sidebar__logo-text{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:.12em;white-space:nowrap}.sidebar__logo-sub{font-size:9px;color:var(--eagle-blue);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;opacity:.8}.sidebar__gh-selector{padding:8px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar__gh-selector select{width:100%;background:var(--bg-input);border:1px solid var(--border-hover);color:var(--text-primary);padding:6px 8px;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font);cursor:pointer;outline:none}.sidebar__nav{flex:1;padding:6px 0;overflow-y:auto}.sidebar__nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 14px;background:none;border:none;border-left:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:13px;font-family:var(--font);text-align:left;white-space:nowrap;transition:all .15s;position:relative}.sidebar__nav-item:hover{color:var(--text-secondary);background:#38bdf80a;border-left-color:#38bdf84d}.sidebar__nav-item--active{color:var(--eagle-blue);background:var(--eagle-blue-dim);border-left-color:var(--eagle-blue)}.sidebar__nav-item--active .nav-icon{filter:drop-shadow(0 0 4px var(--eagle-blue))}.nav-icon{font-size:15px;flex-shrink:0;width:18px;text-align:center}.nav-label{font-size:12px;font-weight:500;letter-spacing:.02em}.sidebar__footer{padding:8px 10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.sidebar__version{font-size:9px;color:var(--text-dim);text-align:center;letter-spacing:.1em;padding:2px 0}.sidebar__logout{width:100%;background:none;border:1px solid var(--border);color:var(--text-muted);padding:6px;border-radius:var(--radius-sm);cursor:pointer;font-size:11px;font-family:var(--font);transition:all .15s;white-space:nowrap}.sidebar__logout:hover{border-color:#f8717166;color:var(--eagle-red);background:var(--eagle-red-dim)}.sidebar__toggle{background:none;border:1px solid var(--border);color:var(--text-muted);padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:10px;align-self:center;transition:all .15s}.sidebar__toggle:hover{border-color:var(--border-accent);color:var(--eagle-blue)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.main-header{height:var(--header-h);background:#080d18f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;z-index:5}.main-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--eagle-blue) 0%,var(--eagle-cyan) 30%,transparent 70%);opacity:.25}.main-header__left{display:flex;align-items:center;gap:12px}.main-header__title{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:7px;letter-spacing:.01em}.main-header__subtitle{font-size:10px;color:var(--eagle-blue);background:var(--eagle-blue-dim);border:1px solid rgba(56,189,248,.2);padding:2px 10px;border-radius:99px;letter-spacing:.06em;font-weight:500}.main-header__right{display:flex;align-items:center;gap:14px}.header-status{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--eagle-green);font-weight:600;letter-spacing:.08em}.header-status:before{content:"";width:5px;height:5px;background:var(--eagle-green);border-radius:50%;box-shadow:0 0 8px var(--eagle-green);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--eagle-green)}50%{opacity:.5;box-shadow:0 0 3px var(--eagle-green)}}.header-time{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:400}.page-content{flex:1;overflow-y:auto;padding:18px 20px}.stats-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .2s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(56,189,248,.03) 0%,transparent 60%);pointer-events:none}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.stat-card__icon{font-size:22px;width:38px;height:38px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__value{font-size:22px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-card__label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:3px;font-weight:500}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.card-section{margin-bottom:24px}.section-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.section-title .section-icon{font-size:12px}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border) 0%,transparent 100%)}.sensor-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:default}.sensor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--card-color, var(--eagle-blue));opacity:.7;transition:opacity .2s}.sensor-card:after{content:"";position:absolute;top:-30px;right:-30px;width:80px;height:80px;background:radial-gradient(circle,var(--card-color, var(--eagle-blue)) 0%,transparent 70%);opacity:.04;pointer-events:none;transition:opacity .2s}.sensor-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.sensor-card:hover:before{opacity:1}.sensor-card:hover:after{opacity:.08}.sensor-card--alarm{border-color:#f8717159!important;background:linear-gradient(135deg,rgba(248,113,113,.04) 0%,var(--bg-card) 50%)!important}.sensor-card--alarm:before{background:var(--eagle-red)!important;opacity:1!important;height:2px!important}.sensor-card--stale{opacity:.45}.sensor-card__header{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px}.sensor-card__icon{font-size:15px;width:30px;height:30px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sensor-card__meta{flex:1;min-width:0}.sensor-card__label{font-size:11px;font-weight:600;color:var(--text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.sensor-card__device{font-size:9px;color:var(--text-muted);margin-top:2px;letter-spacing:.02em}.sensor-card__alarm-badge{font-size:8px;background:#f871711f;color:var(--eagle-red);padding:2px 6px;border-radius:99px;border:1px solid rgba(248,113,113,.25);font-weight:700;letter-spacing:.08em;flex-shrink:0}.sensor-card__value{display:flex;align-items:baseline;gap:4px;margin-bottom:8px;line-height:1}.sensor-card__number{font-size:30px;font-weight:700;color:var(--card-color, var(--eagle-blue));font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-shadow:0 0 30px var(--card-color, var(--eagle-blue))}.sensor-card__unit{font-size:11px;color:var(--text-muted);font-weight:400;margin-bottom:3px}.sensor-card__footer{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--text-muted)}.sparkline{color:var(--card-color, var(--eagle-blue));opacity:.6;flex-shrink:0}.sensor-card__range{margin-top:8px}.sensor-card__range-bar{height:2px;background:#ffffff0d;border-radius:99px;overflow:hidden}.sensor-card__range-fill{height:100%;border-radius:99px;transition:width 1s cubic-bezier(.4,0,.2,1);background:var(--card-color, var(--eagle-blue));box-shadow:0 0 6px var(--card-color, var(--eagle-blue))}.sensor-card__range-labels{display:flex;justify-content:space-between;font-size:8px;color:var(--text-dim);margin-top:3px}.actuator-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;transition:all .2s;position:relative;overflow:hidden}.actuator-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border);transition:all .3s}.actuator-card--on{border-color:#4ade8040}.actuator-card--on:before{background:var(--card-color, var(--eagle-green));box-shadow:0 0 8px var(--card-color, var(--eagle-green));opacity:.9}.actuator-card--on:after{content:"";position:absolute;top:-40px;left:-40px;width:100px;height:100px;background:radial-gradient(circle,var(--card-color, var(--eagle-green)) 0%,transparent 70%);opacity:.04;pointer-events:none}.actuator-card:hover{border-color:var(--border-hover)}.actuator-card__header{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px}.actuator-card__icon{font-size:15px;width:30px;height:30px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.actuator-card--on .actuator-card__icon{border-color:#4ade804d;background:#4ade8014;box-shadow:0 0 10px #4ade801a}.actuator-card__meta{flex:1}.actuator-card__label{font-size:11px;font-weight:600;color:var(--text-secondary);display:block}.actuator-card__device{font-size:9px;color:var(--text-muted);margin-top:2px}.actuator-card__status{font-size:8px;font-weight:700;padding:2px 8px;border-radius:99px;border:1px solid var(--border);color:var(--text-muted);letter-spacing:.1em;flex-shrink:0;transition:all .3s}.actuator-card__status--on{background:#4ade8014;border-color:#4ade804d;color:var(--eagle-green);box-shadow:0 0 8px #4ade8026}.actuator-card__controls{display:flex;gap:6px}.actuator-card__timer{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.timer-label{font-size:9px;color:var(--text-muted);display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.1em}.timer-row{display:flex;gap:6px;margin-bottom:6px}.timer-input{flex:1}.timer-presets{display:flex;gap:4px;flex-wrap:wrap}.preset-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);padding:3px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:10px;font-family:var(--font);transition:all .15s}.preset-btn:hover{border-color:var(--eagle-blue);color:var(--eagle-blue)}.preset-btn--active{border-color:var(--eagle-blue);color:var(--eagle-blue);background:var(--eagle-blue-dim)}.btn-primary{background:linear-gradient(135deg,#7a6020,#c9a84c);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .15s;letter-spacing:.03em;box-shadow:0 1px 2px #0000004d,0 0 0 1px #38bdf833}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #38bdf840,0 0 0 1px #38bdf84d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary.btn-full{width:100%;padding:11px;font-size:13px}.btn-primary.btn-sm{padding:5px 12px;font-size:11px}.btn-secondary{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:7px 14px;font-size:12px;font-family:var(--font);cursor:pointer;transition:all .15s}.btn-secondary:hover{border-color:var(--eagle-blue);color:var(--eagle-blue);background:var(--eagle-blue-dim)}.btn-secondary.btn-sm{padding:4px 10px;font-size:11px}.btn-toggle{flex:1;padding:7px;background:var(--bg-input);border:1px solid var(--border-hover);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font);transition:all .15s;letter-spacing:.02em}.btn-toggle--on{background:#4ade8014;border-color:#4ade8059;color:var(--eagle-green)}.btn-toggle:disabled{opacity:.35;cursor:not-allowed}.btn-toggle-small{background:none;border:none;cursor:pointer;font-size:14px;padding:3px;opacity:.6;transition:opacity .15s}.btn-toggle-small:hover{opacity:1}.btn-icon{background:none;border:none;cursor:pointer;font-size:13px;padding:4px 6px;opacity:.5;transition:all .15s;border-radius:var(--radius-sm)}.btn-icon:hover{opacity:1;background:var(--bg-input)}.btn-icon--danger:hover{color:var(--eagle-red);opacity:1}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.form-group label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.form-hint{font-size:10px;color:var(--text-muted);line-height:1.5}.form-hint a{color:var(--eagle-blue);text-decoration:none}.form-hint a:hover{text-decoration:underline}.form-group--grow{flex:1}.form-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.form-row--checks{flex-wrap:wrap;gap:14px}.form-section{border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px;background:#080d1880;position:relative}.form-section:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent);opacity:.4}.form-section-title{font-size:10px;font-weight:700;margin-bottom:12px;color:var(--eagle-blue);text-transform:uppercase;letter-spacing:.1em}input,select,textarea{background:var(--bg-input);border:1px solid var(--border-hover);color:var(--text-primary);border-radius:var(--radius-sm);padding:7px 10px;font-size:12px;font-family:var(--font);width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--eagle-blue);box-shadow:0 0 0 2px #38bdf814}input[type=color]{padding:2px;height:34px;cursor:pointer}select option{background:var(--bg-card)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:auto;accent-color:var(--eagle-blue)}.activity-feed{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.activity-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);font-size:12px;transition:background .15s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#38bdf808}.activity-status{font-size:14px;flex-shrink:0}.activity-name{font-weight:600;font-size:11px;color:var(--text-secondary)}.activity-time{font-size:9px;color:var(--text-muted);margin-top:2px}.activity-duration{margin-left:auto;font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.scenario-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.scenario-list{display:flex;flex-direction:column;gap:6px}.scenario-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:all .15s}.scenario-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.scenario-item--inactive{opacity:.35}.scenario-item--running{border-left:2px solid var(--eagle-green);padding-left:12px}.scenario-item__name{font-size:12px;font-weight:600;margin-bottom:3px;color:var(--text-primary)}.scenario-item__summary{font-size:11px;color:var(--text-muted)}.scenario-item__last{font-size:9px;color:var(--text-dim);margin-top:3px}.scenario-item__right{display:flex;align-items:center;gap:6px;flex-shrink:0}.state-badge{font-size:8px;padding:2px 8px;border-radius:99px;border:1px solid;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.state-badge--idle{color:var(--text-muted);border-color:var(--border)}.state-badge--running{color:var(--eagle-green);border-color:#4ade804d;background:#4ade800f}.state-badge--error{color:var(--eagle-red);border-color:#f871714d;background:var(--eagle-red-dim)}.state-badge--paused{color:var(--eagle-amber);border-color:#fbbf244d;background:var(--eagle-amber-dim)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg-modal);border:1px solid var(--border-hover);border-radius:var(--radius-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #000000b3,0 0 0 1px #38bdf814,inset 0 1px #ffffff08}.scenario-modal{max-width:620px}.modal__header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal__header h2{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.modal__close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:15px;padding:2px 5px;border-radius:var(--radius-sm);transition:all .15s}.modal__close:hover{background:var(--bg-input);color:var(--text-primary)}.modal__body{padding:16px;overflow-y:auto;flex:1}.modal__footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.combination-condition{align-items:center}.condition-index{font-size:10px;font-weight:700;color:var(--text-dim);min-width:16px;text-align:center}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);position:relative;overflow:hidden}.login-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(56,189,248,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.015) 1px,transparent 1px);background-size:40px 40px}.login-page:after{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(56,189,248,.06) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.login-card{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-xl);padding:36px 30px;width:100%;max-width:340px;position:relative;z-index:1;box-shadow:0 25px 50px #0009,0 0 0 1px #38bdf80f,inset 0 1px #ffffff0a}.login-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--eagle-blue),var(--eagle-cyan),transparent);opacity:.5}.login-logo{text-align:center;margin-bottom:28px}.login-logo__icon{width:54px;height:54px;background:linear-gradient(135deg,#1a1400,#5a4010,#c9a84c);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px;box-shadow:0 0 30px #38bdf833,0 0 60px #38bdf814,inset 0 1px #ffffff1f;border:1px solid rgba(56,189,248,.25)}.login-logo__text{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:.2em;display:block}.login-logo__brand{font-size:8px;color:var(--eagle-blue);letter-spacing:.25em;text-transform:uppercase;display:block;margin-top:4px;opacity:.8}.login-logo__sub{font-size:11px;color:var(--text-muted);display:block;margin-top:6px}.login-error{color:var(--eagle-red);font-size:11px;text-align:center;margin-bottom:12px;padding:8px 12px;background:#f871710f;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm)}.empty-state{text-align:center;padding:60px 24px;color:var(--text-muted)}.empty-icon{font-size:36px;margin-bottom:12px;opacity:.3}.empty-state h3{font-size:13px;color:var(--text-secondary);margin-bottom:5px;font-weight:600}.empty-state p{font-size:11px;color:var(--text-muted)}.dashboard-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px;color:var(--text-muted);font-size:12px}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--eagle-blue);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.device-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.device-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden;transition:border-color .2s}.device-card:hover{border-color:var(--border-strong)}.device-card__header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border)}.device-card__title-row{display:flex;align-items:center;gap:10px}.device-card__name{font-size:13px;font-weight:600}.device-card__key{font-size:10px;color:var(--text-muted);background:var(--bg-input);padding:2px 8px;border-radius:99px;border:1px solid var(--border);font-family:monospace;letter-spacing:.03em}.device-dot{width:7px;height:7px;border-radius:50%;background:var(--eagle-red);flex-shrink:0}.device-dot--online{background:var(--eagle-green);box-shadow:0 0 6px var(--eagle-green);animation:pulse-dot 2s ease-in-out infinite}.pin-table{width:100%;border-collapse:collapse;font-size:12px}.pin-table th{text-align:left;padding:8px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-surface)}.pin-table td{padding:9px 14px;border-bottom:1px solid var(--border);color:var(--text-primary)}.pin-table tr:last-child td{border-bottom:none}.pin-table tr:hover td{background:var(--bg-card-hover)}.pin-table code{font-family:monospace;font-size:11px;color:var(--eagle-primary)}.dir-badge{font-size:10px;padding:2px 7px;border-radius:99px;border:1px solid;font-weight:700;letter-spacing:.05em}.dir-badge--input{color:var(--eagle-primary);border-color:#38bdf84d;background:var(--eagle-primary-dim)}.dir-badge--output{color:var(--eagle-amber);border-color:#f59e0b4d;background:var(--eagle-amber-dim)}.pin-add-form{padding:14px;background:var(--bg-surface);border-top:1px solid var(--border)}.pin-add-form h4{font-size:11px;margin-bottom:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.logs-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.log-table{width:100%;border-collapse:collapse;font-size:12px}.log-table th{text-align:left;padding:9px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-surface)}.log-table td{padding:9px 14px;border-bottom:1px solid var(--border)}.log-table tr:last-child td{border-bottom:none}.log-table tr:hover td{background:var(--bg-card-hover)}