*{box-sizing:border-box}html,body{color:#e4e4e7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0e0e10;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;font-size:14px}#root{min-height:100vh}.app{max-width:1600px;min-height:100vh;margin:0 auto;padding:24px 32px}.header{border-bottom:1px solid #2a2a30;justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:16px;display:flex}.header h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.header-right{color:#888;font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:13px;display:flex}.header-right .error{color:#ff6b6b}.icon-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #2e2e34;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .1s,color .1s;display:flex}.icon-btn:hover{color:#fff;background:#26262c;border-color:#3a3a42}.header-meta{color:#888;font-variant-numeric:tabular-nums;font-size:13px}.header-meta .error{color:#ff6b6b}.empty{text-align:center;color:#666;padding:64px 0;font-size:15px}.global-bar{background:#16161a;border:1px solid #26262c;border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;display:flex}.shutdown-all-confirm{color:#ffb8b8;align-items:center;gap:8px;font-size:13px;display:flex}.gallery{margin-bottom:32px}.gallery-name{text-transform:uppercase;letter-spacing:.08em;color:#999;align-items:center;gap:12px;margin:0 0 12px;padding:0 4px;font-size:13px;font-weight:600;display:flex}.gallery-count{color:#666;text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:16px;display:grid}.tile{background:#16161a;border:1px solid #26262c;border-radius:8px;padding:16px;transition:border-color .15s}.tile.online{border-color:#26262c}.tile.offline{opacity:.7;border-color:#3a2020}.tile.expanded{grid-column:span 2}.tile-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:12px;display:flex}.tile-title{flex:1;min-width:0}.tile-title h3{margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;font-weight:600}.hostname{color:#666;margin-top:2px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.chevron{color:#666;font-size:12px}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-online{background:#4ade80;box-shadow:0 0 8px #4ade8080}.dot-offline{background:#555}.tile-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.label{color:#777}.value{color:#ddd;font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.value.good{color:#4ade80}.value.bad{color:#ff6b6b}.tile-footer{color:#555;text-align:right;font-variant-numeric:tabular-nums;border-top:1px solid #26262c;margin-top:10px;padding-top:10px;font-size:11px}.pinned-apps{background:#101012;border:1px solid #26262c;border-radius:5px;flex-direction:column;gap:4px;margin-top:10px;padding:8px 10px;display:flex}.pinned-app{flex-direction:column;font-family:ui-monospace,monospace;font-size:11px;display:flex}.pinned-name{color:#ccc}.pinned-title{color:#777;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.expanded-section{border-top:1px solid #26262c;flex-direction:column;gap:16px;margin-top:12px;padding-top:12px;display:flex}.sub-section{flex-direction:column;gap:6px;display:flex}.sub-title{text-transform:uppercase;letter-spacing:.05em;color:#888;font-size:11px;font-weight:500}.sub-title-row{justify-content:space-between;align-items:center;display:flex}.apps-list{background:#101012;border:1px solid #26262c;border-radius:4px;max-height:240px;overflow-y:auto}.apps-list::-webkit-scrollbar{width:8px}.apps-list::-webkit-scrollbar-thumb{background:#2a2a30;border-radius:4px}.app-row{border-bottom:1px solid #1c1c20;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;display:flex}.app-row:last-child{border-bottom:none}.app-info{flex:1;min-width:0}.app-name{color:#ccc}.app-title{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.app-mem{color:#777;flex-shrink:0}.empty-list{color:#666;text-align:center;padding:12px 10px;font-size:12px}.app-picker{flex-direction:column;gap:8px;display:flex}.picker-help{color:#888;font-size:11px;line-height:1.5}.picker-list{background:#101012;border:1px solid #26262c;border-radius:4px;max-height:280px;overflow-y:auto}.picker-row{cursor:pointer;border-bottom:1px solid #1c1c20;align-items:center;gap:8px;padding:6px 10px;font-family:ui-monospace,monospace;font-size:12px;display:flex}.picker-row:last-child{border-bottom:none}.picker-row:hover{background:#16161a}.picker-row input[type=checkbox]{accent-color:#4ade80}.picker-name{color:#ccc}.picker-title{color:#777;white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin-left:auto;font-size:11px;overflow:hidden}.picker-actions{gap:6px;margin-top:4px;display:flex}.gallery-editor{align-items:center;gap:6px;display:flex}.gallery-current{color:#ccc;background:#101012;border:1px solid #26262c;border-radius:5px;flex:1;padding:6px 10px;font-family:ui-monospace,monospace;font-size:12px}.actions{flex-wrap:wrap;gap:6px;display:flex}.btn{color:#ddd;cursor:pointer;background:#1f1f24;border:1px solid #2e2e34;border-radius:5px;padding:6px 12px;font-family:inherit;font-size:12px;transition:background .1s,border-color .1s}.btn:hover{background:#26262c;border-color:#3a3a42}.btn-small{color:#aaa;cursor:pointer;background:#1f1f24;border:1px solid #2e2e34;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:11px}.btn-small:hover{color:#ddd;background:#26262c}.btn-danger{color:#ff8a8a;background:#3a1f1f;border-color:#5a2828}.btn-danger:hover{background:#4a2424;border-color:#6a2828}.confirm-row{background:#2a1a1a;border:1px solid #4a2828;border-radius:5px;flex-direction:column;gap:8px;padding:8px 10px;display:flex}.confirm-message{color:#ffb8b8;font-size:12px}.confirm-buttons{gap:6px;display:flex}.folder-row{gap:6px;width:100%;display:flex}.folder-input{color:#ddd;background:#101012;border:1px solid #2e2e34;border-radius:5px;outline:none;flex:1;padding:6px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.folder-input:focus{border-color:#4a4a52}.toast{z-index:1000;border-radius:6px;max-width:400px;padding:12px 16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;animation:.2s ease-out slideUp;position:fixed;bottom:24px;right:24px}.toast-success{color:#8be0a4;background:#0f2a1a;border:1px solid #1f4a2c}.toast-error{color:#ff8a8a;background:#2a1a1a;border:1px solid #5a2828}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-page{max-width:720px}.settings-loading{text-align:center;color:#666;padding:80px 0}.settings-section{background:#16161a;border:1px solid #26262c;border-radius:8px;margin-bottom:16px;padding:20px 24px}.section-title{margin:0 0 6px;font-size:15px;font-weight:600}.section-help{color:#888;margin:0 0 16px;font-size:12px;line-height:1.5}.section-help code{background:#101012;border:1px solid #26262c;border-radius:3px;padding:1px 6px;font-size:11px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:#aaa;font-size:12px;font-weight:500}.field input[type=text],.field input[type=password],.field input[type=time],.field input[type=number]{color:#ddd;box-sizing:border-box;background:#101012;border:1px solid #2e2e34;border-radius:5px;outline:none;width:100%;padding:8px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.field input:focus{border-color:#4a4a52}.field .hint{color:#777;font-size:11px;line-height:1.5}.field-row{gap:16px;display:flex}.field-row .field{flex:1}.field-actions{align-items:center;gap:12px;margin-top:-4px;display:flex}.field-actions .hint{color:#777;font-size:11px}.checkbox-field{color:#ddd;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-field input[type=checkbox]{accent-color:#4ade80}.settings-footer{justify-content:flex-end;padding:16px 0;display:flex}.btn-primary{color:#8be0a4;background:#1f3a2a;border:1px solid #2c5a3c}.btn-primary:hover{background:#244a32;border-color:#3a6a4a}.btn:disabled{opacity:.5;cursor:not-allowed}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#16161a;border:1px solid #26262c;border-radius:8px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:32px;display:flex}.login-title{text-align:center;margin:0 0 8px;font-size:20px;font-weight:600}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:#aaa;font-size:12px;font-weight:500}.login-field input{color:#ddd;background:#101012;border:1px solid #2e2e34;border-radius:5px;outline:none;padding:10px 12px;font-family:ui-monospace,monospace;font-size:13px}.login-field input:focus{border-color:#4a4a52}.login-error{color:#ff8a8a;background:#2a1a1a;border:1px solid #4a2828;border-radius:4px;padding:8px 10px;font-size:12px}.login-submit{padding:10px;font-size:13px}