:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e6ebf5}.app-shell{min-height:100vh;padding:16px;max-width:1000px;margin:0 auto}.app-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.app-header h1{font-size:22px;margin:0}.btn-add{background:#1877f2;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:14px;cursor:pointer}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.empty-state{opacity:.6;grid-column:1 / -1;text-align:center;padding:40px 0}.account-card{display:flex;align-items:center;gap:12px;background:#131c2e;border:1px solid #223049;border-radius:14px;padding:14px}.account-avatar{position:relative;width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px}.badge{position:absolute;top:-6px;right:-6px;background:#f02849;color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:700}.account-info{flex:1;min-width:0}.account-name{font-weight:600;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-edit{display:flex;gap:6px}.account-edit input[type=text],.account-edit input:not([type]){flex:1;min-width:0}.account-status{font-size:12px;opacity:.65;margin-top:2px}.status-active{color:#42b72a;opacity:1}.account-actions{display:flex;align-items:center;gap:6px}.btn-open{background:#1877f2;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:13px}.btn-delete{background:transparent;border:none;color:#8a94a6;font-size:18px;cursor:pointer;padding:4px 8px}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:#131c2e;border:1px solid #223049;border-radius:14px;padding:20px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px}.modal label{font-size:13px;display:flex;flex-direction:column;gap:6px}.modal input[type=text],.modal input:not([type]){background:#0b1220;border:1px solid #223049;border-radius:8px;padding:10px;color:#e6ebf5}.color-picker{display:flex;gap:8px}.color-dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color-dot.selected{border-color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.modal-actions button{border:none;border-radius:8px;padding:8px 14px;cursor:pointer}.modal-actions button[type=submit]{background:#1877f2;color:#fff}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px;background:#131c2e;border:1px solid #223049;border-radius:14px;padding:24px}.login-form h1{text-align:center;margin:0 0 8px}.login-form input{background:#0b1220;border:1px solid #223049;border-radius:8px;padding:10px;color:#e6ebf5}.login-form button{background:#1877f2;color:#fff;border:none;border-radius:8px;padding:10px;cursor:pointer}.login-error{color:#f02849;font-size:13px}.vnc-overlay{position:fixed;inset:0;background:#000;display:flex;flex-direction:column}.vnc-toolbar{padding:8px 12px;background:#131c2e;display:flex;justify-content:flex-end}.vnc-toolbar button{background:#f02849;color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer}.vnc-canvas-wrap{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}@media(max-width:480px){.accounts-grid{grid-template-columns:1fr}}