:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;--bg: #dff5eb;--bg-deep: #c8f0dc;--panel: rgba(255, 255, 255, .85);--ink: #0b2c25;--muted: #4a6b62;--emerald: #0f7c66;--emerald-strong: #0b5f4f;--emerald-soft: #c0ead8;--mint: #7ed4b8;--line: #b8e4d2;--danger: #c94b40;--shadow: 0 16px 40px rgba(15, 124, 102, .15);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}[data-theme=dark]{color-scheme:dark;--bg: #0a0f0e;--bg-deep: #050808;--panel: #0f1f1c;--ink: #e8f5f1;--muted: #7a9a91;--emerald: #1aa182;--emerald-strong: #0f7c66;--emerald-soft: #0b5f4f;--mint: #4fd1b3;--line: #1a2e28;--danger: #e85d4a;--shadow: 0 16px 40px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(120% 120% at 15% 10%,#c8f0dc,#dff5eb,#e8faf3);color:var(--ink);min-height:100vh;transition:background .3s ease,color .3s ease}[data-theme=dark] body{background:radial-gradient(120% 120% at 15% 10%,#0b5f4f,#0a0f0e,#050808)}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 80% -10%,rgba(15,124,102,.12),transparent 55%);transition:background-image .3s ease}[data-theme=dark] .app{background-image:radial-gradient(circle at 80% -10%,rgba(11,95,79,.3),transparent 55%)}.app-main{flex:1;padding:18px 18px 96px;transition:background .3s ease;background:linear-gradient(180deg,#c8f0dcf2,#d6f1e7d9,#9ee4cf99,#c8f0dcb3,#dff5ebe6);background-size:100% 300%;background-attachment:fixed}[data-theme=dark] .app-main{background:linear-gradient(180deg,#0b5f4fcc,#0a0f0ee6,#0f1f1cb3,#1aa1824d,#050808f2);background-size:100% 300%;background-attachment:fixed}.header{padding:calc(env(safe-area-inset-top) + 18px) 18px 12px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#f4fbf7fa,#f4fbf7d9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:background .3s ease,border-color .3s ease}[data-theme=dark] .header{background:#0b5f4f;border-bottom:1px solid var(--line)}.header-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:700;font-size:20px;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#d4a54a,#f0d78c,#c9953c,#e8c86e,#b8862e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Space Grotesk,Montserrat,Poppins,system-ui,sans-serif}.theme-toggle{position:relative;width:52px;height:26px;border:none;background:var(--emerald-soft);border-radius:999px;cursor:pointer;padding:0;transition:background .3s ease;flex-shrink:0;overflow:hidden}[data-theme=dark] .theme-toggle{background:#1aa1824d;border:1px solid rgba(26,161,130,.5)}.theme-toggle-slider{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.theme-toggle-icon{font-size:14px;transition:opacity .3s ease,transform .3s ease;z-index:1;line-height:1}.theme-toggle-icon:first-child{opacity:0;transform:scale(.8)}.theme-toggle-icon:last-child{opacity:1;transform:scale(1)}[data-theme=dark] .theme-toggle-icon:first-child{opacity:1;transform:scale(1)}[data-theme=dark] .theme-toggle-icon:last-child{opacity:0;transform:scale(.8)}.theme-toggle:before{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;left:2px;top:50%;transform:translateY(-50%);transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease;box-shadow:0 2px 4px #0003;z-index:2}[data-theme=dark] .theme-toggle:before{transform:translateY(-50%) translate(26px);background:var(--emerald)}.pill{padding:4px 10px;background:var(--emerald-soft);color:var(--emerald);border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;white-space:nowrap;transition:background .3s ease,color .3s ease}[data-theme=dark] .pill{background:#1aa18233;color:var(--mint)}.section{margin-bottom:18px}.section-title{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px;transition:color .3s ease}.panel{background:var(--panel);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--line);box-shadow:var(--shadow);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.grid{display:grid;gap:12px}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.card{background:linear-gradient(160deg,#e8faf3e6,#ffffffd9);border-radius:var(--radius-md);padding:14px;border:1px solid var(--line);transition:background .3s ease,border-color .3s ease}[data-theme=dark] .card{background:linear-gradient(160deg,#0f1f1c,#1a2e28);border:1px solid var(--line)}.card-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);transition:color .3s ease}.card-value{margin-top:8px;font-weight:600;font-size:20px;color:var(--ink);transition:color .3s ease}.setting-row{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.status-badge{font-size:12px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:999px;text-transform:uppercase;box-shadow:0 0 10px #0000000f}.status-on{color:#0a3b2e;background:#30d17b33;border:1px solid rgba(48,209,123,.6);box-shadow:0 0 12px #30d17b59}.status-off{color:#4b1b1b;background:#ff634733;border:1px solid rgba(255,99,71,.6);box-shadow:0 0 12px #ff63474d}.setting-value{font-weight:700;font-size:18px;color:var(--ink)}.connection-list{display:grid;gap:12px}.connection-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel)}.connection-name{font-weight:600;color:var(--ink)}.connection-meta{display:inline-flex;align-items:center;gap:8px}.connection-latency{font-weight:600;color:var(--ink);font-size:12px}.connection-dot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 8px #00000014}.connection-dot.ok{background:#30d17bf2;box-shadow:0 0 8px #30d17b99}.connection-dot.down{background:#ff6347f2;box-shadow:0 0 8px #ff634780}.connection-dot.warn{background:#ffbf00f2;box-shadow:0 0 8px #ffbf0080;animation:blinkWarning 1s ease-in-out infinite}.connection-updated{font-size:11px;color:var(--muted);text-align:right}@keyframes blinkWarning{0%,to{opacity:1}50%{opacity:.35}}.filter-row{display:grid;gap:10px}.filter-row label{display:flex;align-items:center;gap:8px}.filter-row .filter-label{flex-shrink:0;font-weight:600;color:var(--ink);white-space:nowrap}.filter-row select,.filter-row input,.filter-row button{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:inherit;font-size:13px;transition:background .3s ease,border-color .3s ease,color .3s ease;flex:1;min-width:0}.filter-row select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230b2c25' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}[data-theme=dark] .filter-row select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e8f5f1' d='M6 8L2 4h8z'/%3E%3C/svg%3E")}.filter-row button{background:var(--emerald);color:#fff;border:none;font-weight:600}[data-theme=dark] .filter-row button{background:var(--emerald);color:var(--ink)}.custom-select{position:relative;flex:1;min-width:0}.custom-select-trigger{padding:10px 30px 10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:inherit;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .3s ease,border-color .3s ease,color .3s ease}.custom-select-trigger:hover{border-color:var(--emerald)}.custom-select-trigger.open{border-color:var(--emerald);border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-select-arrow{color:var(--muted);font-size:12px;transition:transform .2s ease}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:100%;left:0;right:0;background:var(--panel);border:1px solid var(--emerald);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #00000026;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{padding:10px 12px;cursor:pointer;transition:background .15s ease,color .15s ease;font-size:13px}.custom-select-option:hover{background:var(--emerald-soft);color:var(--emerald-strong)}.custom-select-option.selected{background:var(--emerald);color:#fff}.custom-select-option:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}[data-theme=dark] .custom-select-options{box-shadow:0 8px 24px #0006}[data-theme=dark] .custom-select-option:hover{background:#1aa18233;color:var(--mint)}[data-theme=dark] .custom-select-option.selected{background:var(--emerald);color:var(--ink)}.tag{padding:4px 10px;border-radius:999px;font-size:12px;background:var(--emerald-soft);color:var(--emerald-strong);font-weight:600;transition:background .3s ease,color .3s ease}[data-theme=dark] .tag{background:#1aa18233;color:var(--mint)}.table{width:100%;min-width:fit-content;border-collapse:collapse;font-size:13px;color:var(--ink);transition:color .3s ease}.table.table-wide{min-width:1000px}.table:not(.table-wide){min-width:auto}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#0000000d;margin:0 16px;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#707070;border-radius:4px;border:1px solid rgba(0,0,0,.15)}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#5a5a5a}[data-theme=dark] .table-wrapper::-webkit-scrollbar-track{background:#ffffff0d}[data-theme=dark] .table-wrapper::-webkit-scrollbar-thumb{background:var(--muted);opacity:.5}[data-theme=dark] .table-wrapper::-webkit-scrollbar-thumb:hover{opacity:.8}.table thead th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:8px 6px;transition:color .3s ease;white-space:nowrap}.table thead th:not(:last-child){padding-right:12px}.table tbody tr{border-bottom:1px solid var(--line);transition:border-color .3s ease}.table tbody td{padding:10px 6px;color:var(--ink);transition:color .3s ease;white-space:nowrap}.table tbody td:not(:last-child){padding-right:12px}.table tbody td:first-child,.table thead th:first-child{padding-left:0}.table tbody td:last-child,.table thead th:last-child{padding-right:0}.table-row{display:grid;gap:4px}.pill-positive{color:var(--emerald);font-weight:600;transition:color .3s ease}[data-theme=dark] .pill-positive{color:var(--mint)}.pill-negative{color:var(--danger);font-weight:600;transition:color .3s ease}.chart{width:100%;min-height:220px}.bottom-nav{position:fixed;bottom:12px;left:12px;right:12px;background:#ffffff63;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:999px;border:1px solid rgba(255,255,255,.3);display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #fff9;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:100}[data-theme=dark] .bottom-nav{background:#0f1f1c8f;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff1a}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:6px 4px;border-radius:999px;color:var(--muted);text-decoration:none;font-size:11px;font-weight:600;transition:color .3s ease,background .3s ease,backdrop-filter .3s ease,opacity .3s ease}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.nav-icon{width:24px;height:24px;object-fit:contain}.nav-badge{position:absolute;top:-2px;right:-6px;width:10px;height:10px;border-radius:50%;background:var(--emerald);border:2px solid var(--panel)}.nav-item.active .nav-badge{background:var(--emerald)}[data-theme=dark] .nav-badge,[data-theme=dark] .nav-item.active .nav-badge{background:var(--mint)}.nav-item.active{color:var(--emerald);position:relative}.nav-item.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:999px;box-shadow:0 2px 8px #00000014;z-index:-1;animation:fadeOutFrame 1s ease-out .5s forwards}@keyframes fadeOutFrame{0%{opacity:1}to{opacity:0}}[data-theme=dark] .nav-item{color:var(--muted)}[data-theme=dark] .nav-item.active{color:var(--mint)}[data-theme=dark] .nav-item.active:before{background:#1aa18233;border:1px solid rgba(26,161,130,.3);box-shadow:0 2px 8px #0003}.empty{padding:20px;text-align:center;color:var(--muted);transition:color .3s ease}.link-button{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600;background:var(--panel);transition:background .3s ease,border-color .3s ease,color .3s ease}.link-button:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .link-button{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.setting-select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:inherit;font-size:13px}.subtle{color:var(--muted);font-size:13px;transition:color .3s ease}.rules-content{color:var(--ink);font-size:14px;line-height:1.7}.rules-content p{margin:0 0 18px!important;padding:0;display:block}.rules-content p:last-child{margin-bottom:0!important}@supports selector(:has(*)){.rules-content p:has(>b:only-child){margin-top:24px!important;margin-bottom:12px!important}.rules-content p:first-child:has(>b:only-child){margin-top:0!important}}.rules-content p b:only-child{display:block}.rules-content b{font-weight:600;color:var(--ink)}.rules-content code{background:var(--emerald-soft);color:var(--emerald-strong);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;font-weight:600}[data-theme=dark] .rules-content code{background:#1aa18233;color:var(--mint)}.rules-content br{line-height:1.7}.support-textarea{width:100%;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:inherit;font-size:14px;resize:vertical;min-height:100px;transition:border-color .3s ease,background .3s ease}.support-textarea:focus{outline:none;border-color:var(--emerald)}.primary-button{padding:10px 20px;border-radius:var(--radius-sm);border:none;background:var(--emerald);color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s ease,opacity .3s ease}.primary-button:hover{background:var(--emerald-strong)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.success-message{margin-top:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--emerald-soft);color:var(--emerald-strong);font-size:13px}.error-message{margin-top:12px;padding:10px 12px;border-radius:var(--radius-sm);background:#c94b4026;color:var(--danger);font-size:13px}.tickets-list{display:flex;flex-direction:column;gap:12px}.ticket-card{padding:14px;border-radius:var(--radius-md);background:linear-gradient(160deg,#e8faf380,#ffffff80);border:1px solid var(--line)}[data-theme=dark] .ticket-card{background:linear-gradient(160deg,#0f1f1ccc,#1a2e28cc)}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ticket-status{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase}.ticket-status.open{background:#ffc10733;color:#b8860b}[data-theme=dark] .ticket-status.open{background:#ffc10740;color:#ffc107}.ticket-status.answered{background:var(--emerald-soft);color:var(--emerald-strong)}[data-theme=dark] .ticket-status.answered{background:#1aa18233;color:var(--mint)}.ticket-user{font-weight:600;color:var(--ink)}.ticket-message{color:var(--ink);font-size:14px;line-height:1.5;white-space:pre-wrap}.ticket-response{margin-top:12px;padding:12px;border-radius:var(--radius-sm);background:var(--emerald-soft)}[data-theme=dark] .ticket-response{background:#1aa18226}.response-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--emerald-strong);margin-bottom:6px}[data-theme=dark] .response-label{color:var(--mint)}.response-text{color:var(--ink);font-size:14px;line-height:1.5;white-space:pre-wrap}.reply-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.admin-ticket{border-left:3px solid var(--emerald)}.delete-button{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--danger);background:transparent;color:var(--danger);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .3s ease,color .3s ease}.delete-button:hover{background:var(--danger);color:#fff}@media (min-width: 720px){.app-main{max-width:720px;margin:0 auto}.filter-row{grid-template-columns:repeat(3,1fr)}.table{min-width:auto}}@media (max-width: 719px){.table{min-width:600px}}