@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:480px}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-slide-in .3s ease;min-width:320px}.toast-success{border-left:3px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left:3px solid var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.toast-icon{display:flex;flex-shrink:0}.toast-message{flex:1;font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal)}.toast-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;padding:0;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);flex-shrink:0;transition:all var(--transition-fast)}.toast-close:hover{color:var(--text-primary);background:var(--color-gray-100)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-exiting{animation:toast-slide-out var(--transition-slow) ease forwards}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}[data-theme$=-dark] .toast-close:hover{background:#ffffff14}@media (max-width: 640px){.toast-container{left:var(--space-4);right:var(--space-4);max-width:none}.toast{min-width:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);line-height:1;white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-md{height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-primary{background:var(--color-primary-600);color:var(--text-on-primary);border-color:var(--color-primary-600)}.btn-primary:hover:not(:disabled){background:var(--color-primary-700);border-color:var(--color-primary-700)}.btn-primary:active:not(:disabled){background:var(--color-primary-800);transform:scale(.98)}.btn-secondary{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-100);border-color:var(--color-primary-300)}.btn-secondary:active:not(:disabled){background:var(--color-primary-200);transform:scale(.98)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:var(--color-gray-200)}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-danger:active:not(:disabled){background:#b91c1c;transform:scale(.98)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover:not(:disabled){background:var(--color-success-dark);border-color:var(--color-success-dark)}.btn-success:active:not(:disabled){transform:scale(.98)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-outline:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-color-strong)}.btn-outline:active:not(:disabled){background:var(--color-gray-200)}.btn-full{width:100%}.btn-icon{display:inline-flex;align-items:center;flex-shrink:0}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}[data-theme$=-dark] .btn-ghost:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}[data-theme$=-dark] .btn-secondary{background:var(--color-primary-900);color:var(--color-primary-300);border-color:var(--color-primary-800)}[data-theme$=-dark] .btn-secondary:hover:not(:disabled){background:var(--color-primary-800)}[data-theme$=-dark] .btn-outline{border-color:var(--border-color-strong)}[data-theme$=-dark] .btn-outline:hover:not(:disabled){background:#ffffff0f}[data-theme=carbon-dark] .btn-primary{background:var(--color-accent-600);border-color:var(--color-accent-600)}[data-theme=carbon-dark] .btn-primary:hover:not(:disabled){background:var(--color-accent-500);border-color:var(--color-accent-500)}[data-theme=carbon-dark] .btn-primary:active:not(:disabled){background:var(--color-accent-700)}[data-theme=carbon-dark] .btn-secondary{background:var(--color-accent-900);color:var(--color-accent-300);border-color:var(--color-accent-800)}[data-theme=carbon] .btn-primary{background:var(--color-primary-800);border-color:var(--color-primary-800)}[data-theme=carbon] .btn-primary:hover:not(:disabled){background:var(--color-primary-900);border-color:var(--color-primary-900)}.input-group{display:flex;flex-direction:column;gap:var(--space-1-5)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-3);display:flex;align-items:center;color:var(--text-muted);pointer-events:none}.input-field{width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input-field::placeholder{color:var(--text-muted)}.input-field:hover{border-color:var(--border-color-strong)}.input-field:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--ring-color)}.input-field.has-icon{padding-left:var(--space-10)}.input-sm .input-field{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.input-md .input-field{height:40px;padding:0 var(--space-3);font-size:var(--text-sm)}.input-lg .input-field{height:48px;padding:0 var(--space-4);font-size:var(--text-base)}.input-sm .input-field.has-icon,.input-md .input-field.has-icon,.input-lg .input-field.has-icon{padding-left:var(--space-10)}.has-error .input-field{border-color:var(--color-error)}.has-error .input-field:focus{box-shadow:0 0 0 3px #ef444433}.input-error-text{font-size:var(--text-xs);color:var(--color-error)}.input-hint{font-size:var(--text-xs);color:var(--text-muted)}[data-theme=carbon] .input-field:focus,[data-theme=carbon-dark] .input-field:focus{border-color:var(--color-accent-500);box-shadow:0 0 0 3px #6366f133}.select-group{display:flex;flex-direction:column;gap:var(--space-1-5)}.select-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.select-wrapper{position:relative;display:flex;align-items:center}.select-field{width:100%;height:40px;padding:0 var(--space-10) 0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.select-field:hover{border-color:var(--border-color-strong)}.select-field:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--ring-color)}.select-arrow{position:absolute;right:var(--space-3);display:flex;align-items:center;color:var(--text-muted);pointer-events:none}.has-error .select-field{border-color:var(--color-error)}.select-error-text{font-size:var(--text-xs);color:var(--color-error)}[data-theme=carbon] .select-field:focus,[data-theme=carbon-dark] .select-field:focus{border-color:var(--color-accent-500);box-shadow:0 0 0 3px #6366f133}.card{background:var(--bg-card);border-radius:var(--radius-xl);transition:box-shadow var(--transition-normal)}.card-pad-none{padding:0}.card-pad-sm{padding:var(--space-3)}.card-pad-md{padding:var(--space-5)}.card-pad-lg{padding:var(--space-8)}.card-border{border:1px solid var(--border-color)}.card-shadow{box-shadow:var(--shadow-sm)}.card-hover{cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-md);background:var(--bg-card-hover)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:modal-fade-in .2s ease}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:calc(100vh - var(--space-16));display:flex;flex-direction:column;animation:modal-scale-in .2s ease;outline:none}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-gray-100);color:var(--text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);flex-shrink:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-theme$=-dark] .modal-backdrop{background:#000000b3}[data-theme$=-dark] .modal-close:hover{background:#ffffff14}@media (max-width: 640px){.modal-backdrop{padding:var(--space-2);align-items:flex-end}.modal{max-width:100%;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}.modal-close{width:44px;height:44px}.modal-header,.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4)}}.confirm-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.confirm-actions{display:flex;align-items:center;gap:var(--space-3);width:100%;justify-content:flex-end}.skeleton{background:var(--color-gray-200);border-radius:var(--radius-md);animation:skeleton-shimmer 1.5s ease-in-out infinite;background-size:200% 100%;background-image:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-100) 40%,var(--color-gray-200) 80%)}.skeleton-text{height:16px;width:100%;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-circle{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-rect{width:100%;height:48px;border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.skeleton-card{width:100%;height:120px;border-radius:var(--radius-xl);margin-bottom:var(--space-3)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}[data-theme$=-dark] .skeleton{background-color:var(--color-gray-700);background-image:linear-gradient(90deg,var(--color-gray-700) 0%,var(--color-gray-600) 40%,var(--color-gray-700) 80%)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-3)}.empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-500);margin-bottom:var(--space-2)}.empty-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.empty-description{font-size:var(--text-sm);color:var(--text-muted);max-width:360px;line-height:var(--leading-relaxed)}.empty-action{margin-top:var(--space-2)}[data-theme$=-dark] .empty-icon{background:var(--color-primary-900);color:var(--color-primary-400)}[data-theme=carbon] .empty-icon{background:var(--color-accent-50);color:var(--color-accent-500)}[data-theme=carbon-dark] .empty-icon{background:var(--color-accent-900);color:var(--color-accent-400)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap;line-height:1}.badge-size-sm{font-size:var(--text-xs);padding:2px var(--space-2)}.badge-size-md{font-size:var(--text-xs);padding:var(--space-1) var(--space-2-5)}.badge-size-lg{font-size:var(--text-sm);padding:var(--space-1) var(--space-3)}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-error{background:var(--color-error-light);color:var(--color-error-dark)}.badge-neutral{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-accent{background:var(--color-accent-100);color:var(--color-accent-700)}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}[data-theme$=-dark] .badge-primary{background:var(--color-primary-900);color:var(--color-primary-300)}[data-theme$=-dark] .badge-success{background:var(--color-success-light);color:var(--color-success)}[data-theme$=-dark] .badge-warning{background:var(--color-warning-light);color:var(--color-warning)}[data-theme$=-dark] .badge-error{background:var(--color-error-light);color:#fca5a5}[data-theme$=-dark] .badge-neutral{background:var(--color-gray-800);color:var(--color-gray-300)}[data-theme$=-dark] .badge-accent{background:var(--color-accent-900);color:var(--color-accent-300)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header-content{display:flex;flex-direction:column;gap:var(--space-1)}.page-header-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;line-height:var(--leading-tight)}.page-header-description{font-size:var(--text-sm);color:var(--text-muted);margin:0}.page-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}@media (max-width: 640px){.page-header{flex-direction:column;gap:var(--space-3)}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap}.pagination-info{display:flex;align-items:center;gap:var(--space-4)}.pagination-page-size{display:inline-flex;align-items:center;gap:var(--space-2)}.pagination-page-size-label{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.pagination-page-size-select{height:34px;padding:0 var(--space-6) 0 var(--space-2-5);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color var(--transition-fast)}.pagination-page-size-select:hover{border-color:var(--border-color-strong)}.pagination-page-size-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-50)}.pagination-item-count{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:var(--space-1)}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);height:36px;padding:0 var(--space-2-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-color-strong);color:var(--text-primary)}.pagination-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-prev,.pagination-next{padding:0 var(--space-3)}.pagination-first,.pagination-last{min-width:36px}.pagination-pages{display:flex;align-items:center;gap:var(--space-1)}.pagination-page{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.pagination-page:hover:not(.active){background:var(--color-gray-100);color:var(--text-primary)}.pagination-page:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.pagination-page.active{background:var(--color-primary-600);color:var(--text-on-primary);border-color:var(--color-primary-600)}[data-theme=carbon] .pagination-page.active{background:var(--color-primary-800)}[data-theme=carbon-dark] .pagination-page.active{background:var(--color-accent-600)}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-muted);font-size:var(--text-sm);pointer-events:none}.pagination-mobile-indicator{display:none;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap}[data-theme$=-dark] .pagination-page:hover:not(.active){background:#ffffff0f}[data-theme$=-dark] .pagination-page-size-select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}@media (max-width: 768px){.pagination{gap:var(--space-3)}.pagination-page,.pagination-ellipsis{min-width:44px;height:44px;width:44px}.pagination-btn{height:44px}.pagination-first,.pagination-last{min-width:44px}.pagination-page-size-select{height:44px}}@media (max-width: 640px){.pagination{justify-content:center;gap:var(--space-3)}.pagination-info{width:100%;justify-content:center}.pagination-pages{display:none}.pagination-mobile-indicator{display:inline-flex}.pagination-first,.pagination-last,.pagination-btn-text{display:none}.pagination-prev,.pagination-next{padding:0 var(--space-3);min-width:44px;justify-content:center}.pagination-controls{gap:var(--space-2)}}.data-table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-card)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--font-semibold);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-page);border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-card-hover)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody td{padding:var(--space-3) var(--space-4);color:var(--text-secondary);vertical-align:middle}.data-table-loading{display:flex;flex-direction:column;gap:var(--space-2)}@media (max-width: 768px){.data-table-wrapper{border:none;background:transparent}.data-table thead{display:none}.data-table tbody tr{display:block;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-3)}.data-table tbody td{display:flex;justify-content:space-between;padding:var(--space-1-5) 0;border-bottom:none}.data-table tbody td:before{content:attr(data-label);font-weight:var(--font-medium);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase}}.public-layout{--nav-height: 64px;display:flex;flex-direction:column;min-height:100vh;background:var(--bg-page)}.pl-nav{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-xs)}.pl-nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--space-6);height:var(--nav-height)}.pl-logo,.pl-footer-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-primary);flex-shrink:0}.pl-logo:hover,.pl-footer-logo:hover{color:var(--text-primary)}.pl-logo-icon{width:28px;height:28px;color:var(--color-primary-600)}[data-theme=carbon] .pl-logo-icon{color:var(--color-accent-600)}[data-theme$=-dark] .pl-logo-icon{color:var(--color-primary-400)}[data-theme=carbon-dark] .pl-logo-icon{color:var(--color-accent-400)}.pl-logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.02em}.pl-nav-links{display:flex;align-items:center;gap:var(--space-1)}.pl-nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast)}.pl-nav-link:hover{color:var(--text-primary);background:var(--bg-card-hover)}.pl-nav-link.active{color:var(--color-primary-600);background:var(--color-primary-50)}[data-theme=carbon] .pl-nav-link.active{color:var(--color-accent-600);background:var(--color-accent-50)}[data-theme$=-dark] .pl-nav-link.active{color:var(--color-primary-400);background:#ffffff0f}[data-theme=carbon-dark] .pl-nav-link.active{color:var(--color-accent-400);background:#ffffff0f}.pl-nav-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.pl-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.pl-theme-toggle:hover{color:var(--text-primary);background:var(--bg-card-hover)}.pl-hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.pl-hamburger:hover{color:var(--text-primary);background:var(--bg-card-hover)}.pl-mobile-menu{display:none;overflow:hidden;max-height:0;background:var(--bg-card);border-top:1px solid var(--border-color);transition:max-height var(--transition-slow)}.pl-mobile-menu.open{max-height:500px}.pl-mobile-nav{padding:var(--space-3) var(--space-6)}.pl-mobile-link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast)}.pl-mobile-link:hover{color:var(--text-primary);background:var(--bg-card-hover)}.pl-mobile-link.active{color:var(--color-primary-600);background:var(--color-primary-50)}[data-theme=carbon] .pl-mobile-link.active{color:var(--color-accent-600);background:var(--color-accent-50)}[data-theme$=-dark] .pl-mobile-link.active{color:var(--color-primary-400);background:#ffffff0f}[data-theme=carbon-dark] .pl-mobile-link.active{color:var(--color-accent-400)}.pl-mobile-divider{height:1px;background:var(--border-color);margin:var(--space-3) 0}.pl-mobile-actions{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-1) 0 var(--space-2)}.pl-mobile-theme-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);font-family:var(--font-sans);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.pl-mobile-theme-toggle:hover{color:var(--text-primary);background:var(--bg-card-hover)}.pl-main{flex:1;padding-top:var(--space-1)}.pl-content{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.pl-footer{background:var(--bg-card);border-top:1px solid var(--border-color);margin-top:auto}.pl-footer-inner{max-width:1200px;margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-8)}.pl-footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:var(--space-10);margin-bottom:var(--space-12)}.pl-footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.pl-footer-tagline{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:260px}.pl-footer-col-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.pl-footer-col-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.pl-footer-link{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.pl-footer-link:hover{color:var(--text-primary)}.pl-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-8);border-top:1px solid var(--border-color)}.pl-footer-copyright{font-size:var(--text-sm);color:var(--text-muted)}.pl-footer-social{display:flex;align-items:center;gap:var(--space-3)}.pl-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.pl-social-link:hover{color:var(--text-primary);background:var(--bg-card-hover)}@media (max-width: 1024px){.pl-nav-links{display:none}.pl-hamburger{display:flex}.pl-mobile-menu{display:block}.pl-footer-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.pl-footer-brand{grid-column:1 / -1;margin-bottom:var(--space-4)}.pl-footer-tagline{max-width:400px}}@media (max-width: 768px){.pl-nav-inner{padding:0 var(--space-4)}.pl-nav-actions>.btn,.pl-nav-actions>.pl-theme-toggle{display:none}.pl-hamburger{display:flex}.pl-mobile-nav{padding:var(--space-3) var(--space-4)}.pl-content{padding:0 var(--space-4)}.pl-footer-inner{padding:var(--space-10) var(--space-4) var(--space-6)}.pl-footer-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8) var(--space-6)}.pl-footer-brand{grid-column:1 / -1}.pl-footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}@media (max-width: 480px){.pl-nav-inner,.pl-content{padding:0 var(--space-3)}.pl-footer-inner{padding:var(--space-8) var(--space-3) var(--space-6)}.pl-footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.pl-footer-brand{grid-column:1}}.lp{display:flex;flex-direction:column}.lp-section-inner{max-width:1140px;margin:0 auto;padding:0 var(--space-6)}.lp-section-header{text-align:center;margin-bottom:var(--space-12)}.lp-section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:var(--space-3) 0 var(--space-2) 0;line-height:var(--leading-tight);letter-spacing:-.02em}.lp-section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.lp-link{color:var(--color-primary-600);font-weight:var(--font-medium);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.lp-link:hover{color:var(--color-primary-700)}.lp-hero{padding:var(--space-16) var(--space-6) var(--space-20);background:var(--bg-page);position:relative;overflow:hidden}.lp-hero:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:var(--radius-full);background:var(--color-primary-100);opacity:.35;pointer-events:none}.lp-hero:after{content:"";position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;border-radius:var(--radius-full);background:var(--color-accent-100);opacity:.25;pointer-events:none}.lp-hero-inner{max-width:780px;margin:0 auto;text-align:center;position:relative;z-index:1}.lp-hero-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:-.03em;margin:var(--space-5) 0 var(--space-4) 0}.lp-hero-accent{color:var(--color-primary-600)}.lp-hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:560px;margin:0 auto var(--space-8)}.lp-shortener{max-width:680px;margin:0 auto}.lp-shortener-form{display:flex;flex-direction:column;gap:var(--space-2)}.lp-shortener-row{display:flex;gap:var(--space-3);align-items:flex-start}.lp-url-input{flex:1;min-width:0}.lp-shorten-btn{flex-shrink:0}.lp-shortener-hint{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-3) 0 0 0}.lp-result{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.lp-result-url{flex:1;font-size:var(--text-xl);min-width:0;word-break:break-all}.lp-result-domain{color:var(--text-muted)}.lp-result-code{font-weight:var(--font-bold);color:var(--color-primary-600)}.lp-result-actions{display:flex;gap:var(--space-2);flex-shrink:0}.lp-trust-row{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap}.lp-trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.lp-trust-item svg{color:var(--color-primary-500);flex-shrink:0}.lp-stats{padding:var(--space-12) var(--space-6);background:var(--bg-card);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.lp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.lp-stat{display:flex;flex-direction:column;gap:var(--space-1)}.lp-stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary-600);letter-spacing:-.02em}.lp-stat-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.lp-features{padding:var(--space-20) var(--space-6);background:var(--bg-page)}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.lp-feature-card{display:flex;flex-direction:column;gap:var(--space-3)}.lp-feature-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600);flex-shrink:0}.lp-feature-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.lp-feature-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.lp-preview{padding:var(--space-20) var(--space-6);background:var(--bg-card)}.lp-dashboard-mock{display:flex;overflow:hidden;min-height:380px}.lp-mock-sidebar{width:180px;background:var(--bg-page);border-right:1px solid var(--border-color);padding:var(--space-4) 0;flex-shrink:0}.lp-mock-nav{display:block;width:100%;text-align:left;padding:var(--space-2-5) var(--space-4);font-size:var(--text-sm);font-family:inherit;color:var(--text-secondary);cursor:pointer;background:none;border:none;border-left:3px solid transparent;transition:color var(--transition-fast),background var(--transition-fast)}.lp-mock-nav:hover:not(.active){color:var(--text-primary);background:var(--bg-elevated)}.lp-mock-nav.active{color:var(--color-primary-600);background:var(--color-primary-50);border-left-color:var(--color-primary-600);font-weight:var(--font-semibold)}.lp-mock-main{flex:1;padding:var(--space-5);min-width:0}.lp-mock-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.lp-mock-breadcrumb{font-size:var(--text-sm);color:var(--text-muted)}.lp-mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.lp-mock-stat-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--bg-page);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.lp-mock-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.lp-mock-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.lp-mock-chart{background:var(--bg-page);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-color)}.lp-mock-chart-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-3);font-weight:var(--font-medium)}.lp-mock-bars{display:flex;align-items:flex-end;gap:var(--space-2);height:80px}.lp-mock-bar{flex:1;background:var(--color-primary-500);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:8px;transition:height var(--transition-normal)}.lp-pricing{padding:var(--space-20) var(--space-6);background:var(--bg-page)}.lp-billing-toggle{display:flex;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-10);background:var(--bg-elevated);padding:var(--space-1);border-radius:var(--radius-lg);width:fit-content;margin-left:auto;margin-right:auto;border:1px solid var(--border-color)}.lp-toggle-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;background:transparent;color:var(--text-muted);transition:all var(--transition-fast);font-family:inherit}.lp-toggle-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.lp-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start}.lp-pricing-card{position:relative;display:flex;flex-direction:column}.lp-pricing-popular{border-color:var(--color-primary-400)!important;box-shadow:var(--shadow-lg)!important}.lp-popular-badge{position:absolute;top:calc(-1 * var(--space-3));left:50%;transform:translate(-50%);white-space:nowrap}.lp-plan-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.lp-plan-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-4) 0}.lp-plan-price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-5)}.lp-price-amount{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.03em}.lp-price-period{font-size:var(--text-sm);color:var(--text-muted)}.lp-plan-features{list-style:none;padding:0;margin:var(--space-5) 0 0 0;display:flex;flex-direction:column;gap:var(--space-3)}.lp-plan-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.lp-check-icon{color:var(--color-success);flex-shrink:0}.lp-pricing-note{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-8)}.lp-faq{padding:var(--space-20) var(--space-6);background:var(--bg-card)}.lp-faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}.lp-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-page);overflow:hidden;transition:border-color var(--transition-fast)}.lp-faq-item.open{border-color:var(--color-primary-300)}.lp-faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;text-align:left;gap:var(--space-3);font-family:inherit}.lp-faq-question{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-normal)}.lp-faq-chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--transition-normal)}.lp-faq-item.open .lp-faq-chevron{transform:rotate(180deg)}.lp-faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal),padding var(--transition-normal)}.lp-faq-item.open .lp-faq-answer{max-height:300px}.lp-faq-answer p{padding:0 var(--space-5) var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.lp-cta{padding:var(--space-20) var(--space-6);background:var(--color-primary-50)}.lp-cta-inner{text-align:center;max-width:600px;margin:0 auto}.lp-cta-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0;letter-spacing:-.02em}.lp-cta-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-8) 0}.lp-cta-actions{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}[data-theme$=-dark] .lp-hero:before{background:var(--color-primary-900);opacity:.2}[data-theme$=-dark] .lp-hero:after{background:var(--color-accent-900);opacity:.15}[data-theme$=-dark] .lp-hero-accent,[data-theme$=-dark] .lp-stat-value{color:var(--color-primary-400)}[data-theme$=-dark] .lp-feature-icon{background:var(--color-primary-900);color:var(--color-primary-300)}[data-theme$=-dark] .lp-mock-nav.active{background:var(--color-primary-900);color:var(--color-primary-300);border-left-color:var(--color-primary-400)}[data-theme$=-dark] .lp-mock-bar{background:var(--color-primary-400)}[data-theme$=-dark] .lp-pricing-popular{border-color:var(--color-primary-500)!important}[data-theme$=-dark] .lp-faq-item.open{border-color:var(--color-primary-600)}[data-theme$=-dark] .lp-cta{background:var(--color-primary-900)}[data-theme$=-dark] .lp-result-code{color:var(--color-primary-400)}[data-theme$=-dark] .lp-check-icon{color:var(--color-success)}@media (max-width: 1024px){.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-pricing-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.lp-dashboard-mock{flex-direction:column;min-height:auto}.lp-mock-sidebar{width:100%;display:flex;overflow-x:auto;padding:var(--space-2) var(--space-3);border-right:none;border-bottom:1px solid var(--border-color);gap:var(--space-1)}.lp-mock-nav{white-space:nowrap;border-left:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.lp-mock-nav.active{border-left-color:transparent}}@media (max-width: 768px){.lp-hero{padding:var(--space-10) var(--space-4) var(--space-14)}.lp-hero-title{font-size:var(--text-2xl)}.lp-hero-subtitle{font-size:var(--text-base)}.lp-shortener-row{flex-direction:column}.lp-shorten-btn{width:100%}.lp-trust-row{flex-direction:column;gap:var(--space-3)}.lp-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.lp-section-title{font-size:var(--text-2xl)}.lp-section-subtitle{font-size:var(--text-base)}.lp-features,.lp-preview,.lp-pricing,.lp-faq,.lp-cta{padding:var(--space-14) var(--space-4)}.lp-features-grid{grid-template-columns:1fr;gap:var(--space-4)}.lp-mock-stats{grid-template-columns:1fr;gap:var(--space-3)}.lp-mock-stat-value{font-size:var(--text-lg)}.lp-pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto;gap:var(--space-5)}.lp-faq-trigger{padding:var(--space-3) var(--space-4)}.lp-faq-question{font-size:var(--text-sm)}.lp-faq-answer p{padding:0 var(--space-4) var(--space-3) var(--space-4);font-size:var(--text-xs)}.lp-cta-title{font-size:var(--text-2xl)}.lp-cta-subtitle{font-size:var(--text-base)}.lp-result{flex-direction:column;text-align:center}.lp-result-actions{width:100%;justify-content:center}}@media (max-width: 480px){.lp-section-inner{padding:0 var(--space-4)}.lp-hero{padding:var(--space-8) var(--space-3) var(--space-12)}.lp-hero-title{font-size:var(--text-xl);letter-spacing:-.01em}.lp-hero-subtitle{font-size:var(--text-sm)}.lp-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.lp-stat-value{font-size:var(--text-2xl)}.lp-billing-toggle{width:100%}.lp-toggle-btn{flex:1;justify-content:center}.lp-cta-actions{flex-direction:column}.lp-cta-actions .btn{width:100%}.lp-mock-sidebar{display:none}.lp-result-url{font-size:var(--text-lg)}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--space-6);background:var(--bg-page)}.auth-card{max-width:420px;width:100%}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.auth-brand-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);border-radius:var(--radius-xl)}.auth-brand-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-600);letter-spacing:-.025em}.auth-heading{text-align:center;margin-bottom:var(--space-6)}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1-5);line-height:var(--leading-tight)}.auth-subtitle{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.auth-footer{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.auth-link{color:var(--color-primary-600);font-weight:var(--font-semibold);text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary-700);text-decoration:underline}@media (max-width: 480px){.auth-page{padding:var(--space-4);align-items:flex-start;padding-top:var(--space-12)}.auth-card{max-width:100%}.auth-title{font-size:var(--text-xl)}.auth-form-row{grid-template-columns:1fr}}.auth-card.auth-card--wide{max-width:900px}.reg-progress{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.reg-progress__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-1-5)}.reg-progress__dot{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-gray-200);color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-normal)}.reg-progress__step.is-active .reg-progress__dot{background:var(--color-primary-600);color:var(--text-on-primary)}.reg-progress__step.is-done .reg-progress__dot{background:var(--color-success);color:var(--text-on-primary)}.reg-progress__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted)}.reg-progress__step.is-active .reg-progress__label{color:var(--color-primary-600)}.reg-progress__step.is-done .reg-progress__label{color:var(--color-success)}.reg-progress__line{width:48px;height:2px;background:var(--color-gray-200);margin:0 var(--space-2);margin-bottom:var(--space-5)}.reg-plans{padding-top:var(--space-1)}.reg-plans__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.reg-plan-card{position:relative;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.reg-plan-card:hover{border-color:var(--color-primary-400)}.reg-plan-card:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.reg-plan-card.is-selected{border-color:var(--color-primary-600);background:var(--color-primary-50);box-shadow:0 0 0 3px var(--ring-color)}.reg-plan-card.is-popular{border-color:var(--color-warning)}.reg-plan-card.is-popular.is-selected{border-color:var(--color-primary-600)}.reg-plan-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-warning);color:var(--text-on-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-0-5) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.reg-plan-card__icon{display:flex;justify-content:center;margin-bottom:var(--space-2);color:var(--text-muted)}.reg-plan-card.is-selected .reg-plan-card__icon{color:var(--color-primary-600)}.reg-plan-card__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.reg-plan-card__price{margin-bottom:var(--space-3);line-height:1}.reg-plan-card__currency{font-size:var(--text-sm);color:var(--text-muted);vertical-align:top}.reg-plan-card__amount{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.reg-plan-card__period{font-size:var(--text-xs);color:var(--text-muted)}.reg-plan-card__features{list-style:none;padding:0;margin:0 0 var(--space-3) 0;text-align:left;font-size:var(--text-xs);color:var(--text-secondary)}.reg-plan-card__features li{padding:var(--space-0-5) 0;padding-left:var(--space-5);position:relative}.reg-plan-card__features li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.reg-plan-card__check{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1-5) var(--space-3);background:var(--color-gray-100);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);transition:all var(--transition-fast)}.reg-plan-card.is-selected .reg-plan-card__check{background:var(--color-primary-600);color:var(--text-on-primary)}.reg-step-actions{display:flex;gap:var(--space-3);justify-content:space-between;align-items:center}.reg-payment{display:flex;flex-direction:column;gap:var(--space-4)}.reg-payment__summary{display:flex;align-items:center;gap:var(--space-3);background:var(--color-primary-50);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.reg-payment__plan-icon{display:flex;color:var(--color-primary-600)}.reg-payment__plan-name{display:block;font-size:var(--text-base);color:var(--text-primary)}.reg-payment__plan-price{font-size:var(--text-sm);color:var(--color-primary-600);font-weight:var(--font-semibold)}.reg-payment__notice{display:flex;gap:var(--space-3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.reg-payment__notice strong{display:block;margin-bottom:var(--space-1)}.reg-payment__notice p{margin:0;font-size:var(--text-xs);line-height:var(--leading-normal)}.reg-payment__notice svg{flex-shrink:0;margin-top:var(--space-0-5)}.reg-payment__notice--warning{background:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.reg-payment__notice--info{background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-dark)}.reg-payment__rules-list{list-style:none;padding:0;margin:var(--space-1) 0}.reg-payment__rules-list li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-xs);color:var(--color-info-dark)}.reg-payment__rules-list li svg{flex-shrink:0}.reg-payment__example{margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--color-info);font-size:var(--text-xs);color:var(--text-secondary)}.reg-payment__example code{background:var(--color-info-light);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-info-dark)}.reg-payment__error{background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-error-dark)}.reg-payment__error strong{display:block;margin-bottom:var(--space-1)}.reg-payment__error p{margin:0}.reg-payment__error-hint{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-warning-dark)}.reg-btn-pay{background:var(--color-success)!important;border-color:var(--color-success)!important}.reg-btn-pay:hover:not(:disabled){background:var(--color-success-dark)!important;border-color:var(--color-success-dark)!important}.reg-success{text-align:center;padding:var(--space-8) 0}.reg-success__icon{margin-bottom:var(--space-4);animation:reg-success-pop .4s ease}@keyframes reg-success-pop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.reg-success__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-success);margin-bottom:var(--space-2)}.reg-success__text{font-size:var(--text-sm);color:var(--text-secondary)}.reg-success__redirect{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);animation:reg-redirect-pulse 1.5s ease infinite}@keyframes reg-redirect-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 768px){.auth-card.auth-card--wide{max-width:100%}.reg-plans__grid{grid-template-columns:repeat(2,1fr)}.reg-plan-card{padding:var(--space-3)}.reg-plan-card__amount{font-size:var(--text-xl)}.reg-progress__line{width:28px}.reg-step-actions{flex-direction:column-reverse}.reg-step-actions .btn{width:100%}}@media (max-width: 480px){.reg-plans__grid{grid-template-columns:1fr}}.dl-layout{display:flex;min-height:100vh;background:var(--bg-page)}.dl-sidebar{width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:var(--z-fixed);transition:transform var(--transition-slow),width var(--transition-slow)}.dl-sidebar--closed{width:64px;overflow:visible}.dl-sidebar--mobile{display:none}.dl-sidebar--closed .dl-logo-text,.dl-sidebar--closed .dl-user-info,.dl-sidebar--closed .dl-upgrade-banner,.dl-sidebar--closed .dl-nav-content,.dl-sidebar--closed .dl-nav-lock,.dl-sidebar--closed .dl-nav-section-title,.dl-sidebar--closed .dl-theme-section,.dl-sidebar--closed .dl-logout-btn>span:last-child{display:none}.dl-sidebar--closed .dl-sidebar-nav,.dl-sidebar--closed .dl-user-card{overflow:hidden}.dl-sidebar--closed .dl-sidebar-header{justify-content:center;padding:var(--space-4) var(--space-2);position:relative}.dl-sidebar--closed .dl-sidebar-toggle{position:absolute;right:-14px;top:50%;transform:translateY(-50%);z-index:calc(var(--z-fixed) + 1);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.dl-sidebar--closed .dl-user-card{justify-content:center;padding:var(--space-2);margin:var(--space-3) var(--space-2) var(--space-2);min-width:0}.dl-sidebar--closed .dl-nav-item{justify-content:center;padding:var(--space-2-5) 0}.dl-sidebar--closed .dl-nav-icon{width:auto}.dl-sidebar--closed .dl-logout-btn{justify-content:center;padding:var(--space-2-5) 0}.dl-sidebar--closed .dl-sidebar-footer{padding:var(--space-3) var(--space-2) var(--space-4)}.dl-sidebar--closed .dl-sidebar-nav{padding:var(--space-2) var(--space-2)}.dl-sidebar-header{padding:var(--space-5) var(--space-5) var(--space-4);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0}.dl-logo{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:opacity var(--transition-normal);background:none;border:none;padding:0;text-decoration:none;color:inherit}.dl-logo:hover{opacity:.85}.dl-logo-icon{width:38px;height:38px;background:var(--color-primary-600);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dl-logo-svg{width:22px;height:22px;color:var(--text-on-primary)}.dl-logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em}.dl-sidebar-toggle{background:var(--bg-page);border:1px solid var(--border-color);color:var(--text-muted);padding:var(--space-1-5);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.dl-sidebar-toggle:hover{background:var(--bg-card-hover);color:var(--text-secondary);border-color:var(--border-color-strong)}.dl-sidebar-close{display:none;background:none;border:none;color:var(--text-muted);padding:var(--space-1);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-normal)}.dl-sidebar-close:hover{color:var(--text-primary)}.dl-user-card{margin:var(--space-4) var(--space-4) var(--space-3);padding:var(--space-3);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.dl-user-avatar{width:40px;height:40px;background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--font-bold);flex-shrink:0}[data-theme$=-dark] .dl-user-avatar{background:var(--color-primary-900);color:var(--color-primary-300)}.dl-user-info{display:flex;flex-direction:column;gap:var(--space-1);overflow:hidden;min-width:0}.dl-user-email{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-upgrade-banner{margin:0 var(--space-4) var(--space-3);padding:var(--space-3);background:var(--color-accent-50);border:1px solid var(--color-accent-200);border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}[data-theme$=-dark] .dl-upgrade-banner{background:var(--color-accent-900);border-color:var(--color-accent-800)}.dl-upgrade-icon{color:var(--color-accent-500);flex-shrink:0;display:flex}.dl-upgrade-text{flex:1;display:flex;flex-direction:column;min-width:0}.dl-upgrade-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.dl-upgrade-desc{font-size:var(--text-xs);color:var(--text-muted)}.dl-upgrade-btn{flex-shrink:0}.dl-sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3);overscroll-behavior:contain}.dl-nav-section{margin-bottom:var(--space-5)}.dl-nav-section:last-child{margin-bottom:var(--space-3)}.dl-nav-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-1);display:block}.dl-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);margin-bottom:var(--space-0-5);position:relative;border-left:3px solid transparent}.dl-nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.dl-nav-item--active{background:var(--color-primary-50);color:var(--color-primary-700);border-left-color:var(--color-primary-600)}.dl-nav-item--active:hover{background:var(--color-primary-100);color:var(--color-primary-700)}[data-theme$=-dark] .dl-nav-item--active{background:var(--color-primary-900);color:var(--color-primary-300);border-left-color:var(--color-primary-400)}[data-theme$=-dark] .dl-nav-item--active:hover{background:var(--color-primary-800);color:var(--color-primary-200)}.dl-nav-item--locked{opacity:.5;cursor:not-allowed}.dl-nav-item--locked:hover{background:transparent;color:var(--text-secondary)}.dl-nav-icon{width:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dl-nav-content{display:flex;flex-direction:column;flex:1;min-width:0}.dl-nav-label{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight)}.dl-nav-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-tight)}.dl-nav-item--active .dl-nav-desc{color:var(--color-primary-500)}[data-theme$=-dark] .dl-nav-item--active .dl-nav-desc{color:var(--color-primary-400)}.dl-nav-lock{color:var(--text-muted);flex-shrink:0;display:flex}.dl-sidebar-footer{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--border-color);flex-shrink:0}.dl-theme-section{margin-bottom:var(--space-3)}.dl-theme-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dl-theme-swatches{display:flex;align-items:center;gap:var(--space-2)}.dl-theme-swatch{width:32px;height:32px;border-radius:var(--radius-lg);border:2px solid var(--border-color);cursor:pointer;position:relative;padding:0;background:var(--bg-card);transition:border-color var(--transition-normal),box-shadow var(--transition-normal);display:flex;align-items:center;justify-content:center;overflow:hidden}.dl-theme-swatch:hover{border-color:var(--border-color-strong);box-shadow:var(--shadow-sm)}.dl-theme-swatch--active{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--ring-color)}.dl-theme-swatch--active:hover{border-color:var(--color-primary-500)}.dl-swatch-fill{width:18px;height:18px;border-radius:var(--radius-md);background:var(--swatch-color)}.dl-swatch-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-on-primary);background:var(--swatch-color);border-radius:var(--radius-md)}.dl-darkmode-toggle{width:36px;height:36px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-page);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);flex-shrink:0}.dl-darkmode-toggle:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-color-strong)}[data-theme$=-dark] .dl-darkmode-toggle{background:var(--bg-elevated);border-color:var(--border-color-strong);color:var(--color-warning)}[data-theme$=-dark] .dl-darkmode-toggle:hover{background:var(--bg-card-hover)}.dl-logout-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2-5) var(--space-3);background:var(--color-error-light);border:1px solid transparent;border-radius:var(--radius-lg);color:var(--color-error);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}.dl-logout-btn:hover{background:var(--color-error);color:var(--text-on-primary)}[data-theme$=-dark] .dl-logout-btn{background:var(--color-error-light);color:var(--color-error)}[data-theme$=-dark] .dl-logout-btn:hover{background:var(--color-error);color:var(--text-on-primary)}.dl-logout-icon{display:flex;align-items:center;flex-shrink:0}.dl-mobile-backdrop{display:none}.dl-main{flex:1;margin-left:280px;transition:margin-left var(--transition-slow);display:flex;flex-direction:column;min-height:100vh}.dl-main--expanded{margin-left:64px}.dl-header{background:var(--bg-card);padding:var(--space-3) var(--space-6);display:flex;justify-content:flex-end;align-items:center;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-xs);gap:var(--space-4);min-height:56px}.dl-mobile-menu-btn{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1-5);border-radius:var(--radius-md);transition:color var(--transition-normal)}.dl-mobile-menu-btn:hover{color:var(--text-primary)}.dl-header-right{display:flex;align-items:center;gap:var(--space-5)}.dl-usage{display:flex;align-items:center;gap:var(--space-3)}.dl-usage-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.dl-usage-bar{width:120px;height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}[data-theme$=-dark] .dl-usage-bar{background:var(--color-gray-700)}.dl-usage-fill{height:100%;background:var(--color-primary-500);border-radius:var(--radius-full);transition:width var(--transition-slow);min-width:2px}.dl-usage-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap}.dl-page-content{flex:1;padding:var(--space-6);overflow-y:auto;animation:dl-content-fade-in var(--transition-normal) ease}@keyframes dl-content-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.dl-sidebar:not(.dl-sidebar--mobile){display:none}.dl-sidebar--mobile{display:flex;position:fixed;top:0;left:0;height:100vh;width:300px;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-slow)}.dl-sidebar--mobile-open{transform:translate(0)}.dl-mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal-backdrop)}.dl-sidebar-close{display:flex}.dl-sidebar-toggle{display:none}.dl-mobile-menu-btn{display:flex}.dl-main{margin-left:0}.dl-header{justify-content:space-between}}@media (max-width: 768px){.dl-header{padding:var(--space-3) var(--space-4)}.dl-header-right{gap:var(--space-3)}.dl-usage{display:none}.dl-page-content{padding:var(--space-4)}.dl-sidebar--mobile{width:280px}}@media (max-width: 640px){.dl-page-content{padding:var(--space-3)}.dl-header{padding:var(--space-2-5) var(--space-3);min-height:48px}}@media (max-width: 1024px){.dl-nav-item{min-height:44px;padding:var(--space-3) var(--space-3)}.dl-sidebar-close,.dl-mobile-menu-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.dl-logout-btn{min-height:44px}.dl-theme-swatch,.dl-darkmode-toggle{width:44px;height:44px}}body.sidebar-open{overflow:hidden}.dash-page{max-width:1400px;margin:0 auto}.dash-header-skeleton{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.dash-chart-skeleton{margin-bottom:var(--space-6)}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.dash-stat-card{display:flex;flex-direction:column;gap:var(--space-3)}.dash-stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-stat-icon--primary{background:var(--color-primary-100);color:var(--color-primary-600)}.dash-stat-icon--accent{background:var(--color-accent-100);color:var(--color-accent-600)}.dash-stat-icon--success{background:var(--color-success-light);color:var(--color-success)}.dash-stat-icon--warning{background:var(--color-warning-light);color:var(--color-warning)}.dash-stat-icon--scheduled{background:var(--color-primary-100);color:var(--color-primary-600)}.dash-stat-card--scheduled{cursor:pointer;border:1px dashed var(--color-primary-300)}.dash-stat-card--scheduled:hover{border-color:var(--color-primary-500)}.dash-stat-body{display:flex;flex-direction:column;gap:var(--space-0-5)}.dash-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.dash-stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.dash-stat-progress{display:flex;flex-direction:column;gap:var(--space-1-5)}.dash-progress-bar{height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.dash-progress-fill{height:100%;background:var(--color-primary-500);border-radius:var(--radius-full);transition:width var(--transition-normal)}.dash-progress-text{font-size:var(--text-xs);color:var(--text-muted)}.dash-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.dash-chart-card{min-height:380px}.dash-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.dash-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.dash-period-selector{display:flex;gap:var(--space-1);background:var(--bg-input);border-radius:var(--radius-lg);padding:var(--space-0-5);border:1px solid var(--border-color)}.dash-period-btn{padding:var(--space-1-5) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.dash-period-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.dash-period-btn--active{background:var(--color-primary-600);color:var(--text-on-primary)}.dash-period-btn--active:hover{background:var(--color-primary-700);color:var(--text-on-primary)}.dash-chart-container{height:280px}.dash-feature-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);background:var(--bg-page);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.dash-locked-icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.dash-locked-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.dash-locked-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-4) 0;max-width:280px}.dash-quick-actions .dash-section-title{margin-bottom:var(--space-4)}.dash-action-list{display:flex;flex-direction:column;gap:var(--space-2)}.dash-qa-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.dash-qa-item:hover{background:var(--color-primary-50);border-color:var(--color-primary-200)}.dash-qa-item--locked{opacity:.5;cursor:not-allowed}.dash-qa-item--locked:hover{background:var(--bg-page);border-color:var(--border-color)}.dash-qa-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-primary-50);color:var(--color-primary-500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-qa-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dash-qa-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.dash-qa-desc{font-size:var(--text-xs);color:var(--text-muted)}.dash-qa-lock{color:var(--text-muted);flex-shrink:0}.dash-recent-links{margin-bottom:var(--space-6)}.dash-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.dash-short-url-cell{display:flex;align-items:center;gap:var(--space-2)}.dash-short-code{font-family:var(--font-mono, "SF Mono", "Fira Code", monospace);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-600);background:var(--color-primary-50);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-md)}.dash-copy-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--transition-fast)}.dash-copy-btn:hover{color:var(--color-primary-500)}.dash-dest-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.dash-dest-link:hover{color:var(--color-primary-600);text-decoration:underline}.dash-date{font-size:var(--text-sm);color:var(--text-muted)}.dash-actions{display:flex;gap:var(--space-1)}.dash-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.dash-action-btn:hover{background:var(--color-gray-100);color:var(--text-primary);border-color:var(--border-color-strong)}.dash-action-delete:hover{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error)}.dash-plan-card{margin-bottom:var(--space-6)}.dash-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.dash-plan-info{display:flex;flex-direction:column;gap:var(--space-1)}.dash-plan-label{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.dash-plan-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-600);margin:0}.dash-plan-features{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}.dash-plan-feature{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-3);background:var(--bg-page);border-radius:var(--radius-lg);border:1px solid var(--border-color);gap:var(--space-1)}.dash-pf-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1)}.dash-pf-icon--primary{background:var(--color-primary-50);color:var(--color-primary-500)}.dash-pf-icon--success{background:var(--color-success-light);color:var(--color-success)}.dash-pf-icon--muted{background:var(--color-gray-100);color:var(--text-muted)}.dash-pf-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.dash-pf-label{font-size:var(--text-xs);color:var(--text-muted)}[data-theme$=-dark] .dash-stat-icon--primary{background:var(--color-primary-900)}[data-theme$=-dark] .dash-stat-icon--accent{background:var(--color-accent-900)}[data-theme$=-dark] .dash-stat-icon--success{background:var(--color-success-light)}[data-theme$=-dark] .dash-stat-icon--warning{background:var(--color-warning-light)}[data-theme$=-dark] .dash-stat-icon--scheduled{background:var(--color-primary-900);color:var(--color-primary-400)}[data-theme$=-dark] .dash-stat-card--scheduled{border-color:var(--color-primary-700)}[data-theme$=-dark] .dash-stat-card--scheduled:hover{border-color:var(--color-primary-500)}[data-theme$=-dark] .dash-progress-bar{background:var(--color-gray-700)}[data-theme$=-dark] .dash-locked-icon{background:var(--color-gray-800)}[data-theme$=-dark] .dash-qa-icon{background:var(--color-primary-900);color:var(--color-primary-400)}[data-theme$=-dark] .dash-qa-item:hover{background:var(--color-primary-900);border-color:var(--color-primary-700)}[data-theme$=-dark] .dash-short-code{background:var(--color-primary-900);color:var(--color-primary-300)}[data-theme$=-dark] .dash-pf-icon--primary{background:var(--color-primary-900);color:var(--color-primary-400)}[data-theme$=-dark] .dash-pf-icon--muted{background:var(--color-gray-800)}[data-theme=carbon] .dash-qa-icon,[data-theme=carbon] .dash-pf-icon--primary{background:var(--color-accent-50);color:var(--color-accent-600)}[data-theme=carbon-dark] .dash-qa-icon,[data-theme=carbon-dark] .dash-pf-icon--primary{background:var(--color-accent-900);color:var(--color-accent-400)}[data-theme=carbon] .dash-short-code{background:var(--color-accent-50);color:var(--color-accent-700)}[data-theme=carbon-dark] .dash-short-code{background:var(--color-accent-900);color:var(--color-accent-300)}@media (max-width: 1024px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-main-grid{grid-template-columns:1fr}.dash-plan-features{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dash-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.dash-plan-features{grid-template-columns:repeat(2,1fr)}.dash-plan-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.dash-col-dest,.dash-col-date{display:none}}@media (max-width: 480px){.dash-stats-grid{grid-template-columns:1fr}.dash-plan-features{grid-template-columns:1fr 1fr}.dash-period-selector{gap:0}.dash-period-btn{padding:var(--space-1) var(--space-2);font-size:11px}.dash-section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.create-link{max-width:800px;margin:0 auto}.create-link-form{display:flex;flex-direction:column;gap:var(--space-6)}.create-link-section{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-6)}.create-link-section:last-of-type{border-bottom:none;padding-bottom:0}.create-link-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.create-link-section-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);margin-top:calc(-1 * var(--space-2))}.create-link-url-row{display:flex;gap:var(--space-3);align-items:flex-start}.create-link-url-input{flex:1}.create-link-fetch-btn{margin-top:26px;white-space:nowrap}.create-link-slug-wrapper{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.create-link-slug-wrapper:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.create-link-slug-prefix{padding:var(--space-2) var(--space-3);background:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-semibold);border-right:1px solid var(--border-color);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:var(--text-sm);white-space:nowrap}.create-link-slug-input{flex:1;border:none;padding:var(--space-2) var(--space-3);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-input);outline:none}.create-link-slug-input::placeholder{color:var(--text-muted)}.create-link-toggle{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),background var(--transition-fast);margin-bottom:var(--space-3)}.create-link-toggle:last-child{margin-bottom:0}.create-link-toggle:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.create-link-toggle input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary-600);flex-shrink:0;cursor:pointer}.create-link-toggle-info{display:flex;flex-direction:column}.create-link-toggle-text{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.create-link-toggle-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.create-link-sub-field{margin-top:var(--space-3);padding-left:var(--space-8)}.create-link-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;resize:vertical;color:var(--text-primary);background:var(--bg-input);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:1.5}.create-link-textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.create-link-textarea::placeholder{color:var(--text-muted)}.create-link-image-upload{display:flex;align-items:center;gap:var(--space-3)}.create-link-image-divider{color:var(--text-muted);font-size:var(--text-sm)}.create-link-image-url-input{flex:1;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-input);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.create-link-image-url-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.create-link-image-url-input::placeholder{color:var(--text-muted)}.create-link-image-preview{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-page);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.create-link-image-preview img{max-width:200px;max-height:100px;border-radius:var(--radius-md);object-fit:cover}.create-link-preview-section{background:var(--color-primary-50);border-radius:var(--radius-lg);padding:var(--space-6);margin:0 calc(-1 * var(--space-6));width:calc(100% + var(--space-6) * 2)}.create-link-mockups{margin-top:var(--space-6);border-top:1px solid var(--border-color);padding-top:var(--space-6)}.create-link-mockups-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-4)}.create-link-preview-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.create-link-preview-tab{padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.create-link-preview-tab:hover{border-color:var(--color-primary-300);color:var(--color-primary-600)}.create-link-preview-tab.active{background:var(--color-primary-600);color:var(--text-on-primary);border-color:transparent}.social-preview{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.preview-image-empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-sm)}.facebook-preview{max-width:500px;font-family:Helvetica,Arial,sans-serif}.facebook-preview .preview-card{border:1px solid var(--color-gray-300);border-radius:0;overflow:hidden}.facebook-preview .preview-image{width:100%;aspect-ratio:1.91/1;background:var(--color-gray-100);overflow:hidden;position:relative}.facebook-preview .preview-image img{width:100%;height:100%;object-fit:cover}.facebook-preview .preview-info{padding:10px 12px;background:var(--color-gray-100)}.facebook-preview .preview-domain{font-size:12px;color:var(--color-gray-500);text-transform:uppercase;margin-bottom:3px;display:block}.facebook-preview .preview-title{font-size:16px;font-weight:600;color:var(--color-gray-900);margin:0 0 2px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.facebook-preview .preview-desc{font-size:14px;color:var(--color-gray-500);margin:0;line-height:1.33;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.twitter-preview{max-width:500px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.twitter-preview .preview-card{border:1px solid var(--color-gray-300);border-radius:var(--radius-xl);overflow:hidden}.twitter-preview .preview-image{width:100%;aspect-ratio:1.91/1;background:var(--color-gray-50);overflow:hidden}.twitter-preview .preview-image img{width:100%;height:100%;object-fit:cover}.twitter-preview .preview-info{padding:12px;background:var(--bg-card)}.twitter-preview .preview-domain{font-size:13px;color:var(--color-gray-500);text-transform:lowercase;display:flex;align-items:center;gap:4px}.twitter-preview .preview-domain:before{content:"";display:inline-block;width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23536471' stroke-width='2'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.twitter-preview .preview-title{font-size:15px;font-weight:400;color:var(--color-gray-900);margin:2px 0 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.twitter-preview .preview-desc{font-size:15px;color:var(--color-gray-500);margin:2px 0 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.linkedin-preview{max-width:500px;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.linkedin-preview .preview-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card)}.linkedin-preview .preview-image{width:100%;aspect-ratio:1.91/1;background:var(--color-gray-100);overflow:hidden}.linkedin-preview .preview-image img{width:100%;height:100%;object-fit:cover}.linkedin-preview .preview-info{padding:12px 16px;background:var(--bg-card)}.linkedin-preview .preview-title{font-size:14px;font-weight:600;color:var(--color-gray-900);margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.linkedin-preview .preview-domain{font-size:12px;color:var(--color-gray-500);text-transform:lowercase}.whatsapp-preview{max-width:330px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.whatsapp-preview .preview-card{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-xs)}.whatsapp-preview .preview-image{width:100%;aspect-ratio:1.91/1;background:var(--color-gray-100);overflow:hidden}.whatsapp-preview .preview-image img{width:100%;height:100%;object-fit:cover}.whatsapp-preview .preview-info{padding:8px 12px 10px;background:var(--bg-card);border-left:4px solid var(--color-success)}.whatsapp-preview .preview-domain{font-size:12px;color:var(--color-success);text-transform:lowercase}.whatsapp-preview .preview-title{font-size:14px;font-weight:400;color:var(--color-gray-900);margin:2px 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.whatsapp-preview .preview-desc{font-size:13px;color:var(--color-gray-500);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.create-link-schedule-presets{margin-bottom:var(--space-3)}.create-link-schedule-presets-label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.create-link-schedule-preset-btns{display:flex;gap:var(--space-2);flex-wrap:wrap}.create-link-schedule-preset-btn{padding:var(--space-1-5) var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.create-link-schedule-preset-btn:hover{border-color:var(--color-primary-300);color:var(--color-primary-600);background:var(--color-primary-50)}.create-link-schedule-preview{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-primary-700)}.create-link-schedule-preview svg{flex-shrink:0;color:var(--color-primary-500)}.create-link-schedule-warning{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-error)}.create-link-schedule-warning svg{flex-shrink:0}.create-link-error{display:flex;align-items:center;gap:var(--space-3);background:var(--color-error-light);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-error);font-size:var(--text-sm)}.create-link-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--border-color)}.create-link-plan-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.create-link-success{margin-bottom:var(--space-6);background:var(--color-success-light);border:1px solid var(--color-success)}.create-link-success-inner{text-align:center}.create-link-success-icon{width:56px;height:56px;background:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto var(--space-4)}.create-link-success-title{font-size:var(--text-xl);color:var(--color-success-dark);margin-bottom:var(--space-4)}.create-link-result{margin-bottom:var(--space-4);background:var(--bg-card)}.create-link-result-preview{margin-bottom:var(--space-4)}.create-link-result-label{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.create-link-result-url{font-size:var(--text-2xl);font-weight:var(--font-bold)}.create-link-result-domain{color:var(--text-muted)}.create-link-result-code{color:var(--color-success)}.create-link-result-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.create-link-success-dest{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.create-link-success-dest a{color:var(--color-success);text-decoration:none}.create-link-success-dest a:hover{text-decoration:underline}.create-link-upgrade{border:2px dashed var(--border-color);background:var(--bg-page)}.create-link-upgrade-inner{display:flex;align-items:center;gap:var(--space-4)}.create-link-upgrade-icon{color:var(--color-primary-600);flex-shrink:0}.create-link-upgrade-text{flex:1}.create-link-upgrade-text strong{display:block;color:var(--text-primary);margin-bottom:var(--space-1)}.create-link-upgrade-text p{font-size:var(--text-sm);color:var(--text-muted);margin:0}@media (max-width: 768px){.create-link-url-row{flex-direction:column}.create-link-fetch-btn{margin-top:0;width:100%;justify-content:center}.create-link-footer{flex-direction:column;gap:var(--space-4);align-items:stretch}.create-link-plan-info{justify-content:center}.create-link-result-actions{flex-direction:column}.create-link-preview-section{margin:0 calc(-1 * var(--space-4));width:calc(100% + var(--space-4) * 2);padding:var(--space-4)}.create-link-upgrade-inner{flex-direction:column;text-align:center}.create-link-preview-tabs{overflow-x:auto;padding-bottom:var(--space-2);flex-wrap:nowrap}.create-link-sub-field{padding-left:0}}@media (max-width: 600px){.create-link-image-upload{flex-direction:column;align-items:stretch}.create-link-image-divider{text-align:center;margin:var(--space-1) 0}.create-link-image-preview{flex-direction:column;align-items:flex-start}.create-link-image-preview img{max-width:100%}}.mylinks{max-width:1200px;margin:0 auto;min-width:0;overflow-wrap:break-word}.mylinks-header-actions{display:flex;align-items:center;gap:var(--space-3)}.mylinks-summary{margin-bottom:var(--space-6)}.mylinks-summary-grid{display:flex;gap:var(--space-8)}.mylinks-stat{display:flex;flex-direction:column}.mylinks-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-600)}.mylinks-stat-label{font-size:var(--text-sm);color:var(--text-muted)}.mylinks-status-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);background:var(--bg-input);border-radius:var(--radius-lg);padding:var(--space-0-5);border:1px solid var(--border-color);width:fit-content}.mylinks-status-tab{padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-1-5);white-space:nowrap}.mylinks-status-tab:hover{color:var(--text-primary);background:var(--bg-card-hover)}.mylinks-status-tab--active{background:var(--color-primary-600);color:var(--text-on-primary)}.mylinks-status-tab--active:hover{background:var(--color-primary-700);color:var(--text-on-primary)}.mylinks-status-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);background:var(--color-warning);color:#fff}.mylinks-status-tab--active .mylinks-status-tab-count{background:#ffffff40;color:var(--text-on-primary)}.mylinks-controls{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.mylinks-search{flex:1}.mylinks-sort{min-width:180px}.mylinks-list{display:flex;flex-direction:column;gap:var(--space-3)}.mylinks-card{transition:box-shadow var(--transition-fast)}.mylinks-card-content{display:flex;align-items:center;gap:var(--space-4)}.mylinks-icon{width:44px;height:44px;min-width:44px;background:var(--color-primary-50);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600)}.mylinks-details{flex:1;min-width:0}.mylinks-short-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-1)}.mylinks-short-code{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-primary-700);background:var(--color-primary-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);overflow-wrap:break-word;word-break:break-all;min-width:0}.mylinks-scheduled-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);flex-wrap:wrap}.mylinks-scheduled-info{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-warning-dark);font-weight:var(--font-medium)}.mylinks-scheduled-actions{display:flex;gap:var(--space-1)}.mylinks-destination{display:block;color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:color var(--transition-fast)}.mylinks-destination:hover{color:var(--text-primary)}.mylinks-stats{display:flex;gap:var(--space-6);flex-shrink:0}.mylinks-stat-cell{text-align:center}.mylinks-stat-cell-value{display:block;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.mylinks-stat-cell-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.mylinks-actions{display:flex;gap:var(--space-1);flex-shrink:0}.mylinks-btn-delete:hover{color:var(--color-error)!important;background:var(--color-error-light)!important}.mylinks-skeleton-card{min-height:68px}.mylinks-skeleton-row{display:flex;align-items:center;gap:var(--space-4)}.mylinks-skeleton-text{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.mylinks-edit-form{display:flex;flex-direction:column;gap:var(--space-4)}.mylinks-edit-footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.mylinks-edit-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);border:1px solid var(--color-error)}.mylinks-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;resize:vertical;color:var(--text-primary);background:var(--bg-input);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:1.5}.mylinks-textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.mylinks-textarea::placeholder{color:var(--text-muted)}.mylinks-utm-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.mylinks-utm-content{margin-top:var(--space-2)}.mylinks-toggle{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.mylinks-toggle:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.mylinks-toggle input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary-600);flex-shrink:0}.mylinks-toggle-info{display:flex;flex-direction:column}.mylinks-toggle-text{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.mylinks-toggle-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.mylinks-password-status{display:flex;flex-direction:column;gap:var(--space-3)}.mylinks-password-actions{display:flex;gap:var(--space-2)}@media (max-width: 1024px){.mylinks-stats{gap:var(--space-4)}}@media (max-width: 768px){.mylinks-status-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mylinks-status-tab{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs)}.mylinks-scheduled-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.mylinks-header-actions{flex-direction:column;width:100%;gap:var(--space-2)}.mylinks-header-actions .btn{width:100%;justify-content:center}.mylinks-summary-grid{gap:var(--space-4)}.mylinks-controls{flex-direction:column}.mylinks-sort{min-width:auto}.mylinks-card-content{flex-direction:column;align-items:flex-start}.mylinks-icon{display:none}.mylinks-stats{width:100%;justify-content:flex-start;gap:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.mylinks-actions{width:100%;justify-content:flex-end;padding-top:var(--space-2);border-top:1px solid var(--border-color)}.mylinks-utm-grid{grid-template-columns:1fr}.mylinks-edit-footer{flex-direction:column-reverse}.mylinks-edit-footer .btn{width:100%;justify-content:center}}@media (max-width: 640px){.mylinks-summary-grid{flex-direction:column;gap:var(--space-3)}.mylinks-short-row{gap:var(--space-1)}}.anl-page{max-width:1200px;margin:0 auto;min-width:0;overflow-wrap:break-word}.anl-skeleton-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.anl-skeleton-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.anl-breadcrumb{display:inline-flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-sm)}.anl-breadcrumb-link{background:none;border:none;padding:0;color:var(--color-primary-600);font-size:var(--text-sm);cursor:pointer;font-family:inherit;transition:color var(--transition-fast)}.anl-breadcrumb-link:hover{text-decoration:underline;color:var(--color-primary-700)}.anl-breadcrumb svg{color:var(--text-muted)}.anl-breadcrumb>span:last-child{color:var(--text-muted)}.anl-link-card{margin-bottom:var(--space-6)}.anl-link-info{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.anl-link-urls{display:flex;gap:var(--space-8);flex:1;flex-wrap:wrap}.anl-link-field{display:flex;flex-direction:column;gap:var(--space-1-5)}.anl-link-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.anl-link-row{display:flex;align-items:center;gap:var(--space-0-5)}.anl-link-domain{font-size:var(--text-lg);color:var(--text-muted);font-weight:var(--font-medium)}.anl-link-code{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary-600)}.anl-copy-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);margin-left:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--transition-fast)}.anl-copy-btn:hover{color:var(--color-primary-500)}.anl-dest-url{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.anl-dest-url:hover{color:var(--color-primary-600);text-decoration:underline}.anl-link-actions{display:flex;gap:var(--space-2);flex-shrink:0}.anl-qr-body{display:flex;justify-content:center;padding:var(--space-4) 0}.anl-qr-image{max-width:200px;width:100%;border-radius:var(--radius-lg)}.anl-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.anl-stat-card{display:flex;align-items:center;gap:var(--space-3)}.anl-stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.anl-stat-icon--primary{background:var(--color-primary-100);color:var(--color-primary-600)}.anl-stat-icon--info{background:var(--color-info-light);color:var(--color-info)}.anl-stat-icon--success{background:var(--color-success-light);color:var(--color-success)}.anl-stat-icon--warning{background:var(--color-warning-light);color:var(--color-warning)}.anl-stat-body{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0}.anl-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anl-stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.anl-empty-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.anl-chart-card{margin-bottom:var(--space-6);min-width:0}.anl-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.anl-chart-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.anl-chart-container{width:100%;min-width:0;overflow:hidden}.anl-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.anl-charts-grid .anl-chart-card{margin-bottom:0}[data-theme$=-dark] .anl-stat-icon--primary{background:var(--color-primary-900)}[data-theme$=-dark] .anl-stat-icon--info{background:#3b82f626}[data-theme$=-dark] .anl-stat-icon--success{background:var(--color-success-light)}[data-theme$=-dark] .anl-stat-icon--warning{background:var(--color-warning-light)}[data-theme$=-dark] .anl-breadcrumb-link,[data-theme$=-dark] .anl-link-code{color:var(--color-primary-400)}[data-theme=carbon] .anl-stat-icon--primary{background:var(--color-accent-50);color:var(--color-accent-600)}[data-theme=carbon-dark] .anl-stat-icon--primary{background:var(--color-accent-900);color:var(--color-accent-400)}[data-theme=carbon] .anl-link-code{color:var(--color-accent-600)}[data-theme=carbon-dark] .anl-link-code{color:var(--color-accent-400)}.anl-period-selector{display:flex;gap:var(--space-1);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-1)}.anl-period-btn{padding:var(--space-1) var(--space-3);background:none;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.anl-period-btn:hover{color:var(--text-secondary);background:var(--bg-card-hover)}.anl-period-btn--active{background:var(--bg-card);color:var(--color-primary-600);box-shadow:var(--shadow-sm)}.anl-top-links{display:flex;flex-direction:column;gap:var(--space-2)}.anl-top-link-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-page);cursor:pointer;transition:all var(--transition-fast)}.anl-top-link-row:hover{background:var(--bg-card-hover);border-color:var(--border-color-strong)}.anl-top-link-rank{width:24px;height:24px;background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0}[data-theme$=-dark] .anl-top-link-rank{background:var(--color-primary-900);color:var(--color-primary-300)}.anl-top-link-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.anl-top-link-code{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-600)}[data-theme$=-dark] .anl-top-link-code{color:var(--color-primary-400)}.anl-top-link-dest{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anl-top-link-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.anl-top-link-arrow{color:var(--text-muted)}.anl-heatmap-wrapper{overflow-x:auto}.anl-heatmap-grid{display:grid;grid-template-columns:40px repeat(24,1fr);grid-template-rows:20px repeat(7,1fr);gap:2px;min-width:480px}.anl-heatmap-cell{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);min-width:14px;min-height:14px;transition:opacity var(--transition-fast);cursor:default;position:relative}.anl-heatmap-cell--0{background:var(--bg-page);border:1px solid var(--border-color)}.anl-heatmap-cell--1{background:var(--color-primary-100)}.anl-heatmap-cell--2{background:var(--color-primary-200)}.anl-heatmap-cell--3{background:var(--color-primary-300)}.anl-heatmap-cell--4{background:var(--color-primary-500)}.anl-heatmap-cell--5{background:var(--color-primary-700)}.anl-heatmap-day-label{font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-1);font-weight:var(--font-medium)}.anl-heatmap-hour-label{font-size:10px;color:var(--text-muted);text-align:center}.anl-heatmap-cell:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--color-gray-900);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-size:11px;white-space:nowrap;z-index:10;pointer-events:none}.anl-trends-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.anl-trend-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.anl-trend-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.anl-trend-value{display:flex;align-items:center;gap:var(--space-2)}.anl-trend-number{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.anl-trend-change{display:inline-flex;align-items:center;gap:var(--space-0-5);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full)}.anl-trend-change--up{color:var(--color-success);background:var(--color-success-light)}.anl-trend-change--down{color:var(--color-error);background:var(--color-error-light)}.anl-trend-change--neutral{color:var(--text-muted);background:var(--bg-page);border:1px solid var(--border-color)}.anl-trend-comparison{font-size:var(--text-xs);color:var(--text-muted)}.anl-referrer-table,.anl-utm-table{width:100%;border-collapse:collapse}.anl-referrer-table th,.anl-utm-table th{text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--border-color)}.anl-referrer-table td,.anl-utm-table td{padding:var(--space-2-5) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.anl-referrer-table tr:last-child td,.anl-utm-table tr:last-child td{border-bottom:none}.anl-referrer-table td:last-child,.anl-utm-table td:last-child{text-align:right;font-weight:var(--font-semibold);color:var(--text-primary)}.anl-referrer-domain{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.anl-upgrade-prompt{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-page);border:1px dashed var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.anl-upgrade-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-primary-100);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.anl-upgrade-text{flex:1}.anl-upgrade-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-0-5)}.anl-upgrade-desc{font-size:var(--text-xs);color:var(--text-muted)}.anl-stats-grid--5{grid-template-columns:repeat(5,1fr)}[data-theme$=-dark] .anl-heatmap-cell--0{background:var(--bg-card);border-color:var(--border-color)}[data-theme$=-dark] .anl-upgrade-icon{background:var(--color-primary-900)}[data-theme$=-dark] .anl-trend-item{background:var(--bg-card)}.anl-trend-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.anl-trend-current{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.anl-trend-prev{font-size:var(--text-xs);color:var(--text-muted)}.anl-trend-values{display:flex;flex-direction:column;gap:var(--space-0-5)}.anl-trend-up{color:var(--color-success);background:var(--color-success-light)}.anl-trend-down{color:var(--color-error);background:#ef44441a}.anl-heatmap-row-label{font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;font-weight:var(--font-medium);padding-right:var(--space-1)}.anl-heatmap-col-label{font-size:10px;color:var(--text-muted);text-align:center;line-height:20px}.anl-upgrade-lock{color:var(--text-muted);flex-shrink:0}.anl-utm-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.anl-utm-table{min-width:480px}.anl-utm-clicks,.anl-referrer-count{text-align:right;font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap}.anl-filter-bar{margin-bottom:var(--space-6)}.anl-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end;margin-bottom:var(--space-3)}.anl-filter-row:last-child{margin-bottom:0}.anl-filter-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:140px}.anl-filter-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.anl-filter-date{padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-card);transition:border-color var(--transition-fast);min-height:36px}.anl-filter-date:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.anl-filter-select{padding:var(--space-1-5) var(--space-2-5);padding-right:var(--space-8);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-card);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;transition:border-color var(--transition-fast);min-height:36px}.anl-filter-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.anl-filter-presets{display:flex;gap:var(--space-1);align-items:flex-end}.anl-preset-btn{padding:var(--space-1-5) var(--space-2-5);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;min-height:36px}.anl-preset-btn:hover{background:var(--bg-card-hover);color:var(--color-primary-600);border-color:var(--color-primary-300)}.anl-filter-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.anl-filter-export-group{display:flex;gap:var(--space-2);margin-left:auto}[data-theme$=-dark] .anl-filter-date,[data-theme$=-dark] .anl-filter-select{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}[data-theme$=-dark] .anl-filter-date:focus,[data-theme$=-dark] .anl-filter-select:focus{box-shadow:0 0 0 3px #0d948826}[data-theme$=-dark] .anl-preset-btn{background:var(--bg-card);border-color:var(--border-color)}[data-theme$=-dark] .anl-filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}@media (max-width: 1024px){.anl-stats-grid{grid-template-columns:repeat(2,1fr)}.anl-charts-grid{grid-template-columns:1fr}.anl-skeleton-stats{grid-template-columns:repeat(2,1fr)}.anl-stats-grid--5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.anl-link-info{flex-direction:column;align-items:flex-start}.anl-link-urls{flex-direction:column;gap:var(--space-3);width:100%}.anl-link-actions{width:100%;flex-wrap:wrap}.anl-link-actions .btn{flex:1;min-width:0}.anl-stats-grid,.anl-skeleton-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.anl-stat-card{flex-direction:column;text-align:center}.anl-stat-icon{width:44px;height:44px}.anl-stat-value{font-size:var(--text-lg)}.anl-stats-grid--5{grid-template-columns:repeat(2,1fr)}.anl-trends-grid{grid-template-columns:1fr}.anl-heatmap-wrapper{overflow-x:auto}.anl-upgrade-prompt{flex-direction:column;text-align:center}.anl-filter-row{flex-direction:column;gap:var(--space-2)}.anl-filter-group{width:100%}.anl-filter-presets{width:100%;justify-content:flex-start}.anl-filter-export-group{margin-left:0;width:100%}}@media (max-width: 640px){.anl-stats-grid,.anl-skeleton-stats{grid-template-columns:1fr}.anl-stat-card{flex-direction:row;text-align:left}.anl-link-domain,.anl-link-code{font-size:var(--text-base)}.anl-link-actions{flex-direction:column}.anl-link-actions .btn{width:100%;justify-content:center}.anl-empty-actions{flex-direction:column;width:100%}.anl-empty-actions .btn{width:100%}.anl-stats-grid--5{grid-template-columns:1fr}.anl-referrer-table td,.anl-utm-table td{font-size:var(--text-xs)}.anl-filter-actions{flex-direction:column}.anl-filter-actions .btn{width:100%}.anl-filter-export-group{flex-direction:column}.anl-filter-export-group .btn{width:100%}}.qr-codes-page{max-width:1200px;margin:0 auto}.qr-locked-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.qr-locked-card{text-align:center;max-width:420px;margin:0 auto}.qr-locked-icon{margin-bottom:var(--space-4)}.qr-locked-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.qr-locked-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-6);line-height:1.5}.qr-content{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:var(--space-6);margin-bottom:var(--space-8)}.qr-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.qr-links-selector .qr-skeleton-list{display:flex;flex-direction:column;gap:var(--space-3)}.qr-links-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.qr-link-option{padding:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.qr-link-option:hover{border-color:var(--color-primary-400);background:var(--color-primary-50)}.qr-link-selected{border-color:var(--color-primary-600);background:var(--color-primary-50)}.qr-link-code{font-family:monospace;font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-primary-600);margin-bottom:var(--space-1)}.qr-link-url{font-size:var(--text-sm);color:var(--text-muted)}.qr-logo-content{display:flex;flex-direction:column;gap:var(--space-3)}.qr-logo-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.qr-logo-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.qr-logo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-page);cursor:pointer;transition:var(--transition-fast)}.qr-logo-dropzone:hover,.qr-logo-dropzone:focus-visible{border-color:var(--color-primary-400);background:var(--color-primary-50);outline:none}.qr-logo-dropzone-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.qr-logo-dropzone-hint{font-size:var(--text-xs);color:var(--text-muted)}.qr-logo-preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.qr-logo-preview{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-lg);border:2px solid var(--border-color);background:var(--bg-card);overflow:hidden}.qr-logo-preview-img{width:100%;height:100%;object-fit:contain}.qr-logo-preview-actions{display:flex;gap:var(--space-2)}.qr-logo-change-btn,.qr-logo-remove-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.qr-logo-change-btn:hover,.qr-logo-change-btn:focus-visible{border-color:var(--color-primary-400);color:var(--color-primary-600);outline:none}.qr-logo-remove-btn:hover{border-color:var(--color-red-400, #f87171);color:var(--color-red-600, #dc2626)}.qr-logo-locked{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--bg-page);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.qr-logo-locked-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-gray-100);border-radius:var(--radius-full)}.qr-logo-locked-text{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.5}.qr-placeholder,.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);background:var(--bg-page);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.qr-placeholder-text,.qr-loading-text{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-4) 0 0}.qr-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--color-primary-600);border-radius:var(--radius-full);animation:qr-spin 1s linear infinite}@keyframes qr-spin{to{transform:rotate(360deg)}}.qr-result{text-align:center}.qr-image-container{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-4);border:1px solid var(--border-color)}.qr-image{width:260px;height:260px;object-fit:contain;display:block}.qr-info{margin-bottom:var(--space-4)}.qr-link-display{font-family:monospace;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary-600);margin:0 0 var(--space-1)}.qr-destination{font-size:var(--text-sm);color:var(--text-muted);word-break:break-all;margin:0}.qr-actions{display:flex;gap:var(--space-3);justify-content:center}.qr-tips-section{margin-bottom:var(--space-8)}.qr-tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.qr-tip-card{text-align:center}.qr-tip-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto var(--space-3);background:var(--color-primary-50);border-radius:var(--radius-lg)}.qr-tip-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.qr-tip-text{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;margin:0}@media (max-width: 1024px){.qr-content{grid-template-columns:1fr 1fr}.qr-preview-card{grid-column:1 / -1}.qr-tips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.qr-content{grid-template-columns:1fr}.qr-preview-card{grid-column:auto}}@media (max-width: 640px){.qr-tips-grid{grid-template-columns:1fr}.qr-actions{flex-direction:column}.qr-image{width:200px;height:200px}}.settings-page{max-width:800px;margin:0 auto}.settings-grid{display:flex;flex-direction:column;gap:var(--space-6)}.settings-card{padding:var(--space-6)}.settings-card-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.settings-card-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-primary-50);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.settings-card-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.profile-layout{display:flex;gap:var(--space-8)}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.user-avatar-large{width:88px;height:88px;background:var(--color-primary-600);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-on-primary)}.profile-fields{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.password-form{display:flex;flex-direction:column;gap:var(--space-4)}.password-form .btn{align-self:flex-start}.tfa-section{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-color);gap:var(--space-4)}.tfa-info{flex:1}.tfa-header-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.tfa-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0}.tfa-description{font-size:var(--text-sm);color:var(--text-muted);margin:0}.tfa-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.tfa-setup-body{display:flex;flex-direction:column;gap:var(--space-4)}.tfa-instruction{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}.tfa-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-8);color:var(--text-muted)}.tfa-qr-container{display:flex;justify-content:center;padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.tfa-qr-image{border-radius:var(--radius-md)}.tfa-manual-entry{display:flex;flex-direction:column;gap:var(--space-2)}.tfa-manual-label{font-size:var(--text-xs);color:var(--text-muted);margin:0}.tfa-secret-display{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md)}.tfa-secret-code{flex:1;font-size:var(--text-sm);font-family:monospace;color:var(--text-primary);word-break:break-all;letter-spacing:.05em}.tfa-warning-banner{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-warning-light, #FFF3CD);border:1px solid var(--color-warning, #FFC107);border-radius:var(--radius-md);color:var(--color-warning-dark, #856404)}.tfa-warning-banner svg{flex-shrink:0;margin-top:2px}.tfa-warning-banner p{font-size:var(--text-sm);line-height:1.5;margin:0}.tfa-backup-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md)}.tfa-backup-code{font-family:monospace;font-size:var(--text-sm);color:var(--text-primary);padding:var(--space-1-5) var(--space-2);background:var(--bg-card);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--border-color);letter-spacing:.1em}.tfa-backup-actions{display:flex;gap:var(--space-3);justify-content:center}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.theme-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:var(--transition-fast);text-align:left}.theme-card:hover{border-color:var(--color-primary-300)}.theme-card-active{border-color:var(--color-primary-600);box-shadow:0 0 0 1px var(--color-primary-600)}.theme-preview{background:var(--bg-input);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.theme-swatch-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.theme-swatch{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid var(--bg-card);box-shadow:var(--shadow-xs)}.theme-preview-lines{display:flex;flex-direction:column;gap:var(--space-2)}.theme-line{height:4px;border-radius:2px;opacity:.7}.theme-line-muted{background:var(--color-gray-300)}.theme-card-footer{display:flex;align-items:center;justify-content:space-between}.theme-card-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.theme-check{color:var(--color-primary-600);display:flex;align-items:center}.dark-mode-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-input);border-radius:var(--radius-lg)}.dark-mode-info{display:flex;align-items:center;gap:var(--space-3)}.dark-mode-icon{color:var(--text-secondary);display:flex;align-items:center}.dark-mode-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-0) 0}.dark-mode-description{font-size:var(--text-xs);color:var(--text-muted);margin:0}.settings-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--color-gray-300);border-radius:var(--radius-full);transition:var(--transition-fast)}.settings-toggle-slider:before{position:absolute;content:"";width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:var(--radius-full);transition:var(--transition-fast);box-shadow:var(--shadow-xs)}.settings-toggle input:checked+.settings-toggle-slider{background:var(--color-primary-600)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(22px)}.settings-toggle input:focus-visible+.settings-toggle-slider{box-shadow:0 0 0 2px var(--color-primary-200)}.preferences-list{display:flex;flex-direction:column}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--border-color)}.preference-item:last-child{border-bottom:none;padding-bottom:0}.preference-item:first-child{padding-top:0}.preference-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin:0 0 var(--space-1) 0}.preference-desc{font-size:var(--text-xs);color:var(--text-muted);margin:0}.settings-danger-card{border-color:var(--color-error-light)}.settings-danger-icon{background:var(--color-error-light);color:var(--color-error)}.settings-danger-title{color:var(--color-error)}.danger-action{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.danger-action-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin:0 0 var(--space-1) 0}.danger-action-desc{font-size:var(--text-xs);color:var(--text-muted);margin:0}.delete-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.delete-modal-body{display:flex;flex-direction:column;gap:var(--space-4)}.delete-warning-banner{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error-dark)}.delete-warning-banner svg{flex-shrink:0;margin-top:2px}.delete-warning-banner p{font-size:var(--text-sm);line-height:1.5;margin:0}@media (max-width: 768px){.settings-card{padding:var(--space-4)}.profile-layout{flex-direction:column;align-items:center;gap:var(--space-5)}.theme-grid{grid-template-columns:1fr}.danger-action{flex-direction:column;text-align:center}.tfa-section{flex-direction:column;gap:var(--space-3);text-align:center}.tfa-header-row{justify-content:center}.tfa-backup-codes{grid-template-columns:1fr}}.domains-page{max-width:1200px;margin:0 auto}.domains-upgrade-card{max-width:640px;margin:var(--space-8) auto}.domains-upgrade-content{text-align:center}.domains-upgrade-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-primary-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600)}.domains-upgrade-content h1{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 var(--space-2)}.domains-upgrade-content>p{color:var(--text-secondary);margin:0 0 var(--space-6);line-height:1.6;max-width:480px;margin-left:auto;margin-right:auto}.domains-upgrade-features{text-align:left;display:inline-block;margin-bottom:var(--space-6)!important;background:var(--bg-page)!important}.domains-upgrade-features h3{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.domains-upgrade-features ul{list-style:none;padding:0;margin:0}.domains-upgrade-features li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) 0;font-size:var(--text-sm);color:var(--text-secondary)}.domains-upgrade-features li svg{color:var(--color-success);flex-shrink:0}.domains-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.domains-add-form{display:flex;flex-direction:column;gap:var(--space-4)}.domains-instructions{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.domains-verification-card{margin-bottom:var(--space-6);border-left:4px solid var(--color-primary-500)}.domains-verification-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.domains-verification-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-4)}.domains-dns-record{background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-3)}.domains-dns-row{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.domains-dns-row:last-child{border-bottom:none}.domains-dns-label{font-weight:var(--font-semibold);color:var(--text-primary);min-width:60px;flex-shrink:0;font-size:var(--text-sm)}.domains-dns-value{color:var(--text-secondary);word-break:break-all;font-family:Courier New,Courier,monospace;font-size:var(--text-sm);background:none;border:none;text-align:left;padding:0}.domains-dns-copyable{cursor:pointer;position:relative;transition:color var(--transition-fast)}.domains-dns-copyable:hover{color:var(--color-primary-600)}.domains-copy-hint{display:none;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--text-xs);color:var(--color-primary-600);margin-left:var(--space-2);font-weight:var(--font-medium)}.domains-dns-copyable:hover .domains-copy-hint{display:inline}.domains-dns-note{font-size:var(--text-xs);color:var(--text-muted);margin:0;font-style:italic}.domains-how-it-works{margin-bottom:var(--space-6)}.domains-how-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4);text-align:center}.domains-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5)}.domains-step{text-align:center}.domains-step-number{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-600);color:var(--text-on-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-base);margin:0 auto var(--space-3)}.domains-step h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.domains-step p{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.5}.domains-list{display:flex;flex-direction:column;gap:var(--space-3)}.domains-card-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.domains-card-info{flex:1;min-width:0}.domains-card-name-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.domains-card-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.domains-card-badges{display:flex;gap:var(--space-2)}.domains-card-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-2)}.domains-meta-item{font-size:var(--text-xs);color:var(--text-muted)}.domains-verify-hint{display:flex;align-items:flex-start;gap:var(--space-2);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-2)}.domains-verify-hint svg{color:var(--color-warning-dark);flex-shrink:0;margin-top:1px}.domains-verify-hint p{margin:0;font-size:var(--text-xs);color:var(--color-warning-dark);line-height:1.5}.domains-verify-hint code{background:#0000000f;padding:1px var(--space-1-5);border-radius:var(--radius-sm);font-size:var(--text-xs);word-break:break-all}.domains-card-actions{display:flex;gap:var(--space-2);flex-shrink:0}@media (max-width: 768px){.domains-card-content{flex-direction:column}.domains-card-actions{width:100%}.domains-card-actions .btn{flex:1}.domains-card-name-row{flex-direction:column;align-items:flex-start}.domains-card-meta{flex-direction:column;gap:var(--space-1)}}.billing-page{max-width:900px;margin:0 auto}.billing-skeleton-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.billing-plan-card,.billing-actions-card,.billing-usage-card,.billing-plans-card,.billing-history-card{padding:var(--space-6);margin-bottom:var(--space-6)}.billing-grid .billing-plan-card,.billing-grid .billing-actions-card{margin-bottom:0}.billing-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.billing-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.billing-card-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0 0}.billing-plan-display{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-color)}.billing-plan-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--radius-xl);flex-shrink:0}.billing-plan-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.billing-plan-price{display:flex;align-items:baseline}.billing-price-dollar{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary-600)}.billing-price-amount{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary-600)}.billing-price-interval{font-size:var(--text-sm);color:var(--text-muted);margin-left:var(--space-1)}.billing-plan-meta{display:flex;gap:var(--space-8)}.billing-meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.billing-meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.billing-meta-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-semibold)}.billing-notice{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.billing-notice svg{flex-shrink:0;margin-top:1px}.billing-notice p{margin:0}.billing-notice-warning{background:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.billing-notice-error{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.billing-actions-list{display:flex;flex-direction:column;gap:var(--space-3)}.billing-action-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-input);border-radius:var(--radius-lg)}.billing-action-upgrade{background:var(--color-primary-50);border:1px solid var(--color-primary-100)}.billing-action-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-50);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.billing-action-icon-danger{background:var(--color-error-light);color:var(--color-error)}.billing-action-info{flex:1;min-width:0}.billing-action-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin:0 0 var(--space-1) 0}.billing-action-desc{font-size:var(--text-xs);color:var(--text-muted);margin:0}.billing-usage-stat{display:flex;flex-direction:column;gap:var(--space-2)}.billing-usage-header{display:flex;justify-content:space-between;align-items:center}.billing-usage-label{font-size:var(--text-sm);color:var(--text-secondary)}.billing-usage-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.billing-usage-bar{height:8px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden}.billing-usage-fill{height:100%;background:var(--color-primary-600);border-radius:var(--radius-full);transition:width .5s ease}.billing-usage-fill-warning{background:var(--color-warning)}.billing-usage-warning{font-size:var(--text-xs);color:var(--color-warning-dark);margin:var(--space-1) 0 0 0}.billing-mini-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.billing-mini-plan{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);transition:var(--transition-fast)}.billing-mini-plan:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md)}.billing-mini-plan-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.billing-mini-plan-icon{color:var(--color-primary-600)}.billing-mini-plan-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.billing-mini-plan-price{margin-bottom:var(--space-3)}.billing-mini-price-amount{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.billing-mini-price-period{font-size:var(--text-sm);color:var(--text-muted)}.billing-mini-plan-features{list-style:none;padding:0;margin:0 0 var(--space-4) 0}.billing-mini-plan-features li{padding:var(--space-1) 0;font-size:var(--text-xs);color:var(--text-secondary)}.billing-mini-plan-features li:before{content:"";display:inline-block;width:14px;height:14px;margin-right:var(--space-2);background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;vertical-align:middle}.billing-history-card{padding:var(--space-6)}@media (max-width: 768px){.billing-grid{grid-template-columns:1fr}.billing-plan-display{flex-direction:column;text-align:center}.billing-plan-meta{flex-direction:column;gap:var(--space-3)}.billing-action-item{flex-direction:column;text-align:center}.billing-mini-plans{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.billing-mini-plans{grid-template-columns:1fr}}.pricing-page{max-width:1400px;margin:0 auto;padding:0 var(--space-4);min-width:0;overflow-wrap:break-word}.pricing-hero{text-align:center;padding:var(--space-16) var(--space-4) var(--space-10)}.pricing-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.pricing-subtitle{font-size:var(--text-lg);color:var(--text-muted);margin:0 0 var(--space-8) 0;max-width:600px;margin-left:auto;margin-right:auto}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.pricing-toggle-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-2);transition:var(--transition-fast)}.pricing-toggle-active{color:var(--text-primary);font-weight:var(--font-semibold)}.pricing-save-badge{vertical-align:middle}.pricing-toggle-switch{position:relative;width:52px;height:28px;background:var(--color-gray-300);border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);padding:0}.pricing-toggle-annual{background:var(--color-primary-600)}.pricing-toggle-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:var(--radius-full);transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.pricing-toggle-annual .pricing-toggle-knob{transform:translate(24px)}.pricing-billed-annually{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-16)}.pricing-card{position:relative;display:flex;flex-direction:column;padding:var(--space-6)}.pricing-card-popular{border-color:var(--color-primary-400);box-shadow:var(--shadow-lg)}.pricing-card-current{border-color:var(--color-success)}.pricing-popular-badge,.pricing-current-badge{position:absolute;top:calc(-1 * var(--space-3));left:50%;transform:translate(-50%);white-space:nowrap}.pricing-card-header{text-align:center;margin-bottom:var(--space-5)}.pricing-plan-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);background:var(--color-primary-50);color:var(--color-primary-600)}.pricing-plan-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.pricing-plan-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0}.pricing-price-section{text-align:center;margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-color)}.pricing-price{display:flex;align-items:baseline;justify-content:center}.pricing-currency{font-size:var(--text-xl);color:var(--text-muted);font-weight:var(--font-semibold);align-self:flex-start;margin-top:var(--space-2)}.pricing-amount{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.pricing-period{font-size:var(--text-sm);color:var(--text-muted);margin-left:var(--space-1)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-6) 0;flex:1}.pricing-features li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm)}.pricing-feature-included{color:var(--text-secondary)}.pricing-feature-excluded{color:var(--text-muted)}.pricing-feature-icon{width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pricing-feature-included .pricing-feature-icon{background:var(--color-success-light);color:var(--color-success)}.pricing-feature-excluded .pricing-feature-icon{background:var(--color-gray-100);color:var(--color-gray-400)}.pricing-faq{max-width:900px;margin:0 auto;padding:0 0 var(--space-16) 0}.pricing-faq-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);text-align:center;margin:0 0 var(--space-8) 0}.pricing-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.pricing-faq-card{padding:var(--space-5)}.pricing-faq-q{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.pricing-faq-a{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width: 1200px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-hero{padding:var(--space-10) var(--space-4) var(--space-8)}.pricing-title{font-size:var(--text-3xl)}}@media (max-width: 640px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.pricing-hero{padding:var(--space-8) var(--space-4) var(--space-6)}.pricing-title{font-size:var(--text-2xl)}.pricing-subtitle{font-size:var(--text-base)}.pricing-faq-grid{grid-template-columns:1fr}}.bulk-page{max-width:1000px;margin:0 auto}.bulk-locked-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.bulk-locked-card{text-align:center;max-width:480px;margin:0 auto}.bulk-locked-icon{margin-bottom:var(--space-4)}.bulk-locked-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.bulk-locked-text{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-6)}.bulk-features{background:var(--bg-page);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);text-align:left;display:inline-block}.bulk-features-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.bulk-features-list{list-style:none;padding:0;margin:0}.bulk-features-list li{padding:var(--space-1) 0;color:var(--text-secondary);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.bulk-features-list li:before{content:"";width:16px;height:16px;background:var(--color-success);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;flex-shrink:0}.bulk-template-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.bulk-template-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.bulk-template-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0}.bulk-dropzone{background:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;cursor:pointer;transition:var(--transition-fast);margin-bottom:var(--space-4)}.bulk-dropzone:hover{border-color:var(--color-primary-400);background:var(--color-primary-50)}.bulk-dropzone-drag{border-color:var(--color-primary-600);background:var(--color-primary-50);box-shadow:var(--shadow-md)}.bulk-dropzone-active{border-style:solid;border-color:var(--color-success);background:var(--color-success-light)}.bulk-upload-icon{margin-bottom:var(--space-4)}.bulk-upload-text{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 var(--space-2)}.bulk-upload-hint{color:var(--text-muted);font-size:var(--text-sm)}.bulk-file-info{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.bulk-file-icon{display:flex}.bulk-file-name{font-weight:var(--font-semibold);color:var(--text-primary)}.bulk-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6)}.bulk-spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--color-primary-600);border-radius:var(--radius-full);animation:bulk-spin .8s linear infinite}@keyframes bulk-spin{to{transform:rotate(360deg)}}.bulk-loading-text{color:var(--text-muted);font-size:var(--text-sm);margin:0}.bulk-error-msg-box{display:flex;align-items:center;gap:var(--space-3);background:var(--color-error-light);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-4)}.bulk-preview-card{margin-bottom:var(--space-6)}.bulk-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.bulk-preview-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.bulk-preview-hint{color:var(--text-muted);font-size:var(--text-sm)}.bulk-table-wrap{overflow-x:auto;margin-bottom:var(--space-4)}.bulk-table{width:100%;border-collapse:collapse}.bulk-table th,.bulk-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-color);font-size:var(--text-sm)}.bulk-table th{background:var(--bg-page);font-weight:var(--font-semibold);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.bulk-table-input{width:100%;padding:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary);transition:var(--transition-fast)}.bulk-table-input:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-100)}.bulk-table-checkbox{width:16px;height:16px;accent-color:var(--color-primary-600);cursor:pointer}.bulk-remove-row{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-error-light);color:var(--color-error);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.bulk-remove-row:hover{background:var(--color-error);color:#fff}.bulk-upload-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.bulk-short-link{color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-medium)}.bulk-short-link:hover{text-decoration:underline}.bulk-long-url{color:var(--text-muted)}.bulk-results-card{margin-bottom:var(--space-6)}.bulk-summary{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.bulk-summary-item{flex:1;padding:var(--space-5);background:var(--bg-page);border-radius:var(--radius-lg);text-align:center}.bulk-summary-success{background:var(--color-success-light);border:1px solid var(--color-success)}.bulk-summary-error{background:var(--color-error-light);border:1px solid var(--color-error)}.bulk-summary-number{display:block;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.bulk-summary-success .bulk-summary-number{color:var(--color-success)}.bulk-summary-error .bulk-summary-number{color:var(--color-error)}.bulk-summary-label{color:var(--text-muted);font-size:var(--text-sm)}.bulk-results-section{margin-bottom:var(--space-6)}.bulk-results-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.bulk-results-error-title{color:var(--color-error)}.bulk-error-list{background:var(--color-error-light);border-radius:var(--radius-md);padding:var(--space-4)}.bulk-error-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-error);font-size:var(--text-sm)}.bulk-error-item:last-child{border-bottom:none}.bulk-error-msg{color:var(--color-error-dark)}.bulk-results-actions{display:flex;justify-content:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.bulk-template-info-card{margin-top:var(--space-6);background:var(--bg-page)}.bulk-template-info-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.bulk-template-info-desc{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--space-4)}.bulk-columns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3)}.bulk-column-item{background:var(--bg-card);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color)}.bulk-column-name{display:block;color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.bulk-column-desc{display:block;color:var(--text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2)}.bulk-column-example{display:block;background:var(--bg-page);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-primary-600)}@media (max-width: 768px){.bulk-template-card{flex-direction:column;gap:var(--space-3);text-align:center}.bulk-dropzone{padding:var(--space-6)}.bulk-preview-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.bulk-upload-actions,.bulk-summary{flex-direction:column}.bulk-columns-grid{grid-template-columns:1fr}.bulk-results-actions{flex-direction:column}}.bio-page-content{max-width:1200px;margin:0 auto}.bio-locked-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.bio-locked-card{text-align:center;max-width:500px;margin:0 auto}.bio-locked-icon{margin-bottom:var(--space-4)}.bio-locked-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.bio-locked-text{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-6);line-height:1.6}.bio-upgrade-features{background:var(--bg-page);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);text-align:left;display:inline-block}.bio-features-heading{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.bio-features-list{list-style:none;padding:0;margin:0}.bio-features-list li{padding:var(--space-1) 0;color:var(--text-secondary);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.bio-features-list li:before{content:"";width:16px;height:16px;background:var(--color-success);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;flex-shrink:0}.bio-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.bio-page-card{overflow:hidden}.bio-card-preview{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--color-primary-600)}.bio-card-avatar{width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover;border:3px solid rgba(255,255,255,.5);margin-bottom:var(--space-3)}.bio-card-avatar-placeholder{width:64px;height:64px;border-radius:var(--radius-full);background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;margin-bottom:var(--space-3)}.bio-card-title{color:#fff;font-size:var(--text-base);font-weight:var(--font-semibold);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.bio-card-info{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color)}.bio-card-url{font-size:var(--text-sm);margin-bottom:var(--space-2)}.bio-url-prefix{color:var(--text-muted)}.bio-url-slug{color:var(--color-primary-600);font-weight:var(--font-semibold)}.bio-card-stats{display:flex;gap:var(--space-4)}.bio-stat{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.bio-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5)}.bio-skeleton-card{overflow:hidden}.bio-skeleton-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.bio-skeleton-actions{display:flex;gap:var(--space-2)}.bio-create-form{display:flex;flex-direction:column;gap:var(--space-5)}.bio-modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.bio-slug-group{display:flex;flex-direction:column;gap:var(--space-2)}.bio-slug-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.bio-slug-wrapper{display:flex;align-items:center;position:relative}.bio-slug-prefix{padding:var(--space-2) 0 var(--space-2) var(--space-3);background:var(--bg-page);border:1px solid var(--border-color);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;white-space:nowrap}.bio-slug-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-input);transition:var(--transition-fast);padding-right:var(--space-20)}.bio-slug-input:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-100)}.bio-slug-status{position:absolute;right:var(--space-3)}.bio-form-error{display:flex;align-items:center;gap:var(--space-2);background:var(--color-error-light);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}@media (max-width: 768px){.bio-pages-grid{grid-template-columns:1fr}.bio-card-actions{flex-wrap:wrap}.bio-card-actions .btn{flex:1;min-width:calc(50% - var(--space-1))}}.bpe{display:flex;flex-direction:column;height:calc(100vh - 80px);margin:-1.5rem}.bpe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:var(--text-secondary)}.bpe-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:bpe-spin .8s linear infinite;margin-bottom:var(--space-4)}@keyframes bpe-spin{to{transform:rotate(360deg)}}.bpe-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--bg-card);border-bottom:1px solid var(--border-color);position:relative;z-index:20;flex-shrink:0}.bpe-header-left{display:flex;align-items:center;gap:var(--space-4)}.bpe-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.bpe-header-actions{display:flex;gap:var(--space-3)}.bpe-content{display:flex;flex:1;overflow:hidden}.bpe-controls{width:380px;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.bpe-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 var(--space-4)}.bpe-tab{flex:1;padding:var(--space-4) var(--space-2);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.bpe-tab:hover{color:var(--text-primary)}.bpe-tab.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.bpe-tab-content{flex:1;overflow-y:auto;padding:var(--space-6)}.bpe-section{margin-bottom:var(--space-8)}.bpe-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 var(--space-4);font-weight:var(--font-semibold)}.bpe-section-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.bpe-field{margin-bottom:var(--space-4)}.bpe-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.bpe-checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer}.bpe-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-600)}.bpe-input,.bpe-textarea,.bpe-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-input);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit;box-sizing:border-box}.bpe-input:focus,.bpe-textarea:focus,.bpe-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.bpe-textarea{resize:vertical;min-height:80px}.bpe-input-flex{flex:1;min-width:0}.bpe-color-input{width:100%;height:40px;padding:4px;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-input)}.bpe-btn-group{display:flex;gap:var(--space-2)}.bpe-btn-option{flex:1;padding:var(--space-2);background:var(--bg-page);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.bpe-btn-option:hover{background:var(--color-gray-200)}.bpe-btn-option.active{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700)}.bpe-gradient-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.bpe-gradient-option{aspect-ratio:1;border:3px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.bpe-gradient-option.active{border-color:var(--text-primary)}.bpe-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.bpe-style-option{padding:var(--space-2);background:var(--bg-page);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.bpe-style-option:hover{background:var(--color-gray-200)}.bpe-style-option.active{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700)}.bpe-color-row{display:flex;gap:var(--space-4)}.bpe-field-half{flex:1}.bpe-upload-row{display:flex;align-items:center;gap:var(--space-2)}.bpe-upload-divider{color:var(--text-muted);font-size:var(--text-xs)}.bpe-avatar-preview{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-2);background:var(--bg-page);border-radius:var(--radius-md)}.bpe-avatar-preview img{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-color)}.bpe-bg-preview{position:relative;margin-top:var(--space-3)}.bpe-bg-preview img{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--border-color)}.bpe-bg-remove{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:opacity var(--transition-fast)}.bpe-bg-remove:hover{opacity:.9}.bpe-image-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-6) var(--space-4);background:var(--bg-page);border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);font-family:inherit}.bpe-image-upload-dropzone:hover{border-color:var(--color-primary-400);background:var(--color-primary-50)}.bpe-image-upload-dropzone:disabled{cursor:not-allowed;opacity:.6}.bpe-image-upload-dropzone-small{padding:var(--space-4) var(--space-3)}.bpe-image-upload-dropzone-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.bpe-image-upload-dropzone-hint{font-size:var(--text-xs);color:var(--text-muted)}.bpe-image-upload-dropzone-loading{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.bpe-spinner-small{width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:bpe-spin .8s linear infinite}.bpe-image-upload-preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.bpe-image-upload-preview-img{object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.bpe-image-upload-preview-avatar{width:56px;height:56px;border-radius:var(--radius-full)}.bpe-image-upload-preview-thumb{width:80px;height:52px;border-radius:var(--radius-md)}.bpe-image-upload-preview-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.bpe-layout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.bpe-layout-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--bg-page);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.bpe-layout-option:hover{background:var(--color-gray-200)}.bpe-layout-option.active{background:var(--color-primary-50);border-color:var(--color-primary-500)}.bpe-layout-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.bpe-layout-option.active .bpe-layout-name{color:var(--color-primary-700)}.bpe-links{display:flex;flex-direction:column;height:100%}.bpe-links-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.bpe-links-list{flex:1;overflow-y:auto}.bpe-no-links{text-align:center;padding:var(--space-8);color:var(--text-muted)}.bpe-link-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-page);border-radius:var(--radius-lg);margin-bottom:var(--space-2);cursor:grab;transition:background var(--transition-fast)}.bpe-link-item:hover{background:var(--color-gray-100)}.bpe-link-item.dragging{opacity:.5;background:var(--color-gray-200)}.bpe-drag-handle{color:var(--text-muted);cursor:grab;flex-shrink:0}.bpe-link-info{flex:1;min-width:0}.bpe-link-title{display:block;font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm);margin-bottom:2px}.bpe-link-url{display:block;font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpe-link-actions{display:flex;gap:var(--space-2);flex-shrink:0}.bpe-inline-form{background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-4)}.bpe-inline-form-title{margin:0 0 var(--space-4);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.bpe-inline-form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.bpe-input-with-btn{display:flex;gap:var(--space-2)}.bpe-input-with-btn .bpe-input{flex:1}.bpe-thumb-preview{margin-top:var(--space-2);border-radius:var(--radius-md);overflow:hidden}.bpe-thumb-preview img{width:100%;height:80px;object-fit:cover;border-radius:var(--radius-md)}.bpe-social-list{display:flex;flex-direction:column;gap:var(--space-4)}.bpe-social-item{background:var(--bg-page);border-radius:var(--radius-lg);padding:var(--space-4)}.bpe-social-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.bpe-social-icon{width:24px;height:24px}.bpe-social-name{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.bpe-social-input-row{display:flex;align-items:center}.bpe-social-prefix{padding:var(--space-2) var(--space-3);background:var(--color-gray-200);border:1px solid var(--border-color);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.bpe-social-input-row .bpe-input{border-radius:0 var(--radius-md) var(--radius-md) 0}.bpe-preview{flex:1;background:var(--bg-page);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:auto;padding:var(--space-8);position:relative}.bpe-preview-mode-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);justify-content:center;flex-shrink:0;position:sticky;top:0;z-index:10;background:var(--bg-page);padding:var(--space-2) 0}.bpe-mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-gray-200);border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.bpe-mode-btn:hover{background:var(--color-gray-300)}.bpe-mode-btn.active{background:var(--color-primary-600);color:var(--text-on-primary)}.bpe-preview-container{display:flex;align-items:center;justify-content:center;flex:1;transition:all .3s ease;width:100%;min-height:0;overflow:auto;padding-bottom:var(--space-8)}.bpe-device-frame.mobile-frame{width:320px;height:640px;max-height:calc(100vh - 250px);background:var(--color-gray-900);border-radius:40px;padding:12px;box-shadow:var(--shadow-xl);position:relative;flex-shrink:0}.bpe-phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:24px;background:var(--color-gray-900);border-radius:0 0 16px 16px;z-index:10}.bpe-device-frame.tablet-frame{width:600px;height:800px;max-height:calc(100vh - 250px);background:var(--color-gray-900);border-radius:24px;padding:16px;box-shadow:var(--shadow-xl);flex-shrink:0}.bpe-device-frame.desktop-frame{width:900px;height:600px;max-height:calc(100vh - 250px);background:var(--color-gray-900);border-radius:var(--radius-lg);padding:40px 12px 12px;box-shadow:var(--shadow-xl);position:relative;flex-shrink:0}.bpe-device-frame.desktop-frame:before{content:"";position:absolute;top:14px;left:16px;width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-gray-600);box-shadow:16px 0 0 var(--color-gray-600),32px 0 0 var(--color-gray-600)}.bpe-preview-page{width:100%;height:100%;border-radius:32px;overflow:hidden;overflow-y:auto}.bpe-device-frame.tablet-frame .bpe-preview-page{border-radius:16px}.bpe-device-frame.desktop-frame .bpe-preview-page{border-radius:0}.bpe-preview-page.align-left .bpe-preview-content{align-items:flex-start;text-align:left}.bpe-preview-page.align-center .bpe-preview-content{align-items:center;text-align:center}.bpe-preview-page.align-right .bpe-preview-content{align-items:flex-end;text-align:right}.bpe-preview-page.spacing-compact .bpe-preview-content{padding:2rem 1rem 1.5rem;gap:.5rem}.bpe-preview-page.spacing-normal .bpe-preview-content{padding:3rem 1.5rem 2rem;gap:.75rem}.bpe-preview-page.spacing-relaxed .bpe-preview-content{padding:4rem 2rem 2.5rem;gap:1.25rem}.bpe-preview-content{padding:3.5rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center;min-height:100%}.bpe-preview-avatar.avatar-small,.bpe-preview-avatar-placeholder.avatar-small{width:60px;height:60px;font-size:1.5rem}.bpe-preview-avatar.avatar-medium,.bpe-preview-avatar-placeholder.avatar-medium{width:100px;height:100px;font-size:2.5rem}.bpe-preview-avatar.avatar-large,.bpe-preview-avatar-placeholder.avatar-large{width:140px;height:140px;font-size:3.5rem}.bpe-preview-avatar.avatar-circle,.bpe-preview-avatar-placeholder.avatar-circle{border-radius:50%}.bpe-preview-avatar.avatar-rounded,.bpe-preview-avatar-placeholder.avatar-rounded{border-radius:20%}.bpe-preview-avatar.avatar-square,.bpe-preview-avatar-placeholder.avatar-square{border-radius:8px}.bpe-preview-title.title-small{font-size:1rem}.bpe-preview-title.title-medium{font-size:1.25rem}.bpe-preview-title.title-large{font-size:1.75rem}.bpe-preview-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);margin-bottom:1rem}.bpe-preview-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--font-bold);margin-bottom:1rem}.bpe-preview-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:var(--font-bold);text-align:center}.bpe-preview-bio{margin:0 0 1.5rem;font-size:.875rem;text-align:center;opacity:.9;max-width:250px}.bpe-preview-links{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.bpe-preview-links.layout-list{display:flex;flex-direction:column;gap:.75rem}.bpe-preview-links.layout-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.bpe-preview-links.layout-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.bpe-preview-links.layout-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.bpe-link-card{display:flex;flex-direction:column;height:100%}.bpe-link-card.with-thumbnail{background:#ffffff1a;border-radius:12px;overflow:hidden}.bpe-link-card.with-thumbnail .bpe-preview-link-btn{border-radius:0;margin:0;flex:1}.bpe-preview-links.layout-grid-2 .bpe-link-card,.bpe-preview-links.layout-grid-3 .bpe-link-card,.bpe-preview-links.layout-grid-4 .bpe-link-card{height:100%}.bpe-preview-links.layout-grid-2 .bpe-preview-link-btn,.bpe-preview-links.layout-grid-3 .bpe-preview-link-btn,.bpe-preview-links.layout-grid-4 .bpe-preview-link-btn{flex:1;height:100%}.bpe-link-thumbnail{width:100%;aspect-ratio:16/9;overflow:hidden}.bpe-link-thumbnail img{width:100%;height:100%;object-fit:cover}.bpe-preview-links.thumb-small .bpe-link-thumbnail{aspect-ratio:2/1}.bpe-preview-links.thumb-medium .bpe-link-thumbnail{aspect-ratio:16/9}.bpe-preview-links.thumb-large .bpe-link-thumbnail{aspect-ratio:4/3}.bpe-link-description{display:block;font-size:.7rem;font-weight:400;opacity:.8;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpe-preview-link-btn{width:100%;padding:.875rem 1rem;border:2px solid transparent;font-size:.9rem;font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.bpe-preview-link-btn.rounded{border-radius:12px}.bpe-preview-link-btn.pill{border-radius:50px}.bpe-preview-link-btn.square{border-radius:0}.bpe-preview-link-btn.outline{background:transparent!important;border-width:2px}.bpe-preview-link-btn.shadow{border-radius:12px;box-shadow:0 4px 12px #00000026}.bpe-preview-links.layout-grid-3 .bpe-preview-link-btn,.bpe-preview-links.layout-grid-4 .bpe-preview-link-btn{padding:.5rem;font-size:.75rem}.bpe-preview-social{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:auto;padding-top:1rem;row-gap:.5rem}.bpe-social-preview-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:transform var(--transition-fast)}.bpe-social-preview-icon img{width:20px;height:20px}.bpe-social-preview-icon.white img{filter:brightness(0) invert(1)}.bpe-social-preview-icon.dark img{filter:brightness(0)}.bpe-templates-content{padding:var(--space-2)}.bpe-templates-section{margin-bottom:var(--space-8)}.bpe-templates-section h3{margin:0 0 var(--space-4);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.bpe-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.bpe-template-card{cursor:pointer;transition:box-shadow var(--transition-fast);border-radius:var(--radius-lg);overflow:hidden}.bpe-template-card:hover{box-shadow:var(--shadow-lg)}.bpe-template-preview{aspect-ratio:9/16;border-radius:var(--radius-lg);display:flex;align-items:flex-end;padding:var(--space-4);position:relative;overflow:hidden}.bpe-template-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.bpe-template-name{position:relative;color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm)}.bpe-template-desc{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.bpe-modal-footer{display:flex;gap:var(--space-4);justify-content:flex-end}@media (max-width: 1200px){.bpe-device-frame.desktop-frame{width:700px;height:500px}}@media (max-width: 1024px){.bpe-content{flex-direction:column}.bpe-controls{width:100%;max-height:50vh}.bpe-preview{padding:var(--space-4)}.bpe-device-frame.mobile-frame{width:280px;height:560px}}@media (max-width: 900px){.bpe-device-frame.desktop-frame{width:100%;max-width:600px;height:450px}.bpe-device-frame.tablet-frame{width:100%;max-width:500px;height:650px}}@media (max-width: 768px){.bpe-header{flex-direction:column;gap:var(--space-3);align-items:stretch;overflow:visible}.bpe-header-left{justify-content:center}.bpe-header-actions{flex-wrap:wrap;justify-content:center;overflow:visible}.bpe-tabs{padding:0}.bpe-templates-grid{grid-template-columns:repeat(2,1fr)}.bpe-preview-mode-selector .bpe-mode-btn:nth-child(3){display:none}}@media (max-width: 600px){.bpe-upload-row{flex-direction:column;align-items:stretch}.bpe-upload-divider{text-align:center;margin:var(--space-1) 0}}.preview-mobile .bpe-preview-links.layout-grid-3,.preview-mobile .bpe-preview-links.layout-grid-4{grid-template-columns:repeat(2,1fr)}.preview-tablet .bpe-preview-links{max-width:500px;margin:0 auto}.preview-desktop .bpe-preview-links{max-width:600px;margin:0 auto}.preview-desktop .bpe-preview-content{padding-top:2rem}.pbp-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:var(--space-10) var(--space-5);box-sizing:border-box}.pbp-page--loading,.pbp-page--error{align-items:center;justify-content:center;background:var(--color-primary-600)}.pbp-loader{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--text-on-primary);border-radius:var(--radius-full);animation:pbp-spin .8s linear infinite}@keyframes pbp-spin{to{transform:rotate(360deg)}}.pbp-error-content{text-align:center;color:var(--text-on-primary)}.pbp-error-content h1{font-size:6rem;font-weight:var(--font-bold);margin:0;opacity:.85;line-height:1}.pbp-error-content p{font-size:var(--text-xl);margin:var(--space-3) 0 var(--space-8);opacity:.9}.pbp-back-link{color:var(--text-on-primary);text-decoration:none;padding:var(--space-3) var(--space-6);border:2px solid var(--text-on-primary);border-radius:var(--radius-lg);font-weight:var(--font-medium);font-size:var(--text-base);transition:background var(--transition-normal),color var(--transition-normal)}.pbp-back-link:hover{background:var(--text-on-primary);color:var(--color-primary-600)}.pbp-container{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;padding:var(--space-5)}.pbp-container.align-left{align-items:flex-start;text-align:left}.pbp-container.align-center{align-items:center;text-align:center}.pbp-container.align-right{align-items:flex-end;text-align:right}.pbp-container.spacing-compact{padding:var(--space-4);gap:var(--space-2)}.pbp-container.spacing-normal{padding:var(--space-5);gap:var(--space-3)}.pbp-container.spacing-relaxed{padding:var(--space-8);gap:var(--space-5)}.pbp-avatar{width:100px;height:100px;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4);background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pbp-avatar img{width:100%;height:100%;object-fit:cover}.pbp-avatar-placeholder{font-size:var(--text-4xl);font-weight:var(--font-semibold);line-height:1}.pbp-avatar--small{width:60px;height:60px}.pbp-avatar--medium{width:100px;height:100px}.pbp-avatar--large{width:140px;height:140px}.pbp-avatar--small .pbp-avatar-placeholder{font-size:var(--text-xl)}.pbp-avatar--medium .pbp-avatar-placeholder{font-size:var(--text-4xl)}.pbp-avatar--large .pbp-avatar-placeholder{font-size:4rem}.pbp-avatar--circle{border-radius:var(--radius-full)}.pbp-avatar--rounded{border-radius:20%}.pbp-avatar--square{border-radius:var(--radius-lg)}.pbp-title{font-weight:var(--font-bold);margin:0 0 var(--space-2);text-align:inherit;line-height:var(--leading-tight)}.pbp-title--small{font-size:var(--text-xl)}.pbp-title--medium{font-size:1.75rem}.pbp-title--large{font-size:var(--text-4xl)}.pbp-description{font-size:var(--text-base);margin:0 0 var(--space-6);text-align:inherit;opacity:.9;max-width:400px;line-height:var(--leading-relaxed)}.pbp-links{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.pbp-links--list{flex-direction:column}.pbp-links--list .pbp-link-card{width:100%}.pbp-links--grid-2,.pbp-links--grid-3,.pbp-links--grid-4{display:grid;gap:var(--space-4)}.pbp-links--grid-2{grid-template-columns:repeat(2,1fr)}.pbp-links--grid-3{grid-template-columns:repeat(3,1fr)}.pbp-links--grid-4{grid-template-columns:repeat(4,1fr)}.pbp-link-card{display:flex;flex-direction:column;height:100%}.pbp-link-card--has-thumb{background:#ffffff1a;border-radius:var(--radius-xl);overflow:hidden}.pbp-link-card--has-thumb .pbp-link-btn{border-radius:0;flex:1}.pbp-link-thumb{width:100%;height:120px;overflow:hidden;flex-shrink:0}.pbp-link-thumb img{width:100%;height:100%;object-fit:cover}.pbp-links--thumb-small .pbp-link-thumb{height:80px}.pbp-links--thumb-medium .pbp-link-thumb{height:120px}.pbp-links--thumb-large .pbp-link-thumb{height:160px}.pbp-link-btn{width:100%;padding:var(--space-3-5, 14px) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);border:none;cursor:pointer;transition:opacity var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:52px;box-sizing:border-box;overflow:hidden;flex:1}.pbp-link-btn:hover{opacity:.9;box-shadow:var(--shadow-md)}.pbp-link-btn:active{opacity:.85}.pbp-link-btn--rounded{border-radius:var(--radius-xl)}.pbp-link-btn--pill{border-radius:var(--radius-full)}.pbp-link-btn--square{border-radius:0}.pbp-link-btn--shadow{box-shadow:0 4px 12px #0000004d}.pbp-link-icon{font-size:var(--text-lg);line-height:1}.pbp-link-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbp-link-desc{display:block;font-size:var(--text-xs);opacity:.7;margin-top:var(--space-1);font-weight:var(--font-normal);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbp-links[class*=--grid] .pbp-link-desc{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:var(--leading-tight)}.pbp-social{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.pbp-social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:transform var(--transition-fast);text-decoration:none}.pbp-social-icon:hover{transform:scale(1.1)}.pbp-social-icon img{width:24px;height:24px}.pbp-social-icon--colored{background:#ffffff26}.pbp-social-icon--white img{filter:brightness(0) invert(1)}.pbp-social-icon--dark img{filter:brightness(0)}.pbp-powered-by{margin-top:var(--space-10);font-size:var(--text-sm);opacity:.7}.pbp-powered-by a{text-decoration:none;transition:opacity var(--transition-normal)}.pbp-powered-by a:hover{opacity:1}@media (max-width: 600px){.pbp-links--grid-3,.pbp-links--grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.pbp-page{padding:var(--space-8) var(--space-4)}.pbp-avatar{width:80px;height:80px}.pbp-avatar-placeholder{font-size:var(--text-3xl)}.pbp-title{font-size:var(--text-2xl)}.pbp-link-btn{padding:var(--space-3-5, 14px) var(--space-5);font-size:var(--text-base)}}@media (max-width: 400px){.pbp-links--grid-2,.pbp-links--grid-3,.pbp-links--grid-4{grid-template-columns:1fr}}.utm-page{max-width:800px;margin:0 auto}.utm-success-card{text-align:center;margin-bottom:var(--space-6);background:var(--color-success-light);border:1px solid var(--color-success)}.utm-success-icon{width:56px;height:56px;background:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto var(--space-4)}.utm-success-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-success-dark);margin:0 0 var(--space-4)}.utm-created-link{background:var(--bg-card);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.utm-created-label{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.utm-created-url{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.utm-created-domain{color:var(--text-muted)}.utm-created-code{color:var(--color-success)}.utm-created-actions{display:flex;gap:var(--space-3);justify-content:center}.utm-summary{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-md)}.utm-summary-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);font-weight:var(--font-semibold)}.utm-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.utm-another-btn{margin-top:var(--space-2)}.utm-form{display:flex;flex-direction:column;gap:var(--space-6)}.utm-section{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-6)}.utm-section:last-of-type{border-bottom:none;padding-bottom:0}.utm-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.utm-section-desc{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--space-4)}.utm-required{color:var(--color-error)}.utm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.utm-param-badge{margin-left:var(--space-2);font-family:monospace}.utm-param-optional{opacity:.7}.utm-error{display:flex;align-items:center;gap:var(--space-3);background:var(--color-error-light);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-error);font-size:var(--text-sm)}.utm-presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.utm-preset-btn{padding:var(--space-2) var(--space-4);background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast)}.utm-preset-btn:hover{border-color:var(--color-primary-400);color:var(--color-primary-600);background:var(--color-primary-50)}.utm-preset-active{background:var(--color-primary-600);color:var(--text-on-primary);border-color:transparent}.utm-preset-active:hover{background:var(--color-primary-700);color:var(--text-on-primary);border-color:transparent}.utm-preview-section{background:var(--color-primary-50);border-radius:var(--radius-lg);padding:var(--space-5)}.utm-preview-box{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--border-color)}.utm-preview-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);font-weight:var(--font-semibold)}.utm-preview-url{font-size:var(--text-sm);color:var(--text-primary);word-break:break-all;font-family:monospace;line-height:1.6;padding:var(--space-2);background:var(--bg-page);border-radius:var(--radius-sm)}.utm-form-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--border-color)}.utm-form-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);flex:1;margin-right:var(--space-4)}@media (max-width: 768px){.utm-form-row{grid-template-columns:1fr}.utm-form-footer{flex-direction:column;gap:var(--space-4);align-items:stretch}.utm-form-info{justify-content:center;text-align:center;margin-right:0}.utm-created-actions,.utm-presets{flex-direction:column}.utm-preset-btn{text-align:center}.utm-preview-section{margin:0}}.pp-hero{text-align:center;padding:var(--space-16) var(--space-8) var(--space-12)}.pp-hero-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-4);line-height:1.2}.pp-hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:var(--leading-relaxed)}.pp-content{max-width:800px;margin:0 auto;padding:0 var(--space-8) var(--space-16);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-6)}.pp-content-wide{max-width:1000px}.pp-section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-4)}.pp-subsection-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:var(--space-6) 0 var(--space-3) 0}.pp-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.pp-text:last-child{margin-bottom:0}.pp-link{color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}.pp-link:hover{color:var(--color-primary-700);text-decoration:underline}.pp-list{padding-left:var(--space-6);margin:0 0 var(--space-4)}.pp-list li{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.pp-list li strong{color:var(--text-primary)}.pp-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-6)}.pp-value-card{background:var(--bg-page);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.pp-value-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-600);margin-bottom:var(--space-4)}.pp-value-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.pp-value-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.pp-cta-card{text-align:center}.pp-cta-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3)}.pp-cta-text{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6)}.pp-contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.pp-textarea-group{display:flex;flex-direction:column;gap:var(--space-2)}.pp-textarea-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.pp-textarea{width:100%;min-height:140px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;color:var(--text-primary);background:var(--bg-input);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.pp-textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.pp-success-message{background:var(--color-success-light);color:var(--color-success-dark);padding:var(--space-5);border-radius:var(--radius-lg);text-align:center;font-weight:var(--font-medium);font-size:var(--text-base)}.pp-faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.pp-faq-item{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-xs)}.pp-faq-question{width:100%;padding:var(--space-5) var(--space-6);background:none;border:none;text-align:left;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);transition:background var(--transition-fast);font-family:inherit}.pp-faq-question:hover{background:var(--bg-page)}.pp-faq-chevron{flex-shrink:0;color:var(--color-primary-500);transition:transform .3s ease}.pp-faq-item.open .pp-faq-chevron{transform:rotate(180deg)}.pp-faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.pp-faq-item.open .pp-faq-answer-wrapper{grid-template-rows:1fr}.pp-faq-answer{overflow:hidden;padding:0 var(--space-6);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.pp-faq-item.open .pp-faq-answer{padding-bottom:var(--space-5)}.pp-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.pp-blog-card{overflow:hidden}.pp-blog-card-image{height:160px;background:var(--color-primary-500);display:flex;align-items:center;justify-content:center;color:#fff}.pp-blog-card-body{padding:var(--space-6)}.pp-blog-card-date{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);display:block}.pp-blog-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.pp-blog-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.pp-blog-card-status{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium);font-style:italic}.pp-blog-note{text-align:center;color:var(--text-muted);font-size:var(--text-base);margin-top:var(--space-4)}.pp-comparison-table-wrapper{overflow-x:auto;margin:var(--space-4) 0}.pp-comparison-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.pp-comparison-table th,.pp-comparison-table td{padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--border-color)}.pp-comparison-table thead th{background:var(--bg-page);font-weight:var(--font-bold);color:var(--text-primary);font-size:var(--text-base)}.pp-highlight-col{color:var(--color-primary-600)!important}.pp-feature-name{font-weight:var(--font-semibold);color:var(--text-primary)}.pp-check-yes{color:var(--color-success);font-weight:var(--font-bold)}.pp-check-no{color:var(--color-error);font-weight:var(--font-semibold)}.pp-comparison-highlight{background:var(--color-primary-50);border-radius:var(--radius-lg);padding:var(--space-8);margin-top:var(--space-8)}.pp-comparison-highlight h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-4)}.pp-comparison-highlight .pp-list{margin-bottom:0}@media (max-width: 768px){.pp-hero{padding:var(--space-10) var(--space-4) var(--space-8)}.pp-hero-title{font-size:var(--text-2xl)}.pp-hero-subtitle{font-size:var(--text-base)}.pp-content{padding:0 var(--space-4) var(--space-10);gap:var(--space-4)}.pp-values-grid,.pp-blog-grid{grid-template-columns:1fr}.pp-comparison-table th,.pp-comparison-table td{padding:var(--space-3);font-size:var(--text-sm)}}@media (max-width: 480px){.pp-hero{padding:var(--space-8) var(--space-3) var(--space-6)}.pp-hero-title{font-size:var(--text-xl)}.pp-content{padding:0 var(--space-3) var(--space-8)}}.admin-dashboard{max-width:1400px;margin:0 auto;min-width:0;overflow-wrap:break-word}.admin-denied{display:flex;align-items:center;justify-content:center;min-height:60vh}.admin-stat-skeleton{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.admin-skeleton-section{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.admin-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.admin-stat-card{padding:var(--space-5)}.admin-stat-content{display:flex;align-items:flex-start;gap:var(--space-3)}.admin-stat-icon-box{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-primary-50);color:var(--color-primary-600)}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.2}.admin-stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.admin-section{padding:var(--space-6);margin-bottom:var(--space-6);min-width:0}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.admin-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-5) 0}.admin-section-header .admin-section-title{margin-bottom:0}.admin-section-title-mt{margin-top:var(--space-8)}.admin-section-desc{font-size:var(--text-sm);color:var(--text-muted);margin:calc(-1 * var(--space-3)) 0 var(--space-5) 0}.admin-plan-bars{display:flex;flex-direction:column;gap:var(--space-4)}.admin-plan-bar-row{display:flex;flex-direction:column;gap:var(--space-2)}.admin-plan-bar-label{display:flex;justify-content:space-between;align-items:center}.admin-plan-bar-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.admin-plan-bar-count{font-size:var(--text-xs);color:var(--text-muted)}.admin-plan-bar-track{height:8px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden}.admin-plan-bar-fill{height:100%;background:var(--color-primary-600);border-radius:var(--radius-full);transition:width .5s ease}.admin-sub-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-sub-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-input);border-radius:var(--radius-md)}.admin-sub-count{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.admin-chart{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:var(--space-2);overflow-x:auto}.admin-chart-bar{flex:1;min-width:18px;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.admin-chart-bar-inner{width:100%;background:var(--color-primary-600);border-radius:3px 3px 0 0;position:relative;min-height:4px;transition:height .4s ease}.admin-chart-tooltip{display:none;position:absolute;top:-24px;left:50%;transform:translate(-50%);background:var(--color-gray-900);color:#fff;font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.admin-chart-bar:hover .admin-chart-tooltip{display:block}.admin-chart-label{font-size:9px;color:var(--text-muted);margin-top:4px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);max-height:45px;overflow:hidden}.admin-search-box{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);min-width:200px}.admin-search-input{border:none;background:transparent;outline:none;font-size:var(--text-sm);color:var(--text-primary);width:100%}.admin-search-input::placeholder{color:var(--text-muted)}.admin-cell-email{font-weight:var(--font-medium);color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.admin-cell-date{color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap}.admin-cell-url{color:var(--text-muted);font-size:var(--text-sm);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.admin-code{font-family:monospace;font-weight:var(--font-semibold);color:var(--color-primary-600);background:var(--color-primary-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm)}.admin-theme-row{display:flex;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4)}.admin-theme-row .select-group{flex:1;max-width:300px}.admin-theme-btn{margin-bottom:2px}.admin-theme-preview-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.admin-theme-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:var(--bg-card)}.admin-theme-chip:hover{border-color:var(--color-primary-300)}.admin-theme-chip-active{border-color:var(--color-primary-600);background:var(--color-primary-50)}.admin-theme-dot{width:14px;height:14px;border-radius:var(--radius-full);border:2px solid var(--bg-card);box-shadow:var(--shadow-xs)}.admin-theme-chip-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.admin-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.admin-health-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-input);border-radius:var(--radius-lg)}.admin-health-indicator{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.admin-health-ok{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.admin-health-warning{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.admin-health-error{background:var(--color-error);box-shadow:0 0 6px var(--color-error)}.admin-health-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);display:block}.admin-health-status{font-size:var(--text-xs);color:var(--text-muted)}@media (max-width: 1200px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}.admin-two-col{grid-template-columns:1fr}}@media (max-width: 768px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-section-header{flex-direction:column;align-items:stretch}.admin-search-box{min-width:unset}.admin-theme-row{flex-direction:column;align-items:stretch}.admin-theme-row .select-group{max-width:unset}.admin-health-grid{grid-template-columns:1fr}}@media (max-width: 640px){.admin-stats-grid{grid-template-columns:1fr}}.api-inline-code{background:var(--color-gray-100);color:var(--text-primary);padding:.1rem .4rem;border-radius:var(--radius-sm);font-family:Courier New,Courier,monospace;font-size:.9em}.api-code-block{background:var(--color-gray-900);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin:var(--space-4) 0;overflow-x:auto}.api-code-block code,.api-code-block pre{color:var(--color-gray-200);font-family:Courier New,Courier,monospace;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;white-space:pre-wrap;word-break:break-word}.api-rate-limit-info{display:flex;gap:var(--space-8);margin-top:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--bg-page);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.api-rate-limit-item{display:flex;flex-direction:column;gap:var(--space-1)}.api-rate-limit-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-semibold)}.api-rate-limit-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-semibold);font-family:Courier New,Courier,monospace}.api-error-table{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);margin:var(--space-4) 0}.api-error-row{display:grid;grid-template-columns:120px 1fr;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-color);align-items:center;font-size:var(--text-sm);color:var(--text-secondary)}.api-error-row:last-child{border-bottom:none}.api-error-header{background:var(--bg-page);font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.api-error-code{font-family:Courier New,Courier,monospace;font-weight:var(--font-semibold);color:var(--color-primary-600)}.api-endpoints-toc{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.api-toc-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-page);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.api-toc-item:hover{background:var(--color-primary-50)}.api-toc-path{font-family:Courier New,Courier,monospace;font-size:var(--text-sm);color:var(--text-primary)}.api-endpoint-card{border-left:4px solid var(--color-primary-500)}.api-endpoint-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.api-endpoint-path{font-family:Courier New,Courier,monospace;font-size:var(--text-lg);color:var(--text-primary);font-weight:var(--font-semibold)}.api-params-table{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);margin:var(--space-4) 0}.api-params-row{display:grid;grid-template-columns:150px 80px 80px 1fr;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);align-items:center;font-size:var(--text-sm)}.api-params-row:last-child{border-bottom:none}.api-params-header{background:var(--bg-page);font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.api-param-name code{font-family:Courier New,Courier,monospace;background:var(--color-primary-50);color:var(--color-primary-600);padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:var(--text-sm)}.api-param-type{color:var(--text-muted);font-style:italic}.api-param-required.yes{color:var(--color-error);font-weight:var(--font-semibold)}.api-param-required.no{color:var(--text-muted)}.api-param-desc{color:var(--text-secondary);line-height:1.4}@media (max-width: 768px){.api-rate-limit-info{flex-direction:column;gap:var(--space-4)}.api-error-row{grid-template-columns:80px 1fr;padding:var(--space-2) var(--space-4)}.api-params-row{grid-template-columns:1fr;gap:var(--space-1);padding:var(--space-3) var(--space-4)}.api-params-header{display:none}.api-param-name:before{content:"Parameter: ";font-weight:var(--font-normal);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.api-param-type:before{content:"Type: ";font-weight:var(--font-semibold);color:var(--text-primary);font-style:normal}.api-param-required:before{content:"Required: ";font-weight:var(--font-semibold);color:var(--text-primary)}.api-endpoint-header{flex-wrap:wrap}.api-endpoint-path{font-size:var(--text-base)}.api-toc-path{font-size:var(--text-xs)}}@media (max-width: 480px){.api-code-block{padding:var(--space-4)}.api-code-block code,.api-code-block pre{font-size:var(--text-xs)}}.apikeys-page{max-width:960px;margin:0 auto}.apikeys-upgrade-card{max-width:560px;margin:var(--space-8) auto}.apikeys-upgrade-content{text-align:center}.apikeys-upgrade-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-primary-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600)}.apikeys-upgrade-content h2{font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-3)}.apikeys-upgrade-content p{color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-6);max-width:480px;margin-left:auto;margin-right:auto}.apikeys-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.apikeys-new-key-content{text-align:center}.apikeys-new-key-icon{width:56px;height:56px;margin:0 auto var(--space-4);background:var(--color-primary-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600)}.apikeys-key-warning{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-warning-dark);margin-bottom:var(--space-4)}.apikeys-key-warning svg{flex-shrink:0}.apikeys-key-display{display:flex;gap:var(--space-3);align-items:stretch}.apikeys-key-value{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-family:Courier New,Courier,monospace;word-break:break-all;text-align:left;color:var(--text-primary)}.apikeys-info-banner{margin-bottom:var(--space-6);background:var(--color-info-light)!important;border:1px solid var(--color-info)!important}.apikeys-info-content{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-info-dark);line-height:1.6}.apikeys-info-content svg{flex-shrink:0;margin-top:2px;color:var(--color-info)}.apikeys-docs-link{background:none;border:none;color:var(--color-primary-600);font-weight:var(--font-semibold);cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.apikeys-docs-link:hover{color:var(--color-primary-700)}.apikeys-section{margin-bottom:var(--space-8)}.apikeys-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.apikeys-list{display:flex;flex-direction:column;gap:var(--space-3)}.apikeys-card-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}.apikeys-card-revoked{opacity:.6}.apikeys-card-info{min-width:160px}.apikeys-card-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.apikeys-card-prefix{font-family:Courier New,Courier,monospace;background:var(--color-primary-100);color:var(--color-primary-700);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs)}.apikeys-card-meta{display:flex;gap:var(--space-6);flex:1}.apikeys-meta-item{display:flex;flex-direction:column}.apikeys-meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.apikeys-meta-value{font-size:var(--text-sm);color:var(--text-secondary)}.apikeys-card-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}@media (max-width: 768px){.apikeys-card-content{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.apikeys-card-meta{flex-wrap:wrap;gap:var(--space-4)}.apikeys-card-actions{width:100%;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--border-color)}.apikeys-key-display{flex-direction:column}}.webhooks-page{max-width:960px;margin:0 auto}.webhooks-upgrade-card{max-width:560px;margin:var(--space-8) auto}.webhooks-upgrade-content{text-align:center}.webhooks-upgrade-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-primary-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600)}.webhooks-upgrade-content h2{font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-3)}.webhooks-upgrade-content p{color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-6);max-width:480px;margin-left:auto;margin-right:auto}.webhooks-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.webhooks-secret-content{text-align:center}.webhooks-secret-icon{width:56px;height:56px;margin:0 auto var(--space-4);background:var(--color-primary-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600)}.webhooks-secret-warning{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-warning-dark);margin-bottom:var(--space-4);text-align:left}.webhooks-secret-warning svg{flex-shrink:0}.webhooks-secret-display{display:flex;gap:var(--space-3);align-items:stretch;margin-bottom:var(--space-4)}.webhooks-secret-value{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-family:Courier New,Courier,monospace;word-break:break-all;text-align:left;color:var(--text-primary)}.webhooks-secret-hint{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6;margin:0;text-align:left}.webhooks-secret-hint code{background:var(--color-primary-100);color:var(--color-primary-700);padding:1px var(--space-1-5);border-radius:var(--radius-sm);font-size:var(--text-xs)}.webhooks-form{display:flex;flex-direction:column;gap:var(--space-5)}.webhooks-events-section{display:flex;flex-direction:column;gap:var(--space-2)}.webhooks-events-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.webhooks-events-grid{display:flex;flex-direction:column;gap:var(--space-2)}.webhooks-event-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.webhooks-event-option:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.webhooks-event-option.selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.webhooks-event-option input[type=checkbox]{margin-top:2px;accent-color:var(--color-primary-600);width:18px;height:18px;cursor:pointer;flex-shrink:0}.webhooks-event-info{display:flex;flex-direction:column;gap:2px}.webhooks-event-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.webhooks-event-desc{font-size:var(--text-xs);color:var(--text-secondary)}.webhooks-info-banner{margin-bottom:var(--space-6);background:var(--color-info-light)!important;border:1px solid var(--color-info)!important}.webhooks-info-content{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-info-dark);line-height:1.6}.webhooks-info-content svg{flex-shrink:0;margin-top:2px;color:var(--color-info)}.webhooks-section{margin-bottom:var(--space-8)}.webhooks-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.webhooks-list{display:flex;flex-direction:column;gap:var(--space-3)}.webhooks-card-disabled{opacity:.7;border-left:4px solid var(--color-gray-300)!important}.webhooks-card-main{display:flex;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-3)}.webhooks-card-info{flex:1;min-width:0}.webhooks-card-url{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--space-2);font-family:Courier New,Courier,monospace;word-break:break-all}.webhooks-card-events{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.webhooks-card-meta{display:flex;gap:var(--space-6);flex-shrink:0}.webhooks-meta-item{display:flex;flex-direction:column}.webhooks-meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.webhooks-meta-value{font-size:var(--text-sm);color:var(--text-secondary)}.webhooks-failure-warning{color:var(--color-error)!important;font-weight:var(--font-semibold)}.webhooks-disabled-warning{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--color-warning-dark)}.webhooks-disabled-warning svg{flex-shrink:0}.webhooks-disabled-warning span{flex:1}.webhooks-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--border-color)}.webhooks-action-buttons{display:flex;gap:var(--space-2)}.webhook-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--color-surface, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:6px;color:var(--color-text-secondary, #64748b);cursor:pointer;transition:all .2s;flex-shrink:0}.webhook-action-btn:hover{background:var(--color-surface-hover, #f1f5f9);color:var(--color-text-primary, #334155)}.webhook-deliveries-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:6px;font-size:.8rem;color:var(--color-text-secondary, #64748b);cursor:pointer;transition:all .2s}.webhook-deliveries-toggle:hover{background:var(--color-surface-hover, #f1f5f9);color:var(--color-text-primary, #334155)}.webhook-deliveries-panel{margin-top:12px;padding:16px;background:var(--color-surface, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;overflow-x:auto}.deliveries-table{width:100%;border-collapse:collapse;font-size:.8rem}.deliveries-table th{text-align:left;padding:8px 12px;border-bottom:2px solid var(--color-border, #e2e8f0);color:var(--color-text-secondary, #64748b);font-weight:600;white-space:nowrap}.deliveries-table td{padding:8px 12px;border-bottom:1px solid var(--color-border, #e2e8f0);white-space:nowrap}.delivery-event-badge{display:inline-block;padding:2px 8px;background:var(--color-primary-50, #ede9fe);color:var(--color-primary-700, #6c5ce7);border-radius:4px;font-size:.75rem;font-weight:500}.delivery-status{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.delivery-status.success{background:#dcfce7;color:#15803d}.delivery-status.failed{background:#fee2e2;color:#dc2626}.deliveries-loading,.deliveries-empty{text-align:center;padding:24px;color:var(--color-text-secondary, #64748b);font-size:.85rem}@media (max-width: 768px){.webhooks-card-main{flex-direction:column;gap:var(--space-3)}.webhooks-card-meta{flex-wrap:wrap;gap:var(--space-4)}.webhooks-card-footer{flex-direction:column;gap:var(--space-3);align-items:flex-start}.webhooks-action-buttons{flex-wrap:wrap;width:100%}.webhooks-action-buttons .btn{flex:1;min-width:0}.webhooks-secret-display{flex-direction:column}}.ab-page{max-width:1200px;margin:0 auto}.ab-breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm)}.ab-breadcrumb button{background:none;border:none;color:var(--color-primary-600);cursor:pointer;font-size:var(--text-sm);padding:0}.ab-breadcrumb button:hover{text-decoration:underline}.ab-breadcrumb span{color:var(--text-muted)}.ab-breadcrumb-current{color:var(--text-secondary)!important;font-weight:var(--font-medium)}.ab-upgrade-card{max-width:560px;margin:var(--space-8) auto}.ab-upgrade-content{text-align:center}.ab-upgrade-icon{width:72px;height:72px;margin:0 auto var(--space-4);background:var(--color-primary-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600)}.ab-upgrade-content h2{font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-3)}.ab-upgrade-content p{color:var(--text-secondary);font-size:var(--text-sm);max-width:480px;margin:0 auto var(--space-6);line-height:1.6}.ab-url-card{margin-bottom:var(--space-4)}.ab-url-info{display:flex;gap:var(--space-8);flex-wrap:wrap;background:var(--color-primary-50);border-radius:var(--radius-md);padding:var(--space-4)}.ab-url-detail{display:flex;flex-direction:column;gap:var(--space-1)}.ab-url-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:var(--font-semibold)}.ab-url-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.ab-url-link{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-600);text-decoration:none}.ab-url-link:hover{text-decoration:underline}.ab-info-banner{margin-bottom:var(--space-4);border-left:4px solid var(--color-primary-500)!important}.ab-info-content{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.ab-info-content svg{flex-shrink:0;margin-top:2px;color:var(--color-primary-500)}.ab-info-content strong{color:var(--text-primary)}.ab-stats-card{margin-bottom:var(--space-4)}.ab-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.ab-stats-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.ab-chart{display:flex;flex-direction:column;gap:var(--space-4)}.ab-chart-row{display:flex;flex-direction:column;gap:var(--space-2)}.ab-chart-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.ab-chart-color{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.ab-chart-name{font-weight:var(--font-semibold);color:var(--text-primary)}.ab-chart-clicks{color:var(--text-muted);font-size:var(--text-xs);margin-left:auto}.ab-chart-bar-container{display:flex;align-items:center;gap:var(--space-3);height:28px}.ab-chart-bar{height:100%;border-radius:var(--radius-md);min-width:4px;transition:width .5s ease}.ab-chart-pct{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);min-width:40px}.ab-variants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.ab-variants-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.ab-variants-list{display:flex;flex-direction:column;gap:var(--space-3)}.ab-variant-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-page);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:border-color var(--transition-fast)}.ab-variant-item:hover{border-color:var(--border-color-strong)}.ab-variant-info{flex:1;min-width:0}.ab-variant-header-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.ab-variant-label{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.ab-variant-url{margin-bottom:var(--space-1)}.ab-variant-url a{color:var(--color-primary-600);text-decoration:none;font-size:var(--text-sm);word-break:break-all}.ab-variant-url a:hover{text-decoration:underline}.ab-variant-clicks{font-size:var(--text-xs);color:var(--text-muted)}.ab-variant-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-4);flex-shrink:0}.ab-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.ab-variant-form{display:flex;flex-direction:column;gap:var(--space-4)}.ab-weight-group{display:flex;flex-direction:column;gap:var(--space-1-5);max-width:400px}.ab-weight-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.ab-weight-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-200);border-radius:var(--radius-full);outline:none}.ab-weight-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary-600);cursor:pointer;border:2px solid var(--bg-card);box-shadow:var(--shadow-sm)}.ab-weight-slider::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary-600);cursor:pointer;border:2px solid var(--bg-card);box-shadow:var(--shadow-sm)}.ab-weight-hint{font-size:var(--text-xs);color:var(--text-muted)}@media (max-width: 768px){.ab-url-info{flex-direction:column;gap:var(--space-3)}.ab-variant-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.ab-variant-actions{margin-left:0;width:100%;justify-content:flex-end}.ab-stats-header{flex-direction:column;gap:var(--space-2);align-items:flex-start}.ab-variants-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}}@media (max-width: 480px){.ab-variant-header-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--space-0: 0;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 600;--z-toast: 700;--color-success: #10B981;--color-success-light: #D1FAE5;--color-success-dark: #065F46;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-warning-dark: #92400E;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-error-dark: #991B1B;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-info-dark: #1E40AF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-gray-950: #030712}[data-theme=ocean],:root{--color-primary-50: #F0FDFA;--color-primary-100: #CCFBF1;--color-primary-200: #99F6E4;--color-primary-300: #5EEAD4;--color-primary-400: #2DD4BF;--color-primary-500: #14B8A6;--color-primary-600: #0D9488;--color-primary-700: #0F766E;--color-primary-800: #115E59;--color-primary-900: #134E4A;--color-accent-50: #FFF7ED;--color-accent-100: #FFEDD5;--color-accent-200: #FED7AA;--color-accent-300: #FDBA74;--color-accent-400: #FB923C;--color-accent-500: #F97316;--color-accent-600: #EA580C;--color-accent-700: #C2410C;--color-accent-800: #9A3412;--color-accent-900: #7C2D12;--bg-page: #F8FAFA;--bg-card: #FFFFFF;--bg-card-hover: #F0FDFA;--bg-sidebar: #FFFFFF;--bg-input: #FFFFFF;--bg-elevated: #FFFFFF;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-on-primary: #FFFFFF;--border-color: #E2E8F0;--border-color-strong: #CBD5E1;--ring-color: rgba(13, 148, 136, .25);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--primary: var(--color-primary-600);--primary-hover: var(--color-primary-700);--primary-light: var(--color-primary-100);--primary-subtle: var(--color-primary-50);--primary-color: var(--color-primary-600);--secondary-color: var(--color-primary-600);--accent-color: var(--color-accent-500);--text-dark: var(--text-primary);--text-light: var(--text-muted);--bg-white: var(--bg-card);--bg-gray: var(--bg-page);--border: var(--border-color);--success: var(--color-success);--error: var(--color-error);--warning: var(--color-warning);--success-color: var(--color-success);--error-color: var(--color-error);--warning-color: var(--color-warning);--shadow-sm-legacy: var(--shadow-sm);--shadow-md-legacy: var(--shadow-md)}[data-theme=ocean-dark]{--color-primary-50: #F0FDFA;--color-primary-100: #CCFBF1;--color-primary-200: #99F6E4;--color-primary-300: #5EEAD4;--color-primary-400: #2DD4BF;--color-primary-500: #14B8A6;--color-primary-600: #0D9488;--color-primary-700: #0F766E;--color-primary-800: #115E59;--color-primary-900: #134E4A;--color-accent-50: #FFF7ED;--color-accent-100: #FFEDD5;--color-accent-200: #FED7AA;--color-accent-300: #FDBA74;--color-accent-400: #FB923C;--color-accent-500: #F97316;--color-accent-600: #EA580C;--color-accent-700: #C2410C;--color-accent-800: #9A3412;--color-accent-900: #7C2D12;--bg-page: #0C1220;--bg-card: #162032;--bg-card-hover: #1C2A3F;--bg-sidebar: #111A2E;--bg-input: #1C2A3F;--bg-elevated: #1E3042;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-on-primary: #FFFFFF;--border-color: #1E3348;--border-color-strong: #2A4060;--ring-color: rgba(20, 184, 166, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .35);--color-success-light: #064E3B;--color-warning-light: #78350F;--color-error-light: #7F1D1D;--color-info-light: #1E3A5F;--primary: var(--color-primary-500);--primary-hover: var(--color-primary-400);--primary-light: var(--color-primary-900);--primary-subtle: var(--color-primary-800);--primary-color: var(--color-primary-500);--secondary-color: var(--color-primary-500);--accent-color: var(--color-accent-400);--text-dark: var(--text-primary);--text-light: var(--text-muted);--bg-white: var(--bg-card);--bg-gray: var(--bg-page);--border: var(--border-color);--success: var(--color-success);--error: var(--color-error);--warning: var(--color-warning);--success-color: var(--color-success);--error-color: var(--color-error);--warning-color: var(--color-warning);--shadow-sm-legacy: var(--shadow-sm);--shadow-md-legacy: var(--shadow-md)}[data-theme=midnight]{--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary-900: #1E3A8A;--color-accent-50: #ECFDF5;--color-accent-100: #D1FAE5;--color-accent-200: #A7F3D0;--color-accent-300: #6EE7B7;--color-accent-400: #34D399;--color-accent-500: #10B981;--color-accent-600: #059669;--color-accent-700: #047857;--color-accent-800: #065F46;--color-accent-900: #064E3B;--bg-page: #F8FAFF;--bg-card: #FFFFFF;--bg-card-hover: #EFF6FF;--bg-sidebar: #FFFFFF;--bg-input: #FFFFFF;--bg-elevated: #FFFFFF;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-on-primary: #FFFFFF;--border-color: #E2E8F0;--border-color-strong: #CBD5E1;--ring-color: rgba(59, 130, 246, .25);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--primary: var(--color-primary-600);--primary-hover: var(--color-primary-700);--primary-light: var(--color-primary-100);--primary-subtle: var(--color-primary-50);--primary-color: var(--color-primary-600);--secondary-color: var(--color-primary-600);--accent-color: var(--color-accent-500);--text-dark: var(--text-primary);--text-light: var(--text-muted);--bg-white: var(--bg-card);--bg-gray: var(--bg-page);--border: var(--border-color);--success: var(--color-success);--error: var(--color-error);--warning: var(--color-warning);--success-color: var(--color-success);--error-color: var(--color-error);--warning-color: var(--color-warning);--shadow-sm-legacy: var(--shadow-sm);--shadow-md-legacy: var(--shadow-md)}[data-theme=midnight-dark]{--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary-900: #1E3A8A;--color-accent-50: #ECFDF5;--color-accent-100: #D1FAE5;--color-accent-200: #A7F3D0;--color-accent-300: #6EE7B7;--color-accent-400: #34D399;--color-accent-500: #10B981;--color-accent-600: #059669;--color-accent-700: #047857;--color-accent-800: #065F46;--color-accent-900: #064E3B;--bg-page: #0B1121;--bg-card: #131D35;--bg-card-hover: #192849;--bg-sidebar: #0F1829;--bg-input: #192849;--bg-elevated: #1B2745;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-on-primary: #FFFFFF;--border-color: #1E2D4A;--border-color-strong: #2A3F68;--ring-color: rgba(59, 130, 246, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .35);--color-success-light: #064E3B;--color-warning-light: #78350F;--color-error-light: #7F1D1D;--color-info-light: #1E3A5F;--primary: var(--color-primary-500);--primary-hover: var(--color-primary-400);--primary-light: var(--color-primary-900);--primary-subtle: var(--color-primary-800);--primary-color: var(--color-primary-500);--secondary-color: var(--color-primary-500);--accent-color: var(--color-accent-400);--text-dark: var(--text-primary);--text-light: var(--text-muted);--bg-white: var(--bg-card);--bg-gray: var(--bg-page);--border: var(--border-color);--success: var(--color-success);--error: var(--color-error);--warning: var(--color-warning);--success-color: var(--color-success);--error-color: var(--color-error);--warning-color: var(--color-warning);--shadow-sm-legacy: var(--shadow-sm);--shadow-md-legacy: var(--shadow-md)}[data-theme=carbon]{--color-primary-50: #F8FAFC;--color-primary-100: #F1F5F9;--color-primary-200: #E2E8F0;--color-primary-300: #CBD5E1;--color-primary-400: #94A3B8;--color-primary-500: #64748B;--color-primary-600: #475569;--color-primary-700: #334155;--color-primary-800: #1E293B;--color-primary-900: #0F172A;--color-accent-50: #EEF2FF;--color-accent-100: #E0E7FF;--color-accent-200: #C7D2FE;--color-accent-300: #A5B4FC;--color-accent-400: #818CF8;--color-accent-500: #6366F1;--color-accent-600: #4F46E5;--color-accent-700: #4338CA;--color-accent-800: #3730A3;--color-accent-900: #312E81;--bg-page: #F8FAFC;--bg-card: #FFFFFF;--bg-card-hover: #F1F5F9;--bg-sidebar: #FFFFFF;--bg-input: #FFFFFF;--bg-elevated: #FFFFFF;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-on-primary: #FFFFFF;--border-color: #E2E8F0;--border-color-strong: #CBD5E1;--ring-color: rgba(30, 41, 59, .25);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .06);--primary: var(--color-primary-800);--primary-hover: var(--color-primary-900);--primary-light: var(--color-primary-100);--primary-subtle: var(--color-primary-50);--primary-color: var(--color-primary-800);--secondary-color: var(--color-primary-700);--accent-color: var(--color-accent-500);--text-dark: var(--text-primary);--text-light: var(--text-muted);--bg-white: var(--bg-card);--bg-gray: var(--bg-page);--border: var(--border-color);--success: var(--color-success);--error: var(--color-error);--warning: var(--color-warning);--success-color: var(--color-success);--error-color: var(--color-error);--warning-color: var(--color-warning);--shadow-sm-legacy: var(--shadow-sm);--shadow-md-legacy: var(--shadow-md)}[data-theme=carbon-dark]{--color-primary-50: #F8FAFC;--color-primary-100: #F1F5F9;--color-primary-200: #E2E8F0;--color-primary-300: #CBD5E1;--color-primary-400: #94A3B8;--color-primary-500: #64748B;--color-primary-600: #475569;--color-primary-700: #334155;--color-primary-800: #1E293B;--color-primary-900: #0F172A;--color-accent-50: #EEF2FF;--color-accent-100: #E0E7FF;--color-accent-200: #C7D2FE;--color-accent-300: #A5B4FC;--color-accent-400: #818CF8;--color-accent-500: #6366F1;--color-accent-600: #4F46E5;--color-accent-700: #4338CA;--color-accent-800: #3730A3;--color-accent-900: #312E81;--bg-page: #0A0F1A;--bg-card: #111827;--bg-card-hover: #1A2234;--bg-sidebar: #0D1321;--bg-input: #1A2234;--bg-elevated: #1E293B;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-on-primary: #FFFFFF;--border-color: #1E293B;--border-color-strong: #334155;--ring-color: rgba(148, 163, 184, .25);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .45);--color-success-light: #064E3B;--color-warning-light: #78350F;--color-error-light: #7F1D1D;--color-info-light: #1E3A5F;--primary: var(--color-accent-500);--primary-hover: var(--color-accent-400);--primary-light: var(--color-accent-900);--primary-subtle: var(--color-primary-800);--primary-color: var(--color-accent-500);--secondary-color: var(--color-accent-600);--accent-color: var(--color-accent-400);--text-dark: var(--text-primary);--text-light: var(--text-muted);--bg-white: var(--bg-card);--bg-gray: var(--bg-page);--border: var(--border-color);--success: var(--color-success);--error: var(--color-error);--warning: var(--color-warning);--success-color: var(--color-success);--error-color: var(--color-error);--warning-color: var(--color-warning);--shadow-sm-legacy: var(--shadow-sm);--shadow-md-legacy: var(--shadow-md)}html{color-scheme:light;overflow-x:hidden}[data-theme$=-dark]{color-scheme:dark}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary);background:var(--bg-page);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--font-mono)}a{color:var(--color-primary-600);text-decoration:none}a:hover{color:var(--color-primary-700)}[data-theme$=-dark] a{color:var(--color-primary-400)}[data-theme$=-dark] a:hover{color:var(--color-primary-300)}[data-theme=carbon] a{color:var(--color-accent-600)}[data-theme=carbon] a:hover{color:var(--color-accent-700)}[data-theme=carbon-dark] a{color:var(--color-accent-400)}[data-theme=carbon-dark] a:hover{color:var(--color-accent-300)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}[data-theme=carbon] :focus-visible{outline-color:var(--color-accent-500)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}[data-theme$=-dark] ::-webkit-scrollbar-thumb{background:var(--color-gray-600)}[data-theme$=-dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-to-content{position:absolute;top:-40px;left:0;padding:var(--space-2) var(--space-4);background:var(--color-primary-600);color:var(--text-on-primary);z-index:var(--z-tooltip);transition:top var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:0 0 var(--radius-md) 0}.skip-to-content:focus{top:0}