.modal-backdrop{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:none;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-backdrop.open{display:flex}.modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:480px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-secondary)}.modal-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.modal-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.modal-body{padding:var(--space-xl);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-secondary)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.form-group:last-child{margin-bottom:0}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.form-input{width:100%}.form-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.share-type-selector{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.share-type-btn{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;transition:all var(--transition-fast)}.share-type-btn.active{border-color:var(--brand-blue);background:rgba(21,101,192,.12);color:var(--brand-blue-light)}.share-type-btn:hover:not(.active){border-color:var(--text-muted)}.share-link-group{display:flex;gap:var(--space-sm);align-items:center}.share-link-input{flex:1;background:var(--bg-primary);font-size:var(--font-size-sm)}.share-email-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.share-email-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.context-menu{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;padding:var(--space-xs) 0;z-index:var(--z-contextmenu);animation:fadeIn .1s ease}.context-menu-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-item.danger{color:var(--color-error)}.context-menu-item.danger:hover{background:var(--color-error-bg)}.context-menu-divider{height:1px;background:var(--border-secondary);margin:var(--space-xs) 0}.context-menu-item svg{width:14px;height:14px;flex-shrink:0}.toast-container{position:fixed;bottom:var(--space-xl);right:var(--space-xl);display:flex;flex-direction:column-reverse;gap:var(--space-sm);z-index:var(--z-toast);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);color:var(--text-primary);pointer-events:auto;animation:slideInRight .3s ease;max-width:360px}.toast.success{border-left:3px solid var(--color-success)}.toast.error{border-left:3px solid var(--color-error)}.toast.warning{border-left:3px solid var(--color-warning)}.toast.info{border-left:3px solid var(--color-info)}.toast-icon{flex-shrink:0;width:18px;height:18px}.toast-message{flex:1}.toast-close{flex-shrink:0;color:var(--text-muted);cursor:pointer}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.loading-overlay{position:fixed;inset:0;background:rgba(10,22,40,.75);backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.loading-overlay.active{opacity:1;pointer-events:auto}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.spinner-ring{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--brand-blue-light);border-right-color:var(--brand-orange);border-radius:50%;animation:spinRing .8s linear infinite}.loading-text{font-size:var(--font-size-sm);color:var(--text-secondary);letter-spacing:.5px}@keyframes spinRing{to{transform:rotate(360deg)}}