.app-shell{min-height:100vh;padding:var(--space-5) clamp(1rem,3vw,3rem);padding-bottom:6rem}.app-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);flex-wrap:wrap}.brand-heading{display:flex;align-items:center;gap:var(--space-4);min-width:0}.brand-logo{width:clamp(44px,6vw,64px);height:auto;flex-shrink:0}.brand-label{margin:0;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-primary-dark);font-size:var(--text-xs)}.subtitle{margin:.3rem 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.global-message{margin:0 0 var(--space-4);padding:.85rem 1.1rem;border-radius:var(--radius-md);background:var(--color-success-soft);color:#0f6b3e;font-weight:600;font-size:var(--text-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.global-message button{background:transparent;border:none;color:inherit;font-weight:700;cursor:pointer;box-shadow:none;padding:.2rem .5rem;min-height:auto}.global-message.error{background:var(--color-danger-soft);color:var(--color-danger-dark)}.loading,.empty-state{font-weight:600;color:var(--color-text-muted)}.skeleton-title{height:1.1rem;width:40%;margin-bottom:var(--space-2)}.skeleton-line{height:.85rem;width:65%;margin-bottom:var(--space-2)}.skeleton-button{height:42px;width:100%;border-radius:var(--radius-pill)}.chevron{transition:transform var(--transition-base)}.chevron--open{transform:rotate(180deg)}.device-column{display:flex;flex-direction:column;gap:var(--space-4)}.device-row{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--transition-base)}.device-row:has(.inline-button:hover){box-shadow:var(--shadow-md)}.device-row__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.device-row__title{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex-wrap:wrap}.device-card__mac{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-faint);margin:.25rem 0 0}.device-row__message{font-size:var(--text-sm);color:var(--color-primary-dark);font-weight:600}.device-row__buttons{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center}.inline-button{border-radius:var(--radius-pill);min-width:140px;text-align:center}.inline-button--pressed{transform:scale(.97);box-shadow:inset 0 4px 12px #00000040!important}.device-row__empty{color:var(--color-text-faint)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-5)}.settings-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.settings-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.settings-card__title{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.device-name-input{border-radius:var(--radius-sm);font-size:var(--text-lg);font-weight:700}.relay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.relay-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-muted);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.relay-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap}.relay-card__header h3{font-size:var(--text-base);margin-right:auto}.toggle{position:relative;display:inline-flex;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5f5;border-radius:var(--radius-pill);transition:background var(--transition-base)}.toggle__slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform var(--transition-base)}.toggle input:checked+.toggle__slider{background:var(--gradient-primary)}.toggle input:checked+.toggle__slider:before{transform:translate(18px)}.badge{padding:.3rem .85rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.badge--admin{background:var(--color-primary-soft);color:var(--color-primary-dark)}.badge--member{background:#94a3b833;color:var(--color-text-muted)}.badge--suspended{background:var(--color-warning-soft);color:var(--color-warning-dark)}.badge--error{background:var(--color-danger-soft);color:var(--color-danger-dark)}.badge--denied{background:var(--color-warning-soft);color:var(--color-warning-dark)}.suspended-notice{border:1px solid rgba(217,119,6,.3);border-radius:var(--radius-md);background:var(--color-warning-soft);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.suspended-notice__title{display:flex;align-items:center;gap:var(--space-2);color:var(--color-warning-dark);font-weight:700}.suspended-notice p{margin:0;color:var(--color-text);font-size:var(--text-sm)}.suspended-notice a{color:var(--color-warning-dark);font-weight:700}.device-card__message{margin:0;padding:.8rem 1rem;border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-text);font-weight:500;font-size:var(--text-sm)}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.control-button{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface-muted)}.control-button--disabled{opacity:.6}.control-button__header{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-muted)}.control-button__meta{margin:0;font-size:var(--text-sm);color:var(--color-text-faint);overflow-wrap:anywhere}.card-form{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-muted);min-width:0}.card-form h3{margin-top:0;margin-bottom:var(--space-3);font-size:var(--text-base)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.checkbox{display:flex;align-items:center;gap:var(--space-2);font-weight:500}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.day-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.day-chip{padding:.4rem .8rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);font-weight:600;font-size:var(--text-sm);min-height:auto;box-shadow:none}.day-chip:hover:not(:disabled){border-color:var(--color-primary-light);color:var(--color-primary-dark);transform:none;box-shadow:none}.day-chip--active{background:var(--gradient-primary);color:var(--color-text-on-accent);border-color:transparent}.field-hint{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.field-hint--warning{color:var(--color-danger);font-weight:600}.automation-card__meta-row{display:flex;flex-wrap:wrap;gap:.3rem .75rem}.user-list{list-style:none;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.user-list li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:.55rem .85rem;border-radius:var(--radius-sm);background:var(--color-surface);min-width:0}.user-list li>span{overflow-wrap:anywhere;min-width:0}.inline-form{display:flex;gap:var(--space-2);flex-wrap:wrap}.inline-form input{flex:1;min-width:160px}.search-field{flex-direction:row;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:0 .75rem;background:var(--color-surface);margin-bottom:var(--space-3);color:var(--color-text-faint);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-field:focus-within{border-color:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-soft)}.search-field input{flex:1;min-width:0;border:none;background:transparent;padding:.6rem 0;min-height:auto}.search-field input:focus{outline:none;box-shadow:none}.search-field input[type=search]::-webkit-search-cancel-button{cursor:pointer}.history-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:240px;overflow-y:auto;overflow-x:hidden}.history-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:.3rem .6rem;padding:.55rem .7rem;border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm)}.history-label{font-weight:600;overflow-wrap:anywhere;min-width:0}.history-user{color:var(--color-text-muted)}.history-date{color:var(--color-text-faint);font-size:var(--text-xs);white-space:nowrap}@media(max-width:420px){.history-list li{grid-template-columns:minmax(0,1fr);gap:.15rem}}.settings-footer{margin-top:var(--space-5);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3, 12px)}.settings-footer button{width:100%;max-width:320px}.super-admin-nav{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-5)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.status-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.6rem;min-width:0;cursor:pointer;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.status-card:hover,.status-card:focus-visible{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);outline:none}.status-card__hint{margin:0;color:var(--color-text-faint);font-size:var(--text-xs)}.status-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.status-card__title{min-width:0}.status-card__mac{margin:0;color:var(--color-text-faint);font-size:var(--text-sm);font-family:var(--font-mono)}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--color-success);animation:pulse-ring 2s var(--ease) infinite}.status-dot.offline{background:var(--color-danger);box-shadow:0 0 0 4px var(--color-danger-soft)}.status-card__admin,.status-card__ping{margin:0;color:var(--color-text);font-size:var(--text-sm)}.status-card__payload{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);padding:.6rem;border-radius:var(--radius-sm);background:#0f172a;color:#e6ebf5;max-height:120px;overflow:auto;white-space:pre-wrap}.super-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-5)}.super-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.super-form{display:flex;flex-direction:column;gap:var(--space-3)}.super-form.inline{border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-3)}.super-form button{align-self:flex-start}.super-user-list{display:flex;flex-direction:column;gap:var(--space-4);max-height:70vh;overflow:auto}.super-user-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface-muted)}.super-user-card__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:var(--color-text-muted);gap:var(--space-2)}.super-user-card__devices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.super-user-card__devices li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);flex-wrap:wrap}.super-user-card__devices small{color:var(--color-text-faint);font-family:var(--font-mono);margin-right:auto}.super-user-card__empty{color:var(--color-text-faint)}.activity-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:var(--space-3)}.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.activity-day{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:capitalize}.activity-group:first-child .activity-day{margin-top:0}.activity-item{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);min-width:0}.activity-item--error{border-color:#dc262640}.activity-item--denied{border-color:#d977064d}.activity-item__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-dark)}.activity-item--error .activity-item__icon{background:var(--color-danger-soft);color:var(--color-danger-dark)}.activity-item--denied .activity-item__icon{background:var(--color-warning-soft);color:var(--color-warning-dark)}.activity-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.activity-item__body p{margin:0;overflow-wrap:anywhere}.activity-item__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-weight:600}.activity-item__details{font-size:var(--text-sm);color:var(--color-text-muted)}.activity-item__error{font-size:var(--text-sm);color:var(--color-danger-dark)}.activity-item__meta{display:flex;flex-wrap:wrap;gap:.2rem var(--space-3);font-size:var(--text-xs);color:var(--color-text-faint)}.activity-item__meta span:first-child{color:var(--color-text-muted);font-weight:600}.activity-item__meta small{font-family:var(--font-mono)}.activity-more{align-self:center}.popup-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4)}.popup-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);max-width:360px;width:100%;text-align:center;box-shadow:var(--shadow-lg);border-top:4px solid var(--color-primary)}.popup-card--error{border-top-color:var(--color-danger)}.popup-card--info{border-top-color:var(--color-success)}.popup-card p{margin-top:0;margin-bottom:var(--space-4);font-weight:600}.modal-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);max-width:440px;width:100%;max-height:min(80vh,640px);display:flex;flex-direction:column;gap:var(--space-3);text-align:left;box-shadow:var(--shadow-lg)}.modal-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.modal-card__header h2{font-size:var(--text-lg)}.modal-card__close{background:transparent;border:none;color:var(--color-text-faint);box-shadow:none;padding:.3rem;min-height:auto;flex-shrink:0}.modal-card__close:hover:not(:disabled){color:var(--color-text);transform:none;box-shadow:none}.modal-card__body{overflow-y:auto}.bottom-nav{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);transform:translate(-50%);width:min(420px,calc(100% - 2rem));background:#0f172aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.4rem;display:flex;gap:.3rem;z-index:40}.bottom-nav__btn{flex:1;border-radius:var(--radius-md);border:none;padding:.6rem .5rem;font-weight:600;font-size:var(--text-xs);flex-direction:column;gap:.2rem;cursor:pointer;color:#94a3b8;background:transparent;box-shadow:none;min-height:auto}.bottom-nav__btn.active{background:var(--gradient-primary);color:#fff}.tab-btn{border-radius:var(--radius-btn);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);font-weight:600;box-shadow:0 1px 2px #0f172a0a}.tab-btn:not(.active):hover:not(:disabled){border-color:var(--color-primary-light);color:var(--color-primary-dark)}.tab-btn.active{background:var(--gradient-primary);color:var(--color-text-on-accent);border-color:transparent}.app-header h1{font-size:var(--text-xl)}.auth-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:linear-gradient(160deg,#0f172a,#1e293b 60%,#1d3a6e)}.auth-card{width:min(420px,100%);padding:clamp(1.75rem,5vw,2.5rem);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.auth-card h1{margin:0;font-size:var(--text-xl);text-align:center}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:var(--space-4)}.auth-logo{width:min(96px,40%);height:auto}.auth-brand__label{margin:0;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-primary);font-size:var(--text-xs)}.auth-subtitle{margin:.5rem 0 1.5rem;color:var(--color-text-muted);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form>button[type=submit]{width:100%;margin-top:var(--space-1)}.auth-switch{margin:0;text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.auth-switch button{background:none;border:none;color:var(--color-primary);font-weight:700;cursor:pointer;padding:0;font-size:inherit;box-shadow:none;min-height:auto}.form-error{margin:0;color:var(--color-danger);font-weight:600;font-size:var(--text-sm)}.form-hint{margin:0 0 var(--space-3, 12px);color:var(--color-text-muted, #64748b);font-size:var(--text-sm);line-height:1.5}.super-user-card__badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:var(--text-xs, 12px);font-weight:600;color:var(--color-danger);border:1px solid currentColor}@media(max-width:640px){.app-shell{padding:var(--space-4) var(--space-3);padding-bottom:4.75rem}.app-header{flex-direction:column;align-items:stretch;padding:var(--space-4)}.header-actions{width:100%;justify-content:space-between}.settings-card{padding:var(--space-4)}.bottom-nav{bottom:calc(env(safe-area-inset-bottom,0px) + 8px);padding:.25rem;gap:.2rem}.bottom-nav__btn{flex-direction:row;padding:.45rem .4rem;gap:.35rem;font-size:.72rem}.bottom-nav__btn svg{width:15px;height:15px}button.btn-sm{flex:1 1 auto}}:root{--color-bg: #f3f5fa;--color-bg-strong: #e7ebf5;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-surface-sunken: #eef1f8;--color-border: rgba(15, 23, 42, .09);--color-border-strong: rgba(15, 23, 42, .16);--color-text: #0f172a;--color-text-muted: #55617a;--color-text-faint: #94a3b8;--color-text-on-accent: #ffffff;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #3b82f6;--color-primary-soft: rgba(37, 99, 235, .12);--color-danger: #dc2626;--color-danger-dark: #b91c1c;--color-danger-soft: rgba(220, 38, 38, .1);--color-success: #16a34a;--color-success-soft: rgba(22, 163, 74, .12);--color-warning: #d97706;--color-warning-dark: #b45309;--color-warning-soft: rgba(217, 119, 6, .12);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-btn: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 6px rgba(15, 23, 42, .05);--shadow-md: 0 8px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 44px rgba(15, 23, 42, .16);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--text-xs: .72rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.02rem;--text-xl: 1.15rem;--text-2xl: 1.4rem;--ease: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease);--transition-base: .2s var(--ease);font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1100px 480px at 50% -12%,rgba(37,99,235,.07),transparent 60%),var(--color-bg)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.25;font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}h4,h5,h6{font-size:var(--text-sm)}p{margin:0 0 var(--space-2)}small{font-size:var(--text-xs)}button{appearance:none;border-radius:var(--radius-btn);border:none;padding:.65rem 1.2rem;font-weight:600;font-size:var(--text-sm);font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);background:var(--gradient-primary);color:var(--color-text-on-accent);box-shadow:0 1px 2px #0f172a0d,0 6px 14px #2563eb38;min-height:42px}button svg{flex-shrink:0}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0f172a0f,0 10px 20px #2563eb42}button:active:not(:disabled){transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}button.ghost{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:0 1px 2px #0f172a0a}button.ghost:hover:not(:disabled){border-color:var(--color-primary-light);color:var(--color-primary-dark);box-shadow:0 4px 12px #0f172a14}button.danger{background:var(--color-danger);box-shadow:0 1px 2px #0f172a0d,0 6px 14px #dc262633}button.danger:hover:not(:disabled){box-shadow:0 2px 4px #0f172a0f,0 10px 20px #dc262642}button.ghost.danger{background:var(--color-surface);color:var(--color-danger);border-color:#dc262659;box-shadow:0 1px 2px #0f172a0a}button.ghost.danger:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger-dark)}button.warning{background:var(--color-warning);box-shadow:0 1px 2px #0f172a0d,0 6px 14px #d9770638}button.warning:hover:not(:disabled){box-shadow:0 2px 4px #0f172a0f,0 10px 20px #d9770647}button.ghost.warning{background:var(--color-surface);color:var(--color-warning-dark);border-color:#d9770659;box-shadow:0 1px 2px #0f172a0a}button.ghost.warning:hover:not(:disabled){background:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning-dark)}button.btn-sm{padding:.35rem .75rem;font-size:var(--text-xs);min-height:32px;border-radius:var(--radius-sm);box-shadow:none}button.btn-sm:hover:not(:disabled){box-shadow:none}label{display:flex;flex-direction:column;font-weight:600;font-size:var(--text-sm);color:var(--color-text);gap:.35rem}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);padding:.65rem .9rem;font-size:var(--text-base);font-family:inherit;color:var(--color-text);transition:border var(--transition-fast),box-shadow var(--transition-fast);background:var(--color-surface);min-height:42px}select{appearance:none;padding-right:2.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2355617a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;cursor:pointer}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-soft)}input::placeholder,textarea::placeholder{color:var(--color-text-faint)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-sunken) 25%,rgba(255,255,255,.9) 50%,var(--color-surface-sunken) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #16a34a73}to{box-shadow:0 0 0 8px #16a34a00}}@media(prefers-reduced-motion:reduce){.skeleton,.status-dot.online{animation:none!important}*{transition-duration:.01ms!important}}