.mobile-header{position:sticky;top:0;left:0;right:0;height:56px;padding-top:env(safe-area-inset-top,0px);background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding-left:8px;padding-right:16px;z-index:200;transition:background .2s ease,border-color .2s ease}.mobile-header.transparent{background:transparent;border-bottom-color:transparent}.mobile-header-left{display:flex;align-items:center;min-width:44px}.mobile-header-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-primary);border-radius:50%;background:none;border:none;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.mobile-header-back:hover{background:var(--bg-card-hover)}.mobile-header-back:active{background:var(--bg-elevated)}.mobile-header-title{position:absolute;left:50%;transform:translate(-50%);font-size:18px;font-weight:600;color:var(--text-primary);white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis;margin:0}.mobile-header-actions{display:flex;align-items:center;gap:8px;min-width:44px;justify-content:flex-end}.mobile-header-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-secondary);border-radius:50%;background:none;border:none;cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.mobile-header-action-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}@media(min-width:769px){.mobile-header.mobile-only{display:none}}.swipeable-card-container{position:relative;overflow:hidden;border-radius:12px;background:var(--bg-card, #1a1f26)}.swipeable-card-content{position:relative;z-index:2;background:var(--bg-card, #1a1f26);will-change:transform;touch-action:pan-y}.swipeable-card-content.transitioning{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.swipeable-actions{position:absolute;top:0;bottom:0;display:flex;align-items:stretch;z-index:1}.swipeable-actions-left{left:0;justify-content:flex-start}.swipeable-actions-right{right:0;justify-content:flex-end}.swipeable-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:70px;padding:12px 8px;border:none;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .2s}.swipeable-action:active{opacity:.8;transform:scale(.95)}.swipeable-action-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.swipeable-action-icon svg{width:24px;height:24px}.swipeable-action-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.swipeable-action-primary{background:var(--cd-blue, #3b82f6);color:#fff}.swipeable-action-success{background:var(--success, #059669);color:#fff}.swipeable-action-warning{background:var(--warning, #f59e0b);color:#fff}.swipeable-action-danger{background:var(--danger, #ef4444);color:#fff}.swipeable-action-neutral{background:var(--bg-elevated, #374151);color:var(--text-secondary, #9ca3af)}.swipeable-card-container.swipeable-active .swipeable-card-content{box-shadow:0 4px 12px #0003}.pull-to-refresh-container{position:relative;overflow:hidden}.pull-to-refresh-indicator{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-40px);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-card, #1a1f26);border:2px solid var(--border, #374151);z-index:10;opacity:0;transition:opacity .2s,transform .3s}.pull-to-refresh-indicator.visible{opacity:1}.pull-to-refresh-indicator.refreshing{animation:ptr-spin 1s linear infinite}@keyframes ptr-spin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.pull-to-refresh-indicator svg{width:20px;height:20px;color:var(--cd-blue, #3b82f6)}.pull-to-refresh-content{will-change:transform}.context-menu-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;animation:context-menu-fade-in .2s ease forwards}@keyframes context-menu-fade-in{to{opacity:1}}.context-menu{background:var(--bg-card, #1a1f26);border:1px solid var(--border, #374151);border-radius:16px;overflow:hidden;min-width:200px;max-width:280px;box-shadow:0 20px 60px #0006;transform:scale(.9);animation:context-menu-scale-in .2s ease forwards}@keyframes context-menu-scale-in{to{transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:transparent;border:none;color:var(--text, #f5f5f5);font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s;font-family:inherit}.context-menu-item:hover,.context-menu-item:active{background:var(--bg-elevated, #242b34)}.context-menu-item:not(:last-child){border-bottom:1px solid var(--border, #374151)}.context-menu-item svg{width:20px;height:20px;opacity:.7}.context-menu-item.danger{color:var(--danger, #ef4444)}.context-menu-item.danger svg{color:var(--danger, #ef4444)}@media(prefers-reduced-motion:reduce){.swipeable-card-content.transitioning{transition:none}.context-menu-overlay,.context-menu,.pull-to-refresh-indicator.refreshing{animation:none}}.swipeable-action:focus-visible{outline:2px solid white;outline-offset:-2px}.context-menu-item:focus-visible{outline:2px solid var(--cd-blue, #3b82f6);outline-offset:-2px;background:var(--bg-elevated, #242b34)}[data-theme=light] .swipeable-card-container,.light-mode .swipeable-card-container,[data-theme=light] .swipeable-card-content,.light-mode .swipeable-card-content{background:#fff}[data-theme=light] .context-menu,.light-mode .context-menu{background:#fff;border-color:#e5e7eb}[data-theme=light] .context-menu-item,.light-mode .context-menu-item{color:#1f2937}[data-theme=light] .context-menu-item:hover,.light-mode .context-menu-item:hover{background:#f3f4f6}[data-theme=light] .pull-to-refresh-indicator,.light-mode .pull-to-refresh-indicator{background:#fff;border-color:#e5e7eb}