.my-vms-container{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3.5rem}.my-vms-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-end;margin-bottom:1.25rem}.my-vms-stats{display:flex;gap:.5rem;align-items:stretch;min-width:300px}.my-vms-stats span{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .85rem;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);color:var(--text-secondary);font-size:.78rem;min-width:82px}.my-vms-stats strong{color:var(--text-primary);font-size:1.2rem;line-height:1}.my-vms-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.my-vms-toolbar-actions{display:flex;align-items:center;gap:.6rem}.my-vms-search{position:relative;display:flex;align-items:center}.my-vms-search-icon{position:absolute;left:.7rem;display:inline-flex;color:var(--text-tertiary);font-size:16px;pointer-events:none}.my-vms-search-input{height:40px;width:220px;max-width:46vw;padding:0 .8rem 0 2.2rem;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font:inherit;font-size:.86rem;outline:none;transition:border-color .18s,background .18s,box-shadow .18s}.my-vms-search-input::placeholder{color:var(--text-tertiary)}.my-vms-search-input:focus{border-color:#00ff9d73;background:#00ff9d0a;box-shadow:0 0 0 3px #00ff9d14}.my-vms-noresult{grid-column:1 / -1;padding:2.5rem 1rem;text-align:center;color:var(--text-tertiary)}.icon.spin{animation:spin .8s linear infinite}.my-vms-tabs{display:inline-flex;gap:.35rem;padding:.35rem;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg)}.my-vms-tab{min-width:84px;min-height:38px;padding:0 .9rem;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:.86rem;transition:background .18s ease,border-color .18s ease,color .18s ease}.my-vms-tab:hover,.my-vms-tab.active{border-color:#00ff9d5c;background:#00ff9d1a;color:var(--accent)}.my-vms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.my-vm-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:1rem;border:1px solid rgba(0,255,157,.18);border-radius:8px;background:radial-gradient(circle at 50% 0%,rgba(0,255,157,.1),transparent 62%),var(--glass-bg);box-shadow:var(--glass-shadow);cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.my-vm-card:hover{transform:translateY(-3px);border-color:#00ff9d5c;box-shadow:0 16px 34px #00000057}.my-vm-status{display:flex;flex-wrap:wrap;gap:.4rem;min-height:27px;margin-bottom:.75rem}.my-vm-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 .55rem;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);font-size:.75rem}.my-vm-chip.favorite{border-color:#ff6b8152;background:#ff6b811a;color:#ff6b81}.my-vm-chip.completed{border-color:#00ff9d52;background:#00ff9d1a;color:var(--accent)}.my-vm-image-wrap{width:96px;height:96px;margin:0 auto 1rem;border:2px solid rgba(0,255,157,.38);border-radius:50%;overflow:hidden;background:#00ff9d0f}.my-vm-image{width:100%;height:100%;object-fit:cover}.my-vm-title-row{display:flex;align-items:center;justify-content:center;gap:.45rem;min-width:0;margin-bottom:.65rem}.my-vm-title{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:1.08rem;line-height:1.3}.my-vm-meta{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-bottom:.8rem}.my-vm-type{display:inline-flex;align-items:center;height:36px;padding:0 .7rem;border-radius:20px;border:1px solid rgba(77,195,255,.24);background:#4dc3ff14;color:var(--primary);font-size:.78rem}.my-vm-time{min-height:1.2rem;margin:auto 0 .9rem;color:var(--text-tertiary);font-size:.78rem;text-align:center}.my-vm-open{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:8px;border:1px solid rgba(0,255,157,.32);background:#00ff9d1a;color:var(--accent);font-size:.86rem;font-weight:600}.my-vms-login,.my-vms-empty{padding:2rem;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);text-align:center}.my-vms-login h2,.my-vms-empty h2{margin:0 0 .5rem;color:var(--text-primary)}.my-vms-login p,.my-vms-empty p{margin:0 0 1rem;color:var(--text-secondary)}.my-vms-header-actions{display:flex;gap:.75rem;align-items:center}.my-vms-sync-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 1rem;border-radius:8px;border:1px solid rgba(0,255,157,.28);background:#00ff9d14;color:var(--accent);font-size:.82rem;cursor:pointer;font:inherit;white-space:nowrap;flex-shrink:0;transition:background .18s,border-color .18s}.my-vms-sync-btn:hover{background:#00ff9d29;border-color:#00ff9d7a}.my-vms-sync-btn:disabled{opacity:.6;cursor:not-allowed}.my-vms-primary-btn,.my-vms-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 1rem;border-radius:8px;border:1px solid rgba(0,255,157,.36);background:#00ff9d1f;color:var(--accent);text-decoration:none;cursor:pointer;font:inherit;font-weight:600}.my-vms-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}.my-vms-loading{display:grid;gap:.75rem;padding:2rem 0}.my-vms-loading-line{height:22px;width:min(460px,100%)}.my-vms-loading-line.short{width:min(300px,72%)}@media(max-width:720px){.my-vms-header{align-items:stretch;flex-direction:column}.my-vms-stats{min-width:0}.my-vms-toolbar{align-items:stretch;flex-direction:column}.my-vms-tabs{display:flex;width:100%}.my-vms-tab{flex:1;min-width:0}.my-vms-toolbar-actions{width:100%}.my-vms-search{flex:1}.my-vms-search-input{width:100%;max-width:none}.my-vms-header-actions{flex-wrap:wrap}.my-vms-header-actions>*{flex:1;min-width:0;justify-content:center}}@media(max-width:480px){.my-vms-grid{grid-template-columns:1fr}.my-vm-card{min-height:0}.my-vms-empty-actions .my-vms-primary-btn,.my-vms-empty-actions .my-vms-secondary-btn{flex:1;min-width:0;min-height:44px}.my-vms-dialog-actions{flex-direction:column}.my-vms-dialog-actions>*{width:100%;justify-content:center;min-height:44px}}.my-vm-chip.authored{border-color:#4dc3ff57;background:#4dc3ff1f;color:var(--primary)}.my-vm-card.authored .my-vm-desc{margin:0 0 .9rem;color:var(--text-secondary);font-size:.82rem;line-height:1.5;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.my-vm-authored-actions{display:flex;gap:.5rem;margin-top:auto}.my-vm-authored-actions .my-vm-open{flex:1;text-decoration:none}.my-vm-edit-btn{flex:1;min-height:38px;border-radius:8px;border:1px solid rgba(77,195,255,.34);background:#4dc3ff1a;color:var(--primary);font-size:.86rem;font-weight:600;cursor:pointer;transition:background .15s ease}.my-vm-edit-btn:hover{background:#4dc3ff33}.my-vms-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0009;opacity:0;transition:opacity .18s ease}.my-vms-overlay.show{opacity:1}.my-vms-dialog{width:min(560px,100%);padding:1.4rem;border-radius:14px;border:1px solid var(--glass-border);background:var(--bg-elevated, #12161c);box-shadow:0 20px 60px #00000080;transform:translateY(8px);transition:transform .18s ease}.my-vms-overlay.show .my-vms-dialog{transform:translateY(0)}.my-vms-dialog-title{margin:0 0 1rem;color:var(--text-primary);font-size:1.05rem}.my-vms-dialog-input{width:100%;padding:.7rem .8rem;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-size:.9rem;line-height:1.5;resize:vertical}.my-vms-dialog-input:focus{outline:none;border-color:#00ff9d80}.my-vms-dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}
