.template-picker-backdrop{z-index:1000;padding:var(--spacing-lg);background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-picker{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.template-picker-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.template-picker-header h2{margin:0;font-size:18px;font-weight:600}.template-picker-close{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:24px}.template-picker-close:hover{color:var(--color-text);background-color:var(--color-bg-tertiary)}.template-picker-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.template-picker-name{margin-bottom:var(--spacing-lg)}.template-picker-name label{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-size:13px;font-weight:500;display:block}.template-picker-name input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:14px}.template-picker-name input:focus{border-color:var(--color-primary);outline:none}.template-picker-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:13px;font-weight:500}.template-picker-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.template-picker-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-fast);display:flex;position:relative}.template-picker-item:hover{border-color:var(--color-primary-light);background-color:var(--color-bg-tertiary)}.template-picker-item.selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.template-picker-item-icon{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.template-picker-item.selected .template-picker-item-icon{background-color:var(--color-primary);color:#fff}.template-picker-item-info{flex:1;min-width:0}.template-picker-item-name{color:var(--color-text);margin-bottom:2px;font-size:14px;font-weight:600}.template-picker-item-desc{color:var(--color-text-muted);font-size:12px;line-height:1.3}.template-picker-item-check{top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute}.template-picker-footer{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-bg-tertiary);display:flex}@media (max-width:640px){.template-picker-grid{grid-template-columns:1fr}.template-picker{max-height:95vh}}
.sidebar{border-right:1px solid var(--color-border);background-color:#f9fafc;flex-direction:column;flex-shrink:0;width:240px;height:100%;display:flex}.sidebar-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border);color:inherit;text-decoration:none;display:flex}.sidebar-logo{background-color:var(--color-primary);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-logo-img{object-fit:contain;width:32px;height:32px}.sidebar-brand{color:var(--color-text);font-size:15px;font-weight:700}.sidebar-nav{padding:var(--spacing-md)0;flex:1;overflow-y:auto}.sidebar-section{margin-bottom:var(--spacing-lg)}.sidebar-section-header{padding:0 var(--spacing-lg);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.sidebar-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sidebar-add-btn{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-add-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary)}.sidebar-create-form{padding:0 var(--spacing-lg);margin-bottom:var(--spacing-sm)}.sidebar-create-input{width:100%;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:13px}.sidebar-create-actions{gap:var(--spacing-xs);display:flex}.sidebar-list{list-style:none}.sidebar-item{padding:8px var(--spacing-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;display:flex}.sidebar-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text)}.sidebar-item.active{background-color:var(--color-primary-light);color:var(--color-primary)}.sidebar-item-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sidebar-item-text{font-size:13px;font-weight:500}.sidebar-item-wrapper{align-items:center;display:flex;position:relative}.sidebar-item-wrapper .sidebar-item{padding-right:var(--spacing-xl);flex:1}.sidebar-item-archive{right:var(--spacing-md);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-muted);opacity:0;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.sidebar-item-wrapper:hover .sidebar-item-archive{opacity:1}.sidebar-item-archive:hover{background-color:var(--color-bg-tertiary);color:var(--color-danger)}.sidebar-footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border)}.sidebar-user{align-items:center;gap:var(--spacing-sm);display:flex}.sidebar-user-avatar{background-color:var(--color-bg-tertiary);border-radius:50%;width:32px;height:32px}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sidebar-user-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-sign-in{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:background-color var(--transition-fast);font-size:13px;font-weight:500;display:flex}.sidebar-sign-in:hover{background-color:var(--color-primary-hover)}.top-right-login{z-index:1001;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:13px;font-weight:500;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 2px 8px #00000026}.top-right-login:hover{background-color:var(--color-primary-hover);transform:scale(1.02)}.top-right-user{z-index:1001;position:fixed;top:1rem;right:1rem}.top-right-user-btn{align-items:center;gap:var(--spacing-sm);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);transition:all var(--transition-fast);cursor:pointer;padding:6px 12px 6px 6px;font-size:13px;font-weight:500;display:flex;box-shadow:0 2px 8px #0000001a}.top-right-user-btn:hover{background-color:var(--color-bg-tertiary);box-shadow:0 4px 12px #00000026}.top-right-user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.top-right-user-avatar-placeholder{background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.top-right-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.top-right-user-chevron{color:var(--color-text-muted)}.top-right-user-menu{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 16px #00000026}.top-right-user-menu-header{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border)}.top-right-user-menu-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.top-right-user-menu-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text);transition:background-color var(--transition-fast);font-size:13px;display:flex}.top-right-user-menu-item:hover{background-color:var(--color-bg-tertiary)}.sidebar-mobile-footer{display:none}@media (max-width:768px){.top-right-login,.top-right-user{display:none}.sidebar-mobile-footer{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,20px));border-top:1px solid var(--color-border);flex-shrink:0;display:block}.sidebar-mobile-login{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:background-color var(--transition-fast);cursor:pointer;justify-content:center;width:100%;font-size:14px;font-weight:500;display:flex}.sidebar-mobile-login:hover{background-color:var(--color-primary-hover)}.sidebar-mobile-user{gap:var(--spacing-sm);flex-direction:column;display:flex}.sidebar-mobile-user-info{align-items:center;gap:var(--spacing-sm);display:flex}.sidebar-mobile-user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.sidebar-mobile-user-avatar-placeholder{background-color:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.sidebar-mobile-user-details{flex-direction:column;min-width:0;display:flex}.sidebar-mobile-user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sidebar-mobile-user-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar-mobile-signout{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;font-size:13px;display:flex}.sidebar-mobile-signout:hover{background-color:var(--color-bg-tertiary);color:var(--color-text)}}.mobile-menu-toggle{z-index:1001;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border:none;display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 8px #00000026}.mobile-menu-toggle:hover{background-color:var(--color-primary-dark);transform:scale(1.05)}.mobile-overlay{z-index:999;background-color:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.mobile-overlay{display:block}.sidebar{z-index:1000;height:100dvh;transition:transform .3s ease-out;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 8px #00000026}.sidebar .sidebar-nav{flex:none;overflow-y:visible}.sidebar.mobile-open{transform:translate(0)}}@media (max-width:1024px) and (min-width:769px){.sidebar{width:200px}}.sidebar-archived-toggle{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);color:var(--color-text-muted);transition:color var(--transition-fast);text-align:left;width:100%;font-size:12px;display:flex}.sidebar-archived-toggle:hover{color:var(--color-text-secondary)}.sidebar-archived-list{border-top:1px dashed var(--color-border);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.sidebar-archived-empty{padding:var(--spacing-sm)var(--spacing-lg);color:var(--color-text-muted);font-size:12px;font-style:italic}.sidebar-item-archived{opacity:.6}.sidebar-item-restore{right:var(--spacing-md);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-muted);opacity:0;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.sidebar-item-wrapper:hover .sidebar-item-restore{opacity:1}.sidebar-item-restore:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary)}.archive-confirm-backdrop{z-index:1100;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.archive-confirm-dialog{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:90%;max-width:400px;box-shadow:var(--shadow-lg)}.archive-confirm-dialog h3{margin:0 0 var(--spacing-md);color:var(--color-text);font-size:18px}.archive-confirm-dialog p{margin:0 0 var(--spacing-lg);color:var(--color-text-secondary);font-size:14px;line-height:1.5}.archive-confirm-actions{justify-content:flex-end;gap:var(--spacing-sm);display:flex}