:root{--device-bg:#030712;--device-card:#0f172a;--device-border:#94a3b833;--device-muted:#94a3b8;--device-text:#f8fafc;--device-orange:#fb923c;--device-emerald:#34d399;--device-rose:#fb7185;--device-yellow:#facc15}.device-console{background:radial-gradient(circle at top,#0f766e40,transparent 55%),radial-gradient(circle at 20% 20%,#f9731640,transparent 45%),radial-gradient(circle at 80% 0%,#9333ea59,transparent 40%),var(--device-bg);min-height:100vh;color:var(--device-text);padding:2.5rem;font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.device-console__hero{border:1px solid var(--device-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0f172ad9,#0f172a8c);border-radius:28px;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding:2.5rem;display:flex;box-shadow:0 25px 65px #02061773}.device-console__eyebrow{text-transform:uppercase;letter-spacing:.35em;color:var(--device-orange);font-size:.75rem;font-weight:600}.device-console__hero h1{margin:1rem 0 .75rem;font-size:clamp(2rem,3vw,3rem)}.device-console__hero p{color:var(--device-muted);max-width:460px;margin:0}.device-console__hero-actions{gap:.75rem;display:flex}.device-console__hero-btn{color:var(--device-text);cursor:pointer;background:#082f4999;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.device-console__hero-btn:hover:not(:disabled){background:#082f49d9;transform:translateY(-1px)}.device-console__hero-btn:disabled{opacity:.6;cursor:not-allowed}.device-console__hero-btn .spin{animation:1s linear infinite spin}.device-console__filters{margin-bottom:1.75rem}.device-console__filters-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.device-filter-card{background:#0f172a8c;border:1px solid #94a3b859;border-radius:20px;flex-direction:column;gap:.45rem;padding:1rem 1.25rem;display:flex;box-shadow:inset 0 0 0 1px #0f766e0d}.device-filter-card__label{text-transform:uppercase;letter-spacing:.12em;color:#f8fafcb3;align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.device-filter-card__control{position:relative}.device-filter-card__control select{width:100%;color:var(--device-text);appearance:none;background:#0f172ad9;border:1px solid #94a3b873;border-radius:14px;padding:.65rem .95rem;font-size:.95rem}.device-filter-card__control select:focus{border-color:#fb923cd9;outline:none;box-shadow:0 0 0 3px #fb923c26}.device-filter-card__control:after{content:"";pointer-events:none;border-bottom:2px solid #f8fafcb3;border-right:2px solid #f8fafcb3;width:.6rem;height:.6rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)rotate(45deg)}.device-filter-card__control select option{color:#0f172a;background:#f8fafc}.device-filter-card__summary{color:#f8fafcbf;margin:0;font-size:.85rem}.device-filter-card[data-disabled=true]{opacity:.5;pointer-events:none}.device-console__banner{background:#f8fafc0d;border:1px solid #f8fafc33;border-radius:16px;align-items:center;gap:.75rem;margin-bottom:1.75rem;padding:.85rem 1.25rem;display:flex}.device-console__banner-badge{background:var(--device-yellow);border-radius:999px;width:.75rem;height:.75rem;box-shadow:0 0 0 6px #facc1540}.device-console__banner-meta{text-transform:uppercase;letter-spacing:.15em;color:var(--device-yellow);margin-left:auto;font-size:.8rem}.device-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.device-stat-card{color:var(--device-text);text-align:left;cursor:pointer;background:#0f172abf;border:1px solid #94a3b833;border-radius:18px;align-items:center;gap:.75rem;padding:.85rem .95rem;transition:transform .2s,border .2s,box-shadow .2s;display:flex}.device-stat-card[data-accent=emerald]{border-color:#34d39938}.device-stat-card[data-accent=rose]{border-color:#fb718538}.device-stat-card[data-accent=orange]{border-color:#fb923c38}.device-stat-card[data-accent=cyan]{border-color:#22d3ee38}.device-stat-card[data-accent=amber]{border-color:#facc1533}.device-stat-card[data-accent=violet]{border-color:#a78bfa38}.device-stat-card.is-active{border-color:#fb923ccc;transform:translateY(-2px);box-shadow:0 15px 35px #fb923c33}.device-stat-card__icon{width:2.6rem;height:2.6rem;color:var(--device-text);background:#f8fafc0f;border-radius:14px;place-items:center;display:grid}.device-stat-card[data-accent=emerald] .device-stat-card__icon{color:var(--device-emerald);background:#34d39924}.device-stat-card[data-accent=rose] .device-stat-card__icon{color:var(--device-rose);background:#fb718524}.device-stat-card[data-accent=orange] .device-stat-card__icon{color:var(--device-orange);background:#fb923c24}.device-stat-card[data-accent=cyan] .device-stat-card__icon{color:#22d3ee;background:#22d3ee1f}.device-stat-card[data-accent=amber] .device-stat-card__icon{color:var(--device-yellow);background:#facc151f}.device-stat-card[data-accent=violet] .device-stat-card__icon{color:#a78bfa;background:#a78bfa1f}.device-stat-card__body{flex-direction:column;flex:1;align-items:flex-start;gap:.15rem;min-width:0;display:flex}.device-stat-card__label{color:var(--device-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.72rem;overflow:hidden}.device-stat-card__value{color:var(--device-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.35rem;font-weight:700;line-height:1;overflow:hidden}.device-stat-card span{color:#f8fafcb3;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.device-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.device-search{border:1px solid var(--device-border);background:#0f172ab3;border-radius:18px;flex:320px;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.device-search input{color:var(--device-text);background:0 0;border:none;flex:1;font-size:.95rem}.device-search input:focus{outline:none}.device-control-row{gap:.75rem;display:flex}.device-control-row label{border:1px solid var(--device-border);color:var(--device-muted);background:#0f172aa6;border-radius:14px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.85rem;display:inline-flex}.device-control-row select,.device-modal select,.device-modal input{color:var(--device-text);background:0 0;border:none;font-size:.95rem}.device-list-panel{background:#0206178c;border:1px solid #94a3b840;border-radius:32px;padding:1.75rem;box-shadow:0 40px 80px #020617a6}.device-list-panel__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.device-table-title{margin:0;font-size:1.1rem;font-weight:600}.device-table-header small{color:var(--device-muted)}.device-table-actions button{color:var(--device-text);cursor:pointer;background:#f8fafc14;border:none;border-radius:999px;margin-left:.35rem;padding:.45rem 1rem;font-weight:600}.device-table-loading,.device-table-empty{text-align:center;color:var(--device-muted);place-items:center;gap:.75rem;padding:3rem;display:grid}.device-dot{background:#f8fafc33;border-radius:999px;flex:none;width:10px;height:10px}.device-dot.online{background:var(--device-emerald);box-shadow:0 0 0 5px #34d39924}.device-dot.offline{background:#f8fafc40}.device-status-dot{border-radius:50%;width:12px;height:12px;margin-top:.5rem}.device-status-dot.online{background:var(--device-emerald);box-shadow:0 0 0 6px #34d39926}.device-status-dot.offline{background:#f8fafc33}.mono-chip{border:1px solid #f8fafc1f;border-radius:8px;width:fit-content;padding:.3rem .6rem;font-family:JetBrains Mono,Fira Mono,Consolas,monospace;font-size:.85rem;display:inline-flex}.mono-chip.ghost{opacity:.65}.device-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.device-card-grid--compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.device-card{cursor:pointer;background:#08192ecc;border:1px solid #94a3b847;border-radius:18px;flex-direction:column;gap:.75rem;padding:1rem;transition:border .2s,transform .2s,box-shadow .2s;display:flex}.device-card.device-card--compact{gap:.65rem;padding:.75rem .85rem}.device-card.is-online{background:radial-gradient(circle at 20% 0,#34d3992e,#0000 52%),#08192ed1;border-color:#34d39959}.device-card.is-online:hover{border-color:#34d3998c}.device-card:hover{border-color:#fb923c99;transform:translateY(-2px);box-shadow:0 18px 40px #02061773}.device-card__compact-head{align-items:center;gap:.65rem;display:flex}.device-card__glyph{color:#fb923cf2;background:#fb923c14;border:1px solid #fb923c66;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.device-card__titles{flex-direction:column;gap:.15rem;min-width:0;display:flex}.device-card__name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;font-weight:600;overflow:hidden}.device-card__ip{letter-spacing:.06em;text-transform:uppercase;color:var(--device-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.device-card__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.device-chip{color:#f8fafcc7;white-space:nowrap;text-overflow:ellipsis;background:#02061759;border:1px solid #f8fafc29;border-radius:999px;justify-content:center;align-items:center;min-width:0;max-width:100%;padding:.18rem .5rem;font-size:.62rem;font-weight:600;display:inline-flex;overflow:hidden}.device-chip.ghost{color:#f8fafcb3;background:#f8fafc0a}.device-card__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.device-card__actions button span{white-space:nowrap;font-size:.68rem}.device-pill{color:var(--device-text);cursor:pointer;background:#02061773;border:1px solid #f8fafc2e;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.72rem;transition:all .15s;display:inline-flex}.device-pill.is-active{color:var(--device-emerald);border-color:#34d39980}.device-pill.warning{color:var(--device-yellow);border-color:#fbbf2499}.device-pill.danger{color:var(--device-rose);border-color:#f43f5e80}.device-pill:disabled{opacity:.45;cursor:not-allowed}.device-modal{z-index:80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.device-modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617bf;position:absolute;inset:0}.device-modal__card{background:#0f172af2;border:1px solid #f8fafc33;border-radius:24px;width:min(480px,90vw);padding:1.75rem;position:relative;box-shadow:0 35px 80px #020617a6}.detail-card{background:radial-gradient(circle at 15% 15%,#fb923c26,#0000 55%),radial-gradient(circle at 85% 0,#3b82f626,#0000 45%),#040d1cf2;border:1px solid #94a3b859;border-radius:32px;width:min(1080px,96vw);padding:2.5rem;overflow:hidden}.detail-hero{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.detail-hero__left{align-items:center;gap:1rem;display:flex}.detail-hero__icon{background:#0f172acc;border:1px solid #94a3b866;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.detail-hero__meta{color:var(--device-muted);flex-wrap:wrap;gap:.6rem;margin-top:.35rem;font-size:.85rem;display:flex}.detail-hero__chips{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.detail-chip{border:1px solid #f8fafc33;border-radius:999px;padding:.3rem .75rem;font-size:.78rem}.detail-chip.success{color:var(--device-emerald);border-color:#34d39966}.detail-chip.danger{color:var(--device-rose);border-color:#f43f5e66}.detail-chip.muted{color:var(--device-muted)}.detail-quick-actions{flex-wrap:wrap;gap:.85rem;margin-bottom:1.75rem;display:flex}.detail-action{color:var(--device-text);cursor:pointer;background:#040a19e6;border:1px solid #f8fafc40;border-radius:18px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;transition:border .2s,transform .2s;display:inline-flex}.detail-action.is-active{color:var(--device-emerald);border-color:#34d39999}.detail-action.danger{color:var(--device-rose);border-color:#f43f5e99}.detail-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.5rem;display:grid}.detail-main,.detail-side{flex-direction:column;gap:1.4rem;display:flex}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.detail-tile{background:#070e1acc;border:1px solid #94a3b859;border-radius:18px;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.detail-tile p{letter-spacing:.08em;text-transform:uppercase;color:var(--device-muted);margin:0;font-size:.75rem}.detail-tile span{align-items:center;gap:.35rem;font-size:.95rem;display:inline-flex}.detail-section{background:#040a19cc;border:1px solid #94a3b859;border-radius:20px;padding:1.35rem}.detail-section__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.detail-section__header h4{margin:0;font-size:1rem}.detail-placeholder{color:var(--device-muted);margin:0;font-size:.9rem}.mark-list,.tag-list{flex-direction:column;gap:.75rem;display:flex}.mark-pill{background:#fbbf2414;border:1px solid #fbbf2473;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.mark-meta{color:var(--device-muted);font-size:.8rem}.mark-form,.tag-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1rem;display:grid}.mark-form input,.mark-form select,.tag-form input{color:var(--device-text);background:#040d1cb3;border:1px solid #94a3b859;border-radius:12px;padding:.55rem .75rem;font-size:.85rem}.mark-form button,.tag-form button{color:#fff;cursor:pointer;background:linear-gradient(130deg,#fb923c,#fb7185);border:none;border-radius:12px;font-weight:600;transition:opacity .2s}.tag-pill{border:1px solid #f8fafc40;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .85rem;display:inline-flex}.tag-pill button{color:var(--device-muted);cursor:pointer;background:0 0;border:none}.detail-loading{color:var(--device-muted);align-items:center;gap:.5rem;margin-top:1.5rem;display:inline-flex}.device-modal__close{color:var(--device-text);cursor:pointer;background:#f8fafc1a;border:none;border-radius:50%;width:32px;height:32px}.device-modal__body{flex-direction:column;gap:1rem;display:flex}.device-modal__body label{color:var(--device-muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.device-modal__body input,.device-modal__body select{border:1px solid #94a3b866;border-radius:12px;padding:.6rem .8rem}.device-modal__footer{justify-content:flex-end;gap:.85rem;margin-top:1.5rem;display:flex}.device-modal__footer button{color:var(--device-text);cursor:pointer;background:#02061766;border:1px solid #f8fafc33;border-radius:999px;padding:.55rem 1.25rem}.device-modal__footer button.primary{background:linear-gradient(135deg,#f97316,#fb7185);border-color:#0000}.device-toast-stack{flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.device-toast{color:var(--device-text);cursor:pointer;text-align:center;background:#0f172ad9;border:1px solid #f8fafc59;border-radius:999px;min-width:280px;padding:.75rem 1.4rem;font-size:.85rem}.device-toast.success{border-color:#34d39980}.device-toast.warning{border-color:#fbbf2480}.device-toast.danger{border-color:#f43f5e80}@media (max-width:900px){.device-console{padding:1.5rem}.device-console__hero{flex-direction:column}.detail-card{padding:1.5rem}.detail-layout{grid-template-columns:1fr}.detail-hero{flex-direction:column;align-items:flex-start}.device-table-header,.device-table th,.device-table td{padding-left:1rem;padding-right:1rem}.device-actions{justify-content:flex-start}}@media (max-width:640px){.device-console{padding:1rem}.device-console__hero{gap:1.25rem;padding:1.5rem}.device-console__hero-actions{flex-direction:column;align-items:stretch;width:100%}.device-console__hero-btn{justify-content:center;width:100%}.device-toast-stack{left:1rem;right:1rem}.device-toast{width:100%;min-width:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}