@charset "UTF-8";:root{--color-primary: #3b82f6;--color-primary-dark: #1d4ed8;--color-secondary: #6b7280;--color-accent: #10b981;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .5s ease-in-out}.heading-1{@apply text-4xl font-bold text-gray-900 dark:text-white;line-height:1.1;letter-spacing:-.025em}.heading-2{@apply text-3xl font-bold text-gray-900 dark:text-white;line-height:1.2;letter-spacing:-.025em}.heading-3{@apply text-2xl font-semibold text-gray-900 dark:text-white;line-height:1.3}.heading-4{@apply text-xl font-semibold text-gray-900 dark:text-white;line-height:1.4}.heading-5{@apply text-lg font-medium text-gray-900 dark:text-white;line-height:1.5}.heading-6{@apply text-base font-medium text-gray-900 dark:text-white;line-height:1.5}.text-body{@apply text-gray-700 dark:text-gray-300;line-height:1.6}.text-body-sm{@apply text-sm text-gray-600 dark:text-gray-400;line-height:1.5}.text-body-xs{@apply text-xs text-gray-500 dark:text-gray-500;line-height:1.4}.text-muted{@apply text-gray-500 dark:text-gray-400;}.text-emphasis{@apply text-gray-900 dark:text-white font-medium;}.text-brand{@apply text-blue-600 dark:text-blue-400;}.text-success{@apply text-green-600 dark:text-green-400;}.text-warning{@apply text-yellow-600 dark:text-yellow-400;}.text-error{@apply text-red-600 dark:text-red-400;}.link{@apply text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300;text-decoration:none;transition:var(--transition-fast)}.link:hover{text-decoration:underline}.link-muted{@apply text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white;text-decoration:none;transition:var(--transition-fast)}.code-inline{@apply bg-gray-100 dark:bg-gray-800 text-gray-800 dark:text-gray-200;padding:.125rem .25rem;border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em}@media (min-width: 768px){.heading-1{@apply text-5xl;}.heading-2{@apply text-4xl;}}@media (min-width: 1024px){.heading-1{@apply text-6xl;}.heading-2{@apply text-5xl;}}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:#3b82f633;color:#1e3a8a}.dark ::selection{background-color:#3b82f64d;color:#93c5fd}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#9ca3af;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#6b7280}.dark ::-webkit-scrollbar-thumb{background-color:#4b5563}.dark ::-webkit-scrollbar-thumb:hover{background-color:#6b7280}img{max-width:100%;height:auto}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);text-decoration:none;font-weight:500;z-index:9999;transition:var(--transition-fast)}.skip-link:focus{top:1rem}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.no-print{display:none!important}}.btn,.btn-icon,.btn-ghost,.btn-outline,.btn-success,.btn-danger,.btn-secondary,.btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:500;transition:var(--transition-fast);cursor:pointer;border:none;text-decoration:none;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem}.btn:focus,.btn-icon:focus,.btn-ghost:focus,.btn-outline:focus,.btn-success:focus,.btn-danger:focus,.btn-secondary:focus,.btn-primary:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled,.btn-icon:disabled,.btn-ghost:disabled,.btn-outline:disabled,.btn-success:disabled,.btn-danger:disabled,.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background-color:transparent;color:var(--color-secondary);border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.dark .btn-secondary{border-color:#4b5563;color:#9ca3af}.dark .btn-secondary:hover:not(:disabled){background-color:#374151;border-color:#6b7280}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-success{background-color:var(--color-accent);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn-ghost{background-color:transparent;color:var(--color-secondary)}.btn-ghost:hover:not(:disabled){background-color:#0000000d}.dark .btn-ghost:hover:not(:disabled){background-color:#ffffff0d}.btn-icon{padding:.5rem}.btn-icon.btn-sm{padding:.375rem}.btn-icon.btn-lg{padding:.75rem}.btn-group{display:inline-flex}.btn-group .btn:not(:first-child),.btn-group .btn-primary:not(:first-child),.btn-group .btn-secondary:not(:first-child),.btn-group .btn-danger:not(:first-child),.btn-group .btn-success:not(:first-child),.btn-group .btn-outline:not(:first-child),.btn-group .btn-ghost:not(:first-child),.btn-group .btn-icon:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .btn:not(:last-child),.btn-group .btn-primary:not(:last-child),.btn-group .btn-secondary:not(:last-child),.btn-group .btn-danger:not(:last-child),.btn-group .btn-success:not(:last-child),.btn-group .btn-outline:not(:last-child),.btn-group .btn-ghost:not(:last-child),.btn-group .btn-icon:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:hover,.btn-group .btn-primary:hover,.btn-group .btn-secondary:hover,.btn-group .btn-danger:hover,.btn-group .btn-success:hover,.btn-group .btn-outline:hover,.btn-group .btn-ghost:hover,.btn-group .btn-icon:hover{z-index:1}.form-group{@apply space-y-1;}.form-label{@apply block text-sm font-medium text-gray-700 dark:text-gray-300;}.form-input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:.875rem;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.dark .form-input{background:#374151;border-color:#4b5563;color:#fff}.dark .form-input:focus{border-color:var(--color-primary)}.form-textarea{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:.875rem;transition:var(--transition-fast);resize:vertical;min-height:80px}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.dark .form-textarea{background:#374151;border-color:#4b5563;color:#fff}.dark .form-textarea:focus{border-color:var(--color-primary)}.form-select{width:100%;padding:.625rem 2.5rem .625rem .75rem;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:.875rem;transition:var(--transition-fast);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.dark .form-select{background:#374151;border-color:#4b5563;color:#fff}.dark .form-select:focus{border-color:var(--color-primary)}.dark .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.form-checkbox{@apply h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-700;}.form-radio{@apply h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700;}.form-input.is-valid{@apply border-green-500 dark:border-green-400;}.form-input.is-valid:focus{@apply border-green-500 ring-green-500 dark:border-green-400 dark:ring-green-400;}.form-input.is-invalid{@apply border-red-500 dark:border-red-400;}.form-input.is-invalid:focus{@apply border-red-500 ring-red-500 dark:border-red-400 dark:ring-red-400;}.form-feedback{@apply mt-1 text-sm;}.form-feedback.valid-feedback{@apply text-green-600 dark:text-green-400;}.form-feedback.invalid-feedback{@apply text-red-600 dark:text-red-400;}.input-group{@apply flex;}.input-group .input-group-text{@apply px-3 py-2 text-sm text-gray-900 dark:text-white bg-gray-50 dark:bg-gray-700 border border-gray-300 dark:border-gray-600;}.input-group .input-group-text:first-child{@apply rounded-l-md border-r-0;}.input-group .input-group-text:last-child{@apply rounded-r-md border-l-0;}.input-group .form-input{@apply flex-1;}.input-group .form-input:not(:first-child){@apply rounded-l-none;}.input-group .form-input:not(:last-child){@apply rounded-r-none;}.form-floating{@apply relative;}.form-floating .form-input{@apply pt-6 pb-2;}.form-floating .form-input:focus~.form-label,.form-floating .form-input:not(:placeholder-shown)~.form-label{@apply text-xs transform -translate-y-3 scale-75 top-2 z-10 origin-top-left;}.form-floating .form-label{@apply absolute left-3 top-3 text-gray-500 dark:text-gray-400 transition-all duration-200 ease-in-out pointer-events-none;}.form-switch{@apply relative inline-block w-10 h-6;}.form-switch input{@apply opacity-0 w-0 h-0;}.form-switch input:checked+.slider{@apply bg-blue-600;}.form-switch input:checked+.slider:before{@apply transform translate-x-4;}.form-switch input:focus+.slider{@apply ring-2 ring-blue-500 ring-offset-2;}.form-switch .slider{@apply absolute cursor-pointer top-0 left-0 right-0 bottom-0 bg-gray-300 dark:bg-gray-600 rounded-full transition-colors duration-200;}.form-switch .slider:before{@apply absolute content-[""] h-4 w-4 left-1 bottom-1 bg-white rounded-full transition-transform duration-200;}.card,.card-activity,.card-pricing,.card-profile,.card-stats,.card-flush,.card-bordered,.card-elevated{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #e5e7eb}.dark .card,.dark .card-activity,.dark .card-pricing,.dark .card-profile,.dark .card-stats,.dark .card-flush,.dark .card-bordered,.dark .card-elevated{background:#1f2937;border-color:#374151}.card .card-header,.card-activity .card-header,.card-pricing .card-header,.card-profile .card-header,.card-stats .card-header,.card-flush .card-header,.card-bordered .card-header,.card-elevated .card-header{@apply px-6 py-4 border-b border-gray-200 dark:border-gray-700;}.card .card-header .card-title,.card-activity .card-header .card-title,.card-pricing .card-header .card-title,.card-profile .card-header .card-title,.card-stats .card-header .card-title,.card-flush .card-header .card-title,.card-bordered .card-header .card-title,.card-elevated .card-header .card-title{@apply text-lg font-semibold text-gray-900 dark:text-white m-0;}.card .card-header .card-subtitle,.card-activity .card-header .card-subtitle,.card-pricing .card-header .card-subtitle,.card-profile .card-header .card-subtitle,.card-stats .card-header .card-subtitle,.card-flush .card-header .card-subtitle,.card-bordered .card-header .card-subtitle,.card-elevated .card-header .card-subtitle{@apply text-sm text-gray-600 dark:text-gray-400 mt-1;}.card .card-body,.card-activity .card-body,.card-pricing .card-body,.card-profile .card-body,.card-stats .card-body,.card-flush .card-body,.card-bordered .card-body,.card-elevated .card-body{@apply px-6 py-4;}.card .card-footer,.card-activity .card-footer,.card-pricing .card-footer,.card-profile .card-footer,.card-stats .card-footer,.card-flush .card-footer,.card-bordered .card-footer,.card-elevated .card-footer{@apply px-6 py-4 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50;}.card-elevated{@apply shadow-lg;}.card-bordered{@apply border-2 border-gray-200 dark:border-gray-700;}.card-flush{@apply shadow-none border-0;}.card-stats{@apply overflow-hidden hover:shadow-md transition-shadow;}.card-stats .stats-icon{@apply flex-shrink-0;}.card-stats .stats-icon .icon-wrapper{@apply flex h-8 w-8 items-center justify-center rounded-md;}.card-stats .stats-content{@apply ml-5 w-0 flex-1;}.card-stats .stats-content .stats-label{@apply truncate text-sm font-medium text-gray-500 dark:text-gray-400;}.card-stats .stats-content .stats-value{@apply text-2xl font-semibold text-gray-900 dark:text-white;}.card-stats .stats-content .stats-change{@apply ml-2 flex items-baseline text-sm font-semibold;}.card-stats .stats-content .stats-change.positive{@apply text-green-600;}.card-stats .stats-content .stats-change.negative{@apply text-red-600;}.card-profile{@apply text-center;}.card-profile .profile-avatar{@apply mx-auto -mt-12 w-24 h-24 rounded-full border-4 border-white dark:border-gray-800;}.card-profile .profile-name{@apply mt-4 text-xl font-semibold text-gray-900 dark:text-white;}.card-profile .profile-role{@apply text-sm text-gray-600 dark:text-gray-400;}.card-profile .profile-stats{@apply mt-6 grid grid-cols-3 gap-4;}.card-profile .profile-stats .stat{@apply text-center;}.card-profile .profile-stats .stat .stat-value{@apply text-lg font-semibold text-gray-900 dark:text-white;}.card-profile .profile-stats .stat .stat-label{@apply text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wide;}.card-pricing{@apply relative;}.card-pricing.featured{@apply ring-2 ring-blue-500 shadow-lg;}.card-pricing.featured .pricing-badge{@apply absolute -top-3 left-1/2 transform -translate-x-1/2 bg-blue-500 text-white px-3 py-1 rounded-full text-sm font-medium;}.card-pricing .pricing-header{@apply text-center p-6;}.card-pricing .pricing-header .pricing-name{@apply text-lg font-semibold text-gray-900 dark:text-white;}.card-pricing .pricing-header .pricing-price{@apply mt-4;}.card-pricing .pricing-header .pricing-price .price-amount{@apply text-4xl font-bold text-gray-900 dark:text-white;}.card-pricing .pricing-header .pricing-price .price-period{@apply text-gray-500 dark:text-gray-400;}.card-pricing .pricing-features{@apply px-6 pb-6;}.card-pricing .pricing-features ul{@apply space-y-3;}.card-pricing .pricing-features ul li{@apply flex items-center;}.card-pricing .pricing-features ul li .check-icon{@apply flex-shrink-0 w-5 h-5 text-green-500 mr-3;}.card-pricing .pricing-footer{@apply p-6 pt-0;}.card-activity .activity-item{@apply flex space-x-3 py-4;}.card-activity .activity-item:not(:last-child){@apply border-b border-gray-200 dark:border-gray-700;}.card-activity .activity-item .activity-avatar{@apply flex-shrink-0;}.card-activity .activity-item .activity-content{@apply flex-1 min-w-0;}.card-activity .activity-item .activity-content .activity-text{@apply text-sm text-gray-500 dark:text-gray-400;}.card-activity .activity-item .activity-content .activity-text .activity-user{@apply font-medium text-gray-900 dark:text-white;}.card-activity .activity-item .activity-content .activity-time{@apply text-xs text-gray-400 dark:text-gray-500 mt-1;}.navbar{@apply bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700;}.navbar .navbar-brand{@apply flex items-center text-xl font-bold text-gray-900 dark:text-white;}.navbar .navbar-nav{@apply flex space-x-4;}.navbar .navbar-nav .nav-item .nav-link{@apply text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-colors;}.navbar .navbar-nav .nav-item .nav-link.active{@apply text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20;}.navbar .navbar-toggler{@apply p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors md:hidden;}.sidebar{@apply fixed left-0 top-0 h-full w-64 bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 transform transition-transform duration-300 ease-in-out z-20;}.sidebar.collapsed{@apply -translate-x-full;}.sidebar .sidebar-header{@apply p-6 border-b border-gray-200 dark:border-gray-700;}.sidebar .sidebar-header .sidebar-brand{@apply text-xl font-bold text-gray-900 dark:text-white;}.sidebar .sidebar-nav{@apply p-4 space-y-2;}.sidebar .sidebar-nav .nav-item .nav-link{@apply flex items-center px-3 py-2 text-sm font-medium rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors;}.sidebar .sidebar-nav .nav-item .nav-link.active{@apply bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-200;}.sidebar .sidebar-nav .nav-item .nav-link .nav-icon{@apply w-5 h-5 mr-3 flex-shrink-0;}.sidebar .sidebar-nav .nav-section{@apply pt-4;}.sidebar .sidebar-nav .nav-section .nav-section-title{@apply px-3 text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider;}.sidebar .sidebar-nav .nav-section .nav-section-items{@apply mt-2 space-y-1;}.breadcrumb{@apply flex items-center space-x-2 text-sm text-gray-500 dark:text-gray-400;}.breadcrumb .breadcrumb-item{@apply flex items-center;}.breadcrumb .breadcrumb-item:not(:last-child) .breadcrumb-link{@apply hover:text-gray-700 dark:hover:text-gray-300 transition-colors;}.breadcrumb .breadcrumb-item:not(:last-child):after{content:"/";@apply ml-2 text-gray-400 dark:text-gray-500;}.breadcrumb .breadcrumb-item:last-child{@apply text-gray-900 dark:text-white font-medium;}.nav-tabs{@apply flex border-b border-gray-200 dark:border-gray-700;}.nav-tabs .nav-tab{@apply px-4 py-2 -mb-px border-b-2 border-transparent text-sm font-medium text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600 transition-colors;}.nav-tabs .nav-tab.active{@apply text-blue-600 dark:text-blue-400 border-blue-500 dark:border-blue-400;}.nav-pills{@apply flex space-x-2;}.nav-pills .nav-pill{@apply px-3 py-2 rounded-md text-sm font-medium text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors;}.nav-pills .nav-pill.active{@apply text-white bg-blue-600 hover:bg-blue-700;}.dropdown{@apply relative;}.dropdown .dropdown-toggle{@apply flex items-center px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors;}.dropdown .dropdown-toggle .dropdown-arrow{@apply ml-1 w-4 h-4 transition-transform;}.dropdown .dropdown-toggle[aria-expanded=true] .dropdown-arrow{@apply transform rotate-180;}.dropdown .dropdown-menu{@apply absolute right-0 mt-2 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 py-1 z-50;}.dropdown .dropdown-menu .dropdown-item{@apply block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors;}.dropdown .dropdown-menu .dropdown-item.active{@apply bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-200;}.dropdown .dropdown-menu .dropdown-item:disabled{@apply text-gray-400 dark:text-gray-500 cursor-not-allowed;}.dropdown .dropdown-menu .dropdown-divider{@apply my-1 border-t border-gray-200 dark:border-gray-700;}.mobile-menu-overlay{@apply fixed inset-0 bg-gray-600 bg-opacity-75 z-10 lg:hidden;}.pagination{@apply flex items-center space-x-1;}.pagination .page-item .page-link{@apply px-3 py-2 text-sm font-medium text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors;}.pagination .page-item .page-link.active{@apply text-white bg-blue-600 hover:bg-blue-700;}.pagination .page-item .page-link:disabled{@apply text-gray-300 dark:text-gray-600 cursor-not-allowed;}.modal-backdrop{@apply fixed inset-0 bg-gray-900 bg-opacity-50 z-40 transition-opacity;}.modal-backdrop.show{@apply opacity-100;}.modal-backdrop.hide{@apply opacity-0;}.modal{@apply fixed inset-0 z-50 flex items-center justify-center p-4;}.modal .modal-dialog{@apply relative bg-white dark:bg-gray-800 rounded-lg shadow-xl max-h-full overflow-hidden transition-transform;}.modal .modal-dialog.modal-sm{@apply max-w-sm w-full;}.modal .modal-dialog.modal-md{@apply max-w-md w-full;}.modal .modal-dialog.modal-lg{@apply max-w-lg w-full;}.modal .modal-dialog.modal-xl{@apply max-w-xl w-full;}.modal .modal-dialog.modal-2xl{@apply max-w-2xl w-full;}.modal .modal-dialog.modal-full{@apply max-w-full w-full h-full rounded-none;}.modal .modal-content{@apply flex flex-col max-h-full;}.modal .modal-header{@apply flex items-center justify-between p-6 border-b border-gray-200 dark:border-gray-700;}.modal .modal-header .modal-title{@apply text-lg font-semibold text-gray-900 dark:text-white;}.modal .modal-header .modal-close{@apply p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors;}.modal .modal-body{@apply flex-1 p-6 overflow-y-auto;}.modal .modal-footer{@apply flex items-center justify-end space-x-3 p-6 border-t border-gray-200 dark:border-gray-700;}.modal-enter{@apply opacity-0 scale-95;}.modal-enter-active{@apply transition-all duration-200 ease-out;}.modal-enter-to,.modal-leave{@apply opacity-100 scale-100;}.modal-leave-active{@apply transition-all duration-150 ease-in;}.modal-leave-to{@apply opacity-0 scale-95;}.modal-confirm .modal-icon{@apply mx-auto flex items-center justify-center w-12 h-12 rounded-full mb-4;}.modal-confirm .modal-icon.warning{@apply bg-yellow-100 dark:bg-yellow-900/20;}.modal-confirm .modal-icon.warning svg{@apply w-6 h-6 text-yellow-600 dark:text-yellow-400;}.modal-confirm .modal-icon.danger{@apply bg-red-100 dark:bg-red-900/20;}.modal-confirm .modal-icon.danger svg{@apply w-6 h-6 text-red-600 dark:text-red-400;}.modal-confirm .modal-icon.info{@apply bg-blue-100 dark:bg-blue-900/20;}.modal-confirm .modal-icon.info svg{@apply w-6 h-6 text-blue-600 dark:text-blue-400;}.modal-confirm .modal-icon.success{@apply bg-green-100 dark:bg-green-900/20;}.modal-confirm .modal-icon.success svg{@apply w-6 h-6 text-green-600 dark:text-green-400;}.modal-confirm .modal-title{@apply text-center;}.modal-confirm .modal-message{@apply text-center text-gray-600 dark:text-gray-400;}.modal-image .modal-dialog{@apply max-w-4xl;}.modal-image .modal-body{@apply p-0;}.modal-image .modal-body img{@apply w-full h-auto;}.modal-video .modal-dialog{@apply max-w-4xl;}.modal-video .modal-body{@apply p-0;}.modal-video .modal-body .video-container{@apply relative;padding-bottom:56.25%}.modal-video .modal-body .video-container iframe,.modal-video .modal-body .video-container video{@apply absolute top-0 left-0 w-full h-full;}.modal-loading .modal-body{@apply text-center py-12;}.modal-loading .modal-body .loading-spinner{@apply inline-block w-8 h-8 border-4 border-blue-200 border-t-blue-600 rounded-full animate-spin mb-4;}.modal-loading .modal-body .loading-text{@apply text-gray-600 dark:text-gray-400;}.table,.table-borderless,.table-bordered,.table-striped{@apply w-full text-sm text-left text-gray-500 dark:text-gray-400;}.table thead,.table-borderless thead,.table-bordered thead,.table-striped thead{@apply text-xs text-gray-700 dark:text-gray-400 uppercase bg-gray-50 dark:bg-gray-700;}.table thead th,.table-borderless thead th,.table-bordered thead th,.table-striped thead th{@apply px-6 py-3;}.table tbody tr,.table-borderless tbody tr,.table-bordered tbody tr,.table-striped tbody tr{@apply bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700;}.table tbody tr:hover,.table-borderless tbody tr:hover,.table-bordered tbody tr:hover,.table-striped tbody tr:hover{@apply bg-gray-50 dark:bg-gray-700;}.table tbody tr.selected,.table-borderless tbody tr.selected,.table-bordered tbody tr.selected,.table-striped tbody tr.selected{@apply bg-blue-50 dark:bg-blue-900/20;}.table tbody td,.table-borderless tbody td,.table-bordered tbody td,.table-striped tbody td{@apply px-6 py-4;}.table-striped tbody tr:nth-child(2n){@apply bg-gray-50 dark:bg-gray-700/50;}.table-bordered,.table-bordered th,.table-bordered td{@apply border border-gray-200 dark:border-gray-700;}.table-borderless th,.table-borderless td{@apply border-0;}.table-sm th,.table-sm td{@apply px-3 py-2;}.table-lg th,.table-lg td{@apply px-8 py-6;}.table-sortable th.sortable{@apply cursor-pointer select-none hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors;}.table-sortable th.sortable:after{content:"";@apply inline-block w-0 h-0 ml-2 align-middle;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #9ca3af}.table-sortable th.sortable.sort-asc:after{border-bottom:4px solid #374151;border-top:none}.table-sortable th.sortable.sort-desc:after{border-top:4px solid #374151;border-bottom:none}.table-responsive{@apply overflow-x-auto;}.table-responsive .table,.table-responsive .table-striped,.table-responsive .table-bordered,.table-responsive .table-borderless{@apply min-w-full;}.table-actions .actions-cell{@apply text-right;}.table-actions .actions-cell .btn-group{@apply inline-flex space-x-1;}.table-actions .actions-cell .btn{@apply px-2 py-1 text-xs;}.data-table .data-table-header{@apply flex items-center justify-between mb-4;}.data-table .data-table-header .data-table-search{@apply relative;}.data-table .data-table-header .data-table-search input{@apply pl-10;}.data-table .data-table-header .data-table-search .search-icon{@apply absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400;}.data-table .data-table-header .data-table-actions{@apply flex space-x-2;}.data-table .data-table-footer{@apply flex items-center justify-between mt-4;}.data-table .data-table-footer .data-table-info{@apply text-sm text-gray-600 dark:text-gray-400;}.data-table .data-table-footer .data-table-pagination{@apply flex space-x-1;}.table-loading{@apply relative;}.table-loading:after{content:"";@apply absolute inset-0 bg-white dark:bg-gray-800 bg-opacity-75 flex items-center justify-center;}.table-loading .loading-spinner{@apply w-8 h-8 border-4 border-blue-200 border-t-blue-600 rounded-full animate-spin;}.table-empty .empty-state{@apply text-center py-12;}.table-empty .empty-state .empty-icon{@apply mx-auto w-12 h-12 text-gray-400 mb-4;}.table-empty .empty-state .empty-title{@apply text-lg font-medium text-gray-900 dark:text-white mb-2;}.table-empty .empty-state .empty-description{@apply text-gray-600 dark:text-gray-400;}.cell-avatar{@apply flex items-center space-x-3;}.cell-avatar .avatar{@apply w-8 h-8 rounded-full;}.cell-avatar .avatar-info .name{@apply font-medium text-gray-900 dark:text-white;}.cell-avatar .avatar-info .email{@apply text-gray-500 dark:text-gray-400;}.cell-status .status-badge{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.cell-status .status-badge.active{@apply bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400;}.cell-status .status-badge.inactive{@apply bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300;}.cell-status .status-badge.pending{@apply bg-yellow-100 text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400;}.cell-status .status-badge.error{@apply bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-400;}.cell-number{@apply text-right font-mono;}.cell-date{@apply text-gray-600 dark:text-gray-400;}.app-header{@apply bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700 fixed w-full top-0 z-30;}.app-header .header-container{@apply max-w-full px-4 sm:px-6 lg:px-8;}.app-header .header-content{@apply flex justify-between items-center h-16;}.app-header .header-left{@apply flex items-center space-x-4;}.app-header .header-left .mobile-menu-btn{@apply lg:hidden p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors;}.app-header .header-left .header-logo{@apply flex-shrink-0 lg:ml-0 ml-2;}.app-header .header-left .header-logo .logo-link{@apply flex items-center;}.app-header .header-left .header-logo .logo-link .logo-text{@apply text-xl font-bold text-gray-900 dark:text-white;}.app-header .header-left .header-logo .logo-link .logo-image{@apply h-8 w-auto;}.app-header .header-right{@apply flex items-center space-x-4;}.app-header .header-right .header-search{@apply hidden md:block;}.app-header .header-right .header-search .search-input{@apply w-64 pl-10 pr-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;}.app-header .header-right .header-search .search-icon{@apply absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400;}.app-header .header-right .header-actions{@apply flex items-center space-x-2;}.app-header .header-right .header-actions .action-btn,.app-header .header-right .header-actions .notifications-btn,.app-header .header-right .header-actions .dark-mode-toggle{@apply p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors relative;}.app-header .header-right .header-actions .action-btn .badge,.app-header .header-right .header-actions .notifications-btn .badge,.app-header .header-right .header-actions .dark-mode-toggle .badge{@apply absolute -top-1 -right-1 w-3 h-3 bg-red-500 rounded-full;}.app-header .header-right .header-actions .user-menu{@apply relative;}.app-header .header-right .header-actions .user-menu .user-btn{@apply flex items-center space-x-2 p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors;}.app-header .header-right .header-actions .user-menu .user-btn .user-avatar{@apply w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center;}.app-header .header-right .header-actions .user-menu .user-btn .user-avatar .avatar-text{@apply text-white text-sm font-medium;}.app-header .header-right .header-actions .user-menu .user-btn .user-avatar .avatar-image{@apply w-8 h-8 rounded-full object-cover;}.app-header .header-right .header-actions .user-menu .user-btn .user-info{@apply hidden lg:block text-left;}.app-header .header-right .header-actions .user-menu .user-btn .user-info .user-name{@apply text-sm font-medium text-gray-900 dark:text-white;}.app-header .header-right .header-actions .user-menu .user-btn .user-info .user-role{@apply text-xs text-gray-500 dark:text-gray-400;}.app-header .header-right .header-actions .user-menu .user-btn .dropdown-arrow{@apply w-4 h-4 transition-transform;}.app-header .header-right .header-actions .user-menu .user-dropdown{@apply absolute right-0 mt-2 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 py-1 z-50;}.app-header .header-right .header-actions .user-menu .user-dropdown .dropdown-header{@apply px-4 py-2 border-b border-gray-200 dark:border-gray-700;}.app-header .header-right .header-actions .user-menu .user-dropdown .dropdown-header .user-name{@apply text-sm text-gray-900 dark:text-white font-medium;}.app-header .header-right .header-actions .user-menu .user-dropdown .dropdown-header .user-email{@apply text-sm text-gray-600 dark:text-gray-400;}.app-header .header-right .header-actions .user-menu .user-dropdown .dropdown-item{@apply block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors;}.app-header .header-right .header-actions .user-menu .user-dropdown .dropdown-item.danger{@apply text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20;}.app-header .header-right .header-actions .user-menu .user-dropdown .dropdown-divider{@apply my-1 border-t border-gray-200 dark:border-gray-700;}.guest-header{@apply bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700;}.guest-header .header-container{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;}.guest-header .header-content{@apply flex justify-between items-center h-16;}.guest-header .header-logo{@apply flex-shrink-0;}.guest-header .header-logo .logo-link{@apply flex items-center;}.guest-header .header-logo .logo-link .logo-text{@apply text-xl font-bold text-gray-900 dark:text-white;}.guest-header .header-nav{@apply hidden md:block;}.guest-header .header-nav .nav-links{@apply ml-10 flex items-baseline space-x-4;}.guest-header .header-nav .nav-links .nav-link{@apply text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-colors;}.guest-header .header-nav .nav-links .nav-link.active{@apply text-blue-600 dark:text-blue-400;}.guest-header .header-actions{@apply flex items-center space-x-4;}.guest-header .header-actions .auth-links{@apply hidden md:flex items-center space-x-4;}.guest-header .header-actions .auth-links .login-link{@apply text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-colors;}.guest-header .header-actions .auth-links .register-link{@apply bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors;}.guest-header .header-actions .dark-mode-toggle{@apply p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors;}.guest-header .header-actions .mobile-menu-btn{@apply md:hidden p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors;}.guest-header .mobile-menu{@apply md:hidden border-t border-gray-200 dark:border-gray-700;}.guest-header .mobile-menu .mobile-nav{@apply px-2 pt-2 pb-3 space-y-1 sm:px-3;}.guest-header .mobile-menu .mobile-nav .nav-link{@apply text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white block px-3 py-2 rounded-md text-base font-medium transition-colors;}.guest-header .mobile-menu .mobile-nav .auth-section{@apply pt-4 border-t border-gray-200 dark:border-gray-700;}.guest-header .mobile-menu .mobile-nav .auth-section .login-link{@apply text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white block px-3 py-2 rounded-md text-base font-medium transition-colors;}.guest-header .mobile-menu .mobile-nav .auth-section .register-link{@apply bg-blue-600 hover:bg-blue-700 text-white block px-3 py-2 rounded-md text-base font-medium transition-colors;}.app-sidebar{@apply fixed left-0 top-16 h-full w-64 bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 transform transition-transform duration-300 ease-in-out z-20;}.app-sidebar.collapsed{@apply -translate-x-full lg:translate-x-0 lg:w-16;}.app-sidebar.collapsed .sidebar-nav .nav-item .nav-link{@apply justify-center px-3;}.app-sidebar.collapsed .sidebar-nav .nav-item .nav-link .nav-text{@apply hidden;}.app-sidebar.collapsed .sidebar-nav .nav-item .nav-link .nav-icon{@apply mr-0;}.app-sidebar.collapsed .sidebar-nav .nav-section .nav-section-title{@apply hidden;}.app-sidebar .sidebar-header{@apply p-4 border-b border-gray-200 dark:border-gray-700;}.app-sidebar .sidebar-header .sidebar-brand{@apply text-lg font-semibold text-gray-900 dark:text-white;}.app-sidebar .sidebar-header .sidebar-toggle{@apply p-1 rounded-md text-gray-500 hover:text-gray-700 dark:hover:text-gray-300 lg:hidden;}.app-sidebar .sidebar-nav{@apply h-full overflow-y-auto px-4 py-6;}.app-sidebar .sidebar-nav .nav-section{@apply space-y-2;}.app-sidebar .sidebar-nav .nav-section:not(:first-child){@apply pt-6;}.app-sidebar .sidebar-nav .nav-section .nav-section-title{@apply px-3 text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider;}.app-sidebar .sidebar-nav .nav-section .nav-section-items{@apply mt-2 space-y-1;}.app-sidebar .sidebar-nav .nav-item .nav-link{@apply flex items-center px-3 py-2 text-sm font-medium rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors group;}.app-sidebar .sidebar-nav .nav-item .nav-link.active{@apply bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-200;}.app-sidebar .sidebar-nav .nav-item .nav-link.active .nav-icon{@apply text-blue-600 dark:text-blue-400;}.app-sidebar .sidebar-nav .nav-item .nav-link .nav-icon{@apply w-5 h-5 mr-3 flex-shrink-0 text-gray-400 group-hover:text-gray-500 dark:group-hover:text-gray-300 transition-colors;}.app-sidebar .sidebar-nav .nav-item .nav-link .nav-text{@apply flex-1;}.app-sidebar .sidebar-nav .nav-item .nav-link .nav-badge{@apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300;}.app-sidebar .sidebar-nav .nav-item .nav-link .nav-badge.badge-primary{@apply bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400;}.app-sidebar .sidebar-nav .nav-item .nav-link .nav-badge.badge-success{@apply bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400;}.app-sidebar .sidebar-nav .nav-item .nav-link .nav-badge.badge-warning{@apply bg-yellow-100 text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400;}.app-sidebar .sidebar-nav .nav-item .nav-link .nav-badge.badge-danger{@apply bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-400;}.app-sidebar .sidebar-nav .nav-item .nav-link .nav-arrow{@apply w-4 h-4 ml-auto transition-transform;}.app-sidebar .sidebar-nav .nav-item .nav-link .nav-arrow.expanded{@apply transform rotate-90;}.app-sidebar .sidebar-nav .nav-item .nav-submenu{@apply ml-8 mt-1 space-y-1;}.app-sidebar .sidebar-nav .nav-item .nav-submenu .nav-sublink{@apply flex items-center px-3 py-2 text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:bg-gray-50 dark:hover:bg-gray-700/50 rounded-md transition-colors;}.app-sidebar .sidebar-nav .nav-item .nav-submenu .nav-sublink.active{@apply text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20;}.app-sidebar .sidebar-nav .nav-item .nav-submenu .nav-sublink:before{content:"";@apply w-2 h-2 mr-3 border-l border-b border-gray-300 dark:border-gray-600;}.app-sidebar .sidebar-footer{@apply absolute bottom-0 left-0 right-0 p-4 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800;}.app-sidebar .sidebar-footer .footer-content{@apply text-center;}.app-sidebar .sidebar-footer .footer-content .footer-text{@apply text-xs text-gray-500 dark:text-gray-400;}.sidebar-overlay{@apply fixed inset-0 bg-gray-600 bg-opacity-75 z-10 lg:hidden;}.sidebar-spacer{@apply hidden lg:block w-64 flex-shrink-0;}.sidebar-spacer.collapsed{@apply lg:w-16;}.sidebar-mini{@apply w-16;}.sidebar-mini .sidebar-nav .nav-item .nav-link{@apply justify-center px-3;}.sidebar-mini .sidebar-nav .nav-item .nav-link .nav-text,.sidebar-mini .sidebar-nav .nav-item .nav-link .nav-badge,.sidebar-mini .sidebar-nav .nav-item .nav-link .nav-arrow{@apply hidden;}.sidebar-mini .sidebar-nav .nav-item .nav-link .nav-icon{@apply mr-0;}.sidebar-mini .sidebar-nav .nav-item .nav-link:hover .nav-tooltip{@apply block;}.sidebar-mini .sidebar-nav .nav-item .nav-tooltip{@apply hidden absolute left-full top-0 ml-2 px-2 py-1 bg-gray-900 text-white text-xs rounded whitespace-nowrap z-50;}.sidebar-mini .sidebar-nav .nav-section .nav-section-title{@apply hidden;}@media (max-width: 1023px){.app-sidebar:not(.show){@apply -translate-x-full;}.app-sidebar.show{@apply translate-x-0;}}.sidebar-enter{@apply -translate-x-full;}.sidebar-enter-active{@apply transition-transform duration-300 ease-out;}.sidebar-enter-to,.sidebar-leave{@apply translate-x-0;}.sidebar-leave-active{@apply transition-transform duration-300 ease-in;}.sidebar-leave-to{@apply -translate-x-full;}.app-footer{@apply bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700;}.app-footer .footer-container{@apply max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8;}.app-footer .footer-content{@apply flex flex-col md:flex-row md:items-center md:justify-between;}.app-footer .footer-text{@apply text-center md:text-left text-sm text-gray-600 dark:text-gray-400;}.app-footer .footer-links{@apply flex justify-center md:justify-end space-x-6 mt-4 md:mt-0;}.app-footer .footer-links .footer-link{@apply text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors;}.guest-footer{@apply bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700;}.guest-footer .footer-container{@apply max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8;}.guest-footer .footer-main{@apply grid grid-cols-1 md:grid-cols-4 gap-8;}.guest-footer .footer-main .footer-section .footer-title{@apply text-sm font-semibold text-gray-900 dark:text-white uppercase tracking-wider mb-4;}.guest-footer .footer-main .footer-section .footer-list{@apply space-y-3;}.guest-footer .footer-main .footer-section .footer-list .footer-list-item .footer-list-link{@apply text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors;}.guest-footer .footer-main .footer-brand .brand-logo{@apply flex items-center mb-4;}.guest-footer .footer-main .footer-brand .brand-logo .brand-text{@apply text-xl font-bold text-gray-900 dark:text-white;}.guest-footer .footer-main .footer-brand .brand-description{@apply text-sm text-gray-600 dark:text-gray-400 mb-4;}.guest-footer .footer-main .footer-brand .social-links{@apply flex space-x-4;}.guest-footer .footer-main .footer-brand .social-links .social-link{@apply text-gray-400 hover:text-gray-500 dark:hover:text-gray-300 transition-colors;}.guest-footer .footer-main .footer-brand .social-links .social-link .social-icon{@apply w-5 h-5;}.guest-footer .footer-bottom{@apply mt-8 pt-8 border-t border-gray-200 dark:border-gray-700;}.guest-footer .footer-bottom .footer-bottom-content{@apply flex flex-col md:flex-row md:items-center md:justify-between;}.guest-footer .footer-bottom .copyright{@apply text-center md:text-left text-sm text-gray-500 dark:text-gray-400;}.guest-footer .footer-bottom .footer-bottom-links{@apply flex justify-center md:justify-end space-x-6 mt-4 md:mt-0;}.guest-footer .footer-bottom .footer-bottom-links .footer-bottom-link{@apply text-sm text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors;}.sticky-footer{@apply min-h-screen flex flex-col;}.sticky-footer .main-content{@apply flex-1;}.sticky-footer .footer{@apply mt-auto;}.simple-footer{@apply py-4 text-center text-sm text-gray-600 dark:text-gray-400;}.simple-footer .footer-text{@apply mb-2;}.simple-footer .footer-links{@apply flex justify-center space-x-4;}.simple-footer .footer-links .footer-link{@apply hover:text-gray-900 dark:hover:text-white transition-colors;}.container{@apply w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;}.container.container-sm{@apply max-w-3xl;}.container.container-md{@apply max-w-5xl;}.container.container-lg{@apply max-w-6xl;}.container.container-xl{@apply max-w-7xl;}.container.container-fluid{@apply max-w-full;}.grid{@apply grid gap-6;}.grid.grid-1{@apply grid-cols-1;}.grid.grid-2{@apply grid-cols-1 md:grid-cols-2;}.grid.grid-3{@apply grid-cols-1 md:grid-cols-2 lg:grid-cols-3;}.grid.grid-4{@apply grid-cols-1 md:grid-cols-2 lg:grid-cols-4;}.grid.grid-5{@apply grid-cols-1 md:grid-cols-3 lg:grid-cols-5;}.grid.grid-6{@apply grid-cols-1 md:grid-cols-3 lg:grid-cols-6;}.grid.gap-sm{@apply gap-3;}.grid.gap-md{@apply gap-6;}.grid.gap-lg{@apply gap-8;}.grid.gap-xl{@apply gap-12;}.grid-item.col-span-2{@apply md:col-span-2;}.grid-item.col-span-3{@apply lg:col-span-3;}.grid-item.col-span-4{@apply lg:col-span-4;}.grid-item.col-span-full{@apply col-span-full;}.flex-container{@apply flex;}.flex-container.flex-col{@apply flex-col;}.flex-container.flex-wrap{@apply flex-wrap;}.flex-container.flex-center{@apply items-center justify-center;}.flex-container.flex-between{@apply items-center justify-between;}.flex-container.flex-around{@apply items-center justify-around;}.flex-container.flex-start{@apply items-start justify-start;}.flex-container.flex-end{@apply items-end justify-end;}.section{@apply py-12;}.section.section-sm{@apply py-8;}.section.section-lg{@apply py-16;}.section.section-xl{@apply py-20;}.section .section-header{@apply text-center mb-12;}.section .section-header .section-title{@apply text-3xl font-bold text-gray-900 dark:text-white mb-4;}.section .section-header .section-subtitle{@apply text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto;}.card-grid{@apply grid gap-6;}.card-grid.card-grid-1{@apply grid-cols-1;}.card-grid.card-grid-2{@apply grid-cols-1 lg:grid-cols-2;}.card-grid.card-grid-3{@apply grid-cols-1 md:grid-cols-2 lg:grid-cols-3;}.card-grid.card-grid-4{@apply grid-cols-1 md:grid-cols-2 lg:grid-cols-4;}.masonry{@apply columns-1 md:columns-2 lg:columns-3 gap-6;}.masonry .masonry-item{@apply break-inside-avoid mb-6;}.two-column{@apply grid grid-cols-1 lg:grid-cols-2 gap-8;}.two-column .column-left{@apply lg:pr-4;}.two-column .column-right{@apply lg:pl-4;}.sidebar-layout{@apply grid grid-cols-1 lg:grid-cols-4 gap-8;}.sidebar-layout .main-content{@apply lg:col-span-3;}.sidebar-layout .sidebar-content{@apply lg:col-span-1;}.sidebar-layout.sidebar-left .main-content{@apply lg:order-2;}.sidebar-layout.sidebar-left .sidebar-content{@apply lg:order-1;}.dashboard-layout{@apply min-h-screen bg-gray-50 dark:bg-gray-900;}.dashboard-layout .dashboard-header{@apply bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700;}.dashboard-layout .dashboard-main{@apply flex-1 flex;}.dashboard-layout .dashboard-main .dashboard-sidebar{@apply hidden lg:flex lg:flex-shrink-0;}.dashboard-layout .dashboard-main .dashboard-content{@apply flex-1 min-w-0;}.dashboard-layout .dashboard-main .dashboard-content .content-area{@apply px-4 sm:px-6 lg:px-8 py-8;}.hide-mobile{@apply hidden md:block;}.hide-desktop{@apply block md:hidden;}.mobile-only{@apply md:hidden;}.desktop-only{@apply hidden md:block;}.aspect-square{@apply aspect-square;}.aspect-video{@apply aspect-video;}.aspect-4-3{aspect-ratio:4/3}.aspect-3-2{aspect-ratio:3/2}.aspect-16-9{aspect-ratio:16/9}.auth-page,.two-factor-page,.reset-password-page,.forgot-password-page,.register-page,.login-page{@apply min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8 bg-gray-50 dark:bg-gray-900;}.auth-page .auth-container,.two-factor-page .auth-container,.reset-password-page .auth-container,.forgot-password-page .auth-container,.register-page .auth-container,.login-page .auth-container{@apply max-w-md w-full space-y-8;}.auth-page .auth-header,.two-factor-page .auth-header,.reset-password-page .auth-header,.forgot-password-page .auth-header,.register-page .auth-header,.login-page .auth-header{@apply text-center;}.auth-page .auth-header .auth-logo,.two-factor-page .auth-header .auth-logo,.reset-password-page .auth-header .auth-logo,.forgot-password-page .auth-header .auth-logo,.register-page .auth-header .auth-logo,.login-page .auth-header .auth-logo{@apply mx-auto h-12 w-auto mb-6;}.auth-page .auth-header .auth-title,.two-factor-page .auth-header .auth-title,.reset-password-page .auth-header .auth-title,.forgot-password-page .auth-header .auth-title,.register-page .auth-header .auth-title,.login-page .auth-header .auth-title{@apply mt-6 text-3xl font-bold text-gray-900 dark:text-white;}.auth-page .auth-header .auth-subtitle,.two-factor-page .auth-header .auth-subtitle,.reset-password-page .auth-header .auth-subtitle,.forgot-password-page .auth-header .auth-subtitle,.register-page .auth-header .auth-subtitle,.login-page .auth-header .auth-subtitle{@apply mt-2 text-sm text-gray-600 dark:text-gray-400;}.auth-page .auth-header .auth-subtitle .auth-link,.two-factor-page .auth-header .auth-subtitle .auth-link,.reset-password-page .auth-header .auth-subtitle .auth-link,.forgot-password-page .auth-header .auth-subtitle .auth-link,.register-page .auth-header .auth-subtitle .auth-link,.login-page .auth-header .auth-subtitle .auth-link{@apply font-medium text-blue-600 hover:text-blue-500 dark:text-blue-400 dark:hover:text-blue-300 transition-colors;}.auth-page .auth-form,.two-factor-page .auth-form,.reset-password-page .auth-form,.forgot-password-page .auth-form,.register-page .auth-form,.login-page .auth-form{@apply bg-white dark:bg-gray-800 shadow-lg rounded-lg p-8 border border-gray-200 dark:border-gray-700;}.auth-page .auth-form .form-group,.two-factor-page .auth-form .form-group,.reset-password-page .auth-form .form-group,.forgot-password-page .auth-form .form-group,.register-page .auth-form .form-group,.login-page .auth-form .form-group{@apply space-y-6;}.auth-page .auth-form .form-field .field-label,.two-factor-page .auth-form .form-field .field-label,.reset-password-page .auth-form .form-field .field-label,.forgot-password-page .auth-form .form-field .field-label,.register-page .auth-form .form-field .field-label,.login-page .auth-form .form-field .field-label{@apply block text-sm font-medium text-gray-700 dark:text-gray-300;}.auth-page .auth-form .form-field .field-input,.two-factor-page .auth-form .form-field .field-input,.reset-password-page .auth-form .form-field .field-input,.forgot-password-page .auth-form .form-field .field-input,.register-page .auth-form .form-field .field-input,.login-page .auth-form .form-field .field-input{@apply mt-1 appearance-none block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm placeholder-gray-400 dark:placeholder-gray-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm transition-colors;}.auth-page .auth-form .form-field .field-input.has-error,.two-factor-page .auth-form .form-field .field-input.has-error,.reset-password-page .auth-form .form-field .field-input.has-error,.forgot-password-page .auth-form .form-field .field-input.has-error,.register-page .auth-form .form-field .field-input.has-error,.login-page .auth-form .form-field .field-input.has-error{@apply border-red-500 dark:border-red-400 focus:ring-red-500 focus:border-red-500;}.auth-page .auth-form .form-field .field-error,.two-factor-page .auth-form .form-field .field-error,.reset-password-page .auth-form .form-field .field-error,.forgot-password-page .auth-form .form-field .field-error,.register-page .auth-form .form-field .field-error,.login-page .auth-form .form-field .field-error{@apply mt-1 text-sm text-red-600 dark:text-red-400;}.auth-page .auth-form .form-field .field-help,.two-factor-page .auth-form .form-field .field-help,.reset-password-page .auth-form .form-field .field-help,.forgot-password-page .auth-form .form-field .field-help,.register-page .auth-form .form-field .field-help,.login-page .auth-form .form-field .field-help{@apply mt-1 text-sm text-gray-500 dark:text-gray-400;}.auth-page .auth-form .form-field .password-field,.two-factor-page .auth-form .form-field .password-field,.reset-password-page .auth-form .form-field .password-field,.forgot-password-page .auth-form .form-field .password-field,.register-page .auth-form .form-field .password-field,.login-page .auth-form .form-field .password-field{@apply relative;}.auth-page .auth-form .form-field .password-field .password-input,.two-factor-page .auth-form .form-field .password-field .password-input,.reset-password-page .auth-form .form-field .password-field .password-input,.forgot-password-page .auth-form .form-field .password-field .password-input,.register-page .auth-form .form-field .password-field .password-input,.login-page .auth-form .form-field .password-field .password-input{@apply pr-10;}.auth-page .auth-form .form-field .password-field .password-toggle,.two-factor-page .auth-form .form-field .password-field .password-toggle,.reset-password-page .auth-form .form-field .password-field .password-toggle,.forgot-password-page .auth-form .form-field .password-field .password-toggle,.register-page .auth-form .form-field .password-field .password-toggle,.login-page .auth-form .form-field .password-field .password-toggle{@apply absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors cursor-pointer;}.auth-page .auth-form .form-options,.two-factor-page .auth-form .form-options,.reset-password-page .auth-form .form-options,.forgot-password-page .auth-form .form-options,.register-page .auth-form .form-options,.login-page .auth-form .form-options{@apply flex items-center justify-between;}.auth-page .auth-form .form-options .remember-me,.two-factor-page .auth-form .form-options .remember-me,.reset-password-page .auth-form .form-options .remember-me,.forgot-password-page .auth-form .form-options .remember-me,.register-page .auth-form .form-options .remember-me,.login-page .auth-form .form-options .remember-me{@apply flex items-center;}.auth-page .auth-form .form-options .remember-me .remember-checkbox,.two-factor-page .auth-form .form-options .remember-me .remember-checkbox,.reset-password-page .auth-form .form-options .remember-me .remember-checkbox,.forgot-password-page .auth-form .form-options .remember-me .remember-checkbox,.register-page .auth-form .form-options .remember-me .remember-checkbox,.login-page .auth-form .form-options .remember-me .remember-checkbox{@apply h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-700 transition-colors;}.auth-page .auth-form .form-options .remember-me .remember-label,.two-factor-page .auth-form .form-options .remember-me .remember-label,.reset-password-page .auth-form .form-options .remember-me .remember-label,.forgot-password-page .auth-form .form-options .remember-me .remember-label,.register-page .auth-form .form-options .remember-me .remember-label,.login-page .auth-form .form-options .remember-me .remember-label{@apply ml-2 block text-sm text-gray-700 dark:text-gray-300;}.auth-page .auth-form .form-options .forgot-link,.two-factor-page .auth-form .form-options .forgot-link,.reset-password-page .auth-form .form-options .forgot-link,.forgot-password-page .auth-form .form-options .forgot-link,.register-page .auth-form .form-options .forgot-link,.login-page .auth-form .form-options .forgot-link{@apply text-sm font-medium text-blue-600 hover:text-blue-500 dark:text-blue-400 dark:hover:text-blue-300 transition-colors;}.auth-page .auth-form .submit-button,.two-factor-page .auth-form .submit-button,.reset-password-page .auth-form .submit-button,.forgot-password-page .auth-form .submit-button,.register-page .auth-form .submit-button,.login-page .auth-form .submit-button{@apply group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 dark:focus:ring-offset-gray-800 transition-colors;}.auth-page .auth-form .submit-button:disabled,.two-factor-page .auth-form .submit-button:disabled,.reset-password-page .auth-form .submit-button:disabled,.forgot-password-page .auth-form .submit-button:disabled,.register-page .auth-form .submit-button:disabled,.login-page .auth-form .submit-button:disabled{@apply opacity-50 cursor-not-allowed;}.auth-page .auth-form .submit-button .button-spinner,.two-factor-page .auth-form .submit-button .button-spinner,.reset-password-page .auth-form .submit-button .button-spinner,.forgot-password-page .auth-form .submit-button .button-spinner,.register-page .auth-form .submit-button .button-spinner,.login-page .auth-form .submit-button .button-spinner{@apply animate-spin -ml-1 mr-2 h-4 w-4 text-white;}.auth-page .auth-form .social-login,.two-factor-page .auth-form .social-login,.reset-password-page .auth-form .social-login,.forgot-password-page .auth-form .social-login,.register-page .auth-form .social-login,.login-page .auth-form .social-login{@apply mt-6;}.auth-page .auth-form .social-login .divider,.two-factor-page .auth-form .social-login .divider,.reset-password-page .auth-form .social-login .divider,.forgot-password-page .auth-form .social-login .divider,.register-page .auth-form .social-login .divider,.login-page .auth-form .social-login .divider{@apply relative;}.auth-page .auth-form .social-login .divider .divider-line,.two-factor-page .auth-form .social-login .divider .divider-line,.reset-password-page .auth-form .social-login .divider .divider-line,.forgot-password-page .auth-form .social-login .divider .divider-line,.register-page .auth-form .social-login .divider .divider-line,.login-page .auth-form .social-login .divider .divider-line{@apply absolute inset-0 flex items-center;}.auth-page .auth-form .social-login .divider .divider-line .line,.two-factor-page .auth-form .social-login .divider .divider-line .line,.reset-password-page .auth-form .social-login .divider .divider-line .line,.forgot-password-page .auth-form .social-login .divider .divider-line .line,.register-page .auth-form .social-login .divider .divider-line .line,.login-page .auth-form .social-login .divider .divider-line .line{@apply w-full border-t border-gray-300 dark:border-gray-600;}.auth-page .auth-form .social-login .divider .divider-text,.two-factor-page .auth-form .social-login .divider .divider-text,.reset-password-page .auth-form .social-login .divider .divider-text,.forgot-password-page .auth-form .social-login .divider .divider-text,.register-page .auth-form .social-login .divider .divider-text,.login-page .auth-form .social-login .divider .divider-text{@apply relative flex justify-center text-sm;}.auth-page .auth-form .social-login .divider .divider-text .text,.two-factor-page .auth-form .social-login .divider .divider-text .text,.reset-password-page .auth-form .social-login .divider .divider-text .text,.forgot-password-page .auth-form .social-login .divider .divider-text .text,.register-page .auth-form .social-login .divider .divider-text .text,.login-page .auth-form .social-login .divider .divider-text .text{@apply px-2 bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400;}.auth-page .auth-form .social-login .social-buttons,.two-factor-page .auth-form .social-login .social-buttons,.reset-password-page .auth-form .social-login .social-buttons,.forgot-password-page .auth-form .social-login .social-buttons,.register-page .auth-form .social-login .social-buttons,.login-page .auth-form .social-login .social-buttons{@apply mt-6 grid grid-cols-2 gap-3;}.auth-page .auth-form .social-login .social-buttons .social-button,.two-factor-page .auth-form .social-login .social-buttons .social-button,.reset-password-page .auth-form .social-login .social-buttons .social-button,.forgot-password-page .auth-form .social-login .social-buttons .social-button,.register-page .auth-form .social-login .social-buttons .social-button,.login-page .auth-form .social-login .social-buttons .social-button{@apply w-full inline-flex justify-center py-2 px-4 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm bg-white dark:bg-gray-700 text-sm font-medium text-gray-500 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors;}.auth-page .auth-form .social-login .social-buttons .social-button .social-icon,.two-factor-page .auth-form .social-login .social-buttons .social-button .social-icon,.reset-password-page .auth-form .social-login .social-buttons .social-button .social-icon,.forgot-password-page .auth-form .social-login .social-buttons .social-button .social-icon,.register-page .auth-form .social-login .social-buttons .social-button .social-icon,.login-page .auth-form .social-login .social-buttons .social-button .social-icon{@apply h-5 w-5 mr-2;}.auth-page .auth-footer,.two-factor-page .auth-footer,.reset-password-page .auth-footer,.forgot-password-page .auth-footer,.register-page .auth-footer,.login-page .auth-footer{@apply mt-8 text-center;}.auth-page .auth-footer .footer-text,.two-factor-page .auth-footer .footer-text,.reset-password-page .auth-footer .footer-text,.forgot-password-page .auth-footer .footer-text,.register-page .auth-footer .footer-text,.login-page .auth-footer .footer-text{@apply text-sm text-gray-600 dark:text-gray-400;}.auth-page .auth-footer .footer-text .footer-link,.two-factor-page .auth-footer .footer-text .footer-link,.reset-password-page .auth-footer .footer-text .footer-link,.forgot-password-page .auth-footer .footer-text .footer-link,.register-page .auth-footer .footer-text .footer-link,.login-page .auth-footer .footer-text .footer-link{@apply font-medium text-blue-600 hover:text-blue-500 dark:text-blue-400 dark:hover:text-blue-300 transition-colors;}.login-page .login-extras{@apply mt-6 space-y-4;}.login-page .login-extras .demo-accounts{@apply p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800;}.login-page .login-extras .demo-accounts .demo-title{@apply text-sm font-medium text-blue-900 dark:text-blue-200 mb-2;}.login-page .login-extras .demo-accounts .demo-buttons{@apply space-y-2;}.login-page .login-extras .demo-accounts .demo-buttons .demo-button{@apply w-full text-left px-3 py-2 text-sm bg-white dark:bg-gray-700 border border-blue-200 dark:border-blue-700 rounded-md hover:bg-blue-50 dark:hover:bg-blue-900/30 transition-colors;}.register-page .auth-container{@apply max-w-lg;}.register-page .terms-checkbox{@apply flex items-start;}.register-page .terms-checkbox .terms-input{@apply h-4 w-4 mt-0.5 text-blue-600 focus:ring-blue-500 border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-700;}.register-page .terms-checkbox .terms-label{@apply ml-3 text-sm text-gray-600 dark:text-gray-400;}.register-page .terms-checkbox .terms-label .terms-link{@apply text-blue-600 hover:text-blue-500 dark:text-blue-400 dark:hover:text-blue-300 transition-colors;}.forgot-password-page .back-to-login{@apply mt-6 text-center;}.forgot-password-page .back-to-login .back-link{@apply text-sm font-medium text-blue-600 hover:text-blue-500 dark:text-blue-400 dark:hover:text-blue-300 transition-colors;}.reset-password-page .password-requirements{@apply mt-4 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg;}.reset-password-page .password-requirements .requirements-title{@apply text-sm font-medium text-gray-900 dark:text-white mb-2;}.reset-password-page .password-requirements .requirements-list{@apply text-sm text-gray-600 dark:text-gray-400 space-y-1;}.reset-password-page .password-requirements .requirements-list .requirement{@apply flex items-center;}.reset-password-page .password-requirements .requirements-list .requirement .requirement-icon{@apply w-4 h-4 mr-2;}.reset-password-page .password-requirements .requirements-list .requirement .requirement-icon.valid{@apply text-green-500;}.reset-password-page .password-requirements .requirements-list .requirement .requirement-icon.invalid{@apply text-gray-400;}.two-factor-page .verification-code{@apply flex justify-center space-x-2 mt-6;}.two-factor-page .verification-code .code-input{@apply w-12 h-12 text-center border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500;}.two-factor-page .resend-code{@apply mt-6 text-center;}.two-factor-page .resend-code .resend-text{@apply text-sm text-gray-600 dark:text-gray-400;}.two-factor-page .resend-code .resend-button{@apply text-sm font-medium text-blue-600 hover:text-blue-500 dark:text-blue-400 dark:hover:text-blue-300 transition-colors;}.dashboard-page{@apply space-y-6;}.dashboard-page .page-header{@apply md:flex md:items-center md:justify-between;}.dashboard-page .page-header .page-title-section{@apply min-w-0 flex-1;}.dashboard-page .page-header .page-title-section .page-title{@apply text-2xl font-bold leading-7 text-gray-900 dark:text-white sm:truncate sm:text-3xl;}.dashboard-page .page-header .page-title-section .page-meta{@apply mt-1 flex flex-col sm:mt-0 sm:flex-row sm:flex-wrap sm:space-x-6;}.dashboard-page .page-header .page-title-section .page-meta .meta-item{@apply mt-2 flex items-center text-sm text-gray-500 dark:text-gray-400;}.dashboard-page .page-header .page-title-section .page-meta .meta-item .meta-icon{@apply mr-1.5 h-5 w-5 flex-shrink-0 text-gray-400 dark:text-gray-500;}.dashboard-page .page-header .page-actions{@apply mt-4 flex md:ml-4 md:mt-0 space-x-3;}.dashboard-page .page-header .page-actions .action-button{@apply inline-flex items-center rounded-md px-3 py-2 text-sm font-semibold shadow-sm transition-colors;}.dashboard-page .page-header .page-actions .action-button.secondary{@apply bg-white dark:bg-gray-700 text-gray-900 dark:text-white ring-1 ring-inset ring-gray-300 dark:ring-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600;}.dashboard-page .page-header .page-actions .action-button.primary{@apply bg-blue-600 text-white hover:bg-blue-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600;}.dashboard-page .stats-grid{@apply grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4;}.dashboard-page .stats-grid .stat-card{@apply overflow-hidden rounded-lg bg-white dark:bg-gray-800 px-4 py-5 shadow border border-gray-200 dark:border-gray-700 hover:shadow-md transition-shadow;}.dashboard-page .stats-grid .stat-card .stat-content{@apply flex items-center;}.dashboard-page .stats-grid .stat-card .stat-content .stat-icon{@apply flex-shrink-0;}.dashboard-page .stats-grid .stat-card .stat-content .stat-icon .icon-wrapper{@apply flex h-8 w-8 items-center justify-center rounded-md;}.dashboard-page .stats-grid .stat-card .stat-content .stat-icon .icon-wrapper.blue{@apply bg-blue-500;}.dashboard-page .stats-grid .stat-card .stat-content .stat-icon .icon-wrapper.green{@apply bg-green-500;}.dashboard-page .stats-grid .stat-card .stat-content .stat-icon .icon-wrapper.yellow{@apply bg-yellow-500;}.dashboard-page .stats-grid .stat-card .stat-content .stat-icon .icon-wrapper.purple{@apply bg-purple-500;}.dashboard-page .stats-grid .stat-card .stat-content .stat-icon .icon-wrapper.red{@apply bg-red-500;}.dashboard-page .stats-grid .stat-card .stat-content .stat-icon .icon-wrapper .icon{@apply h-5 w-5 text-white;}.dashboard-page .stats-grid .stat-card .stat-content .stat-details{@apply ml-5 w-0 flex-1;}.dashboard-page .stats-grid .stat-card .stat-content .stat-details .stat-label{@apply truncate text-sm font-medium text-gray-500 dark:text-gray-400;}.dashboard-page .stats-grid .stat-card .stat-content .stat-details .stat-value-row{@apply flex items-baseline;}.dashboard-page .stats-grid .stat-card .stat-content .stat-details .stat-value-row .stat-value{@apply text-2xl font-semibold text-gray-900 dark:text-white;}.dashboard-page .stats-grid .stat-card .stat-content .stat-details .stat-value-row .stat-change{@apply ml-2 flex items-baseline text-sm font-semibold;}.dashboard-page .stats-grid .stat-card .stat-content .stat-details .stat-value-row .stat-change.positive{@apply text-green-600;}.dashboard-page .stats-grid .stat-card .stat-content .stat-details .stat-value-row .stat-change.negative{@apply text-red-600;}.dashboard-page .stats-grid .stat-card .stat-content .stat-details .stat-value-row .stat-change .change-icon{@apply h-4 w-4 flex-shrink-0 self-center;}.dashboard-page .content-grid{@apply grid grid-cols-1 gap-6 lg:grid-cols-3;}.dashboard-page .content-grid .main-content{@apply lg:col-span-2;}.dashboard-page .content-grid .sidebar-content{@apply space-y-6;}.dashboard-page .dashboard-card{@apply overflow-hidden rounded-lg bg-white dark:bg-gray-800 shadow border border-gray-200 dark:border-gray-700;}.dashboard-page .dashboard-card .card-header{@apply p-6;}.dashboard-page .dashboard-card .card-header .card-title{@apply text-lg font-medium leading-6 text-gray-900 dark:text-white;}.dashboard-page .dashboard-card .card-header .card-subtitle{@apply mt-1 text-sm text-gray-500 dark:text-gray-400;}.dashboard-page .dashboard-card .card-body,.dashboard-page .dashboard-card .card-footer{@apply p-6 pt-0;}.dashboard-page .dashboard-card .card-footer .view-all-link{@apply flex w-full items-center justify-center rounded-md bg-white dark:bg-gray-700 px-3 py-2 text-sm font-semibold text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-300 dark:ring-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors;}.dashboard-page .activity-feed .activity-list{@apply -mb-8;}.dashboard-page .activity-feed .activity-list .activity-item{@apply relative pb-8;}.dashboard-page .activity-feed .activity-list .activity-item:not(:last-child) .activity-line{@apply absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200 dark:bg-gray-600;}.dashboard-page .activity-feed .activity-list .activity-item .activity-content{@apply relative flex space-x-3;}.dashboard-page .activity-feed .activity-list .activity-item .activity-content .activity-avatar .avatar{@apply flex h-8 w-8 items-center justify-center rounded-full text-white text-sm font-medium;}.dashboard-page .activity-feed .activity-list .activity-item .activity-content .activity-avatar .avatar.blue{@apply bg-blue-500;}.dashboard-page .activity-feed .activity-list .activity-item .activity-content .activity-avatar .avatar.green{@apply bg-green-500;}.dashboard-page .activity-feed .activity-list .activity-item .activity-content .activity-avatar .avatar.yellow{@apply bg-yellow-500;}.dashboard-page .activity-feed .activity-list .activity-item .activity-content .activity-avatar .avatar.red{@apply bg-red-500;}.dashboard-page .activity-feed .activity-list .activity-item .activity-content .activity-details{@apply flex min-w-0 flex-1 justify-between space-x-4 pt-1.5;}.dashboard-page .activity-feed .activity-list .activity-item .activity-content .activity-details .activity-text{@apply text-sm text-gray-500 dark:text-gray-400;}.dashboard-page .activity-feed .activity-list .activity-item .activity-content .activity-details .activity-text .activity-user{@apply font-medium text-gray-900 dark:text-white;}.dashboard-page .activity-feed .activity-list .activity-item .activity-content .activity-details .activity-time{@apply whitespace-nowrap text-right text-sm text-gray-500 dark:text-gray-400;}.dashboard-page .quick-actions .action-list{@apply space-y-4;}.dashboard-page .quick-actions .action-list .action-item{@apply flex w-full items-center rounded-lg p-4 text-left transition-colors;}.dashboard-page .quick-actions .action-list .action-item.blue{@apply bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30;}.dashboard-page .quick-actions .action-list .action-item.green{@apply bg-green-50 dark:bg-green-900/20 hover:bg-green-100 dark:hover:bg-green-900/30;}.dashboard-page .quick-actions .action-list .action-item.yellow{@apply bg-yellow-50 dark:bg-yellow-900/20 hover:bg-yellow-100 dark:hover:bg-yellow-900/30;}.dashboard-page .quick-actions .action-list .action-item.red{@apply bg-red-50 dark:bg-red-900/20 hover:bg-red-100 dark:hover:bg-red-900/30;}.dashboard-page .quick-actions .action-list .action-item .action-icon{@apply flex-shrink-0;}.dashboard-page .quick-actions .action-list .action-item .action-icon .icon{@apply h-6 w-6;}.dashboard-page .quick-actions .action-list .action-item .action-icon .icon.blue{@apply text-blue-600 dark:text-blue-400;}.dashboard-page .quick-actions .action-list .action-item .action-icon .icon.green{@apply text-green-600 dark:text-green-400;}.dashboard-page .quick-actions .action-list .action-item .action-icon .icon.yellow{@apply text-yellow-600 dark:text-yellow-400;}.dashboard-page .quick-actions .action-list .action-item .action-icon .icon.red{@apply text-red-600 dark:text-red-400;}.dashboard-page .quick-actions .action-list .action-item .action-content{@apply ml-4;}.dashboard-page .quick-actions .action-list .action-item .action-content .action-title{@apply text-sm font-medium;}.dashboard-page .quick-actions .action-list .action-item .action-content .action-title.blue{@apply text-blue-900 dark:text-blue-200;}.dashboard-page .quick-actions .action-list .action-item .action-content .action-title.green{@apply text-green-900 dark:text-green-200;}.dashboard-page .quick-actions .action-list .action-item .action-content .action-title.yellow{@apply text-yellow-900 dark:text-yellow-200;}.dashboard-page .quick-actions .action-list .action-item .action-content .action-title.red{@apply text-red-900 dark:text-red-200;}.dashboard-page .quick-actions .action-list .action-item .action-content .action-description{@apply text-sm;}.dashboard-page .quick-actions .action-list .action-item .action-content .action-description.blue{@apply text-blue-700 dark:text-blue-300;}.dashboard-page .quick-actions .action-list .action-item .action-content .action-description.green{@apply text-green-700 dark:text-green-300;}.dashboard-page .quick-actions .action-list .action-item .action-content .action-description.yellow{@apply text-yellow-700 dark:text-yellow-300;}.dashboard-page .quick-actions .action-list .action-item .action-content .action-description.red{@apply text-red-700 dark:text-red-300;}.chart-container{@apply h-64 w-full;}.chart-container.chart-sm{@apply h-48;}.chart-container.chart-lg{@apply h-80;}.chart-container.chart-xl{@apply h-96;}.dashboard-table{@apply min-w-full divide-y divide-gray-200 dark:divide-gray-700;}.dashboard-table thead{@apply bg-gray-50 dark:bg-gray-700;}.dashboard-table thead th{@apply px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider;}.dashboard-table tbody{@apply bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700;}.dashboard-table tbody tr{@apply hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors;}.dashboard-table tbody td{@apply px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-white;}.dashboard-loading .loading-card{@apply animate-pulse;}.dashboard-loading .loading-card .loading-header{@apply h-4 bg-gray-200 dark:bg-gray-700 rounded mb-4;}.dashboard-loading .loading-card .loading-content{@apply space-y-3;}.dashboard-loading .loading-card .loading-content .loading-line{@apply h-3 bg-gray-200 dark:bg-gray-700 rounded;}.dashboard-loading .loading-card .loading-content .loading-line.short{@apply w-3/4;}.dashboard-loading .loading-card .loading-content .loading-line.medium{@apply w-1/2;}.dashboard-loading .loading-card .loading-content .loading-line.long{@apply w-full;}.dashboard-empty{@apply text-center py-12;}.dashboard-empty .empty-icon{@apply mx-auto h-12 w-12 text-gray-400 mb-4;}.dashboard-empty .empty-title{@apply text-lg font-medium text-gray-900 dark:text-white mb-2;}.dashboard-empty .empty-description{@apply text-gray-600 dark:text-gray-400 mb-6;}.dashboard-empty .empty-action{@apply inline-flex items-center rounded-md bg-blue-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-700 transition-colors;}.profile-page{@apply max-w-4xl mx-auto space-y-8;}.profile-page .profile-header{@apply bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden;}.profile-page .profile-header .cover-photo{@apply h-32 w-full object-cover bg-gradient-to-r from-blue-500 to-purple-600;}.profile-page .profile-header .profile-info{@apply px-6 py-4;}.profile-page .profile-header .profile-info .profile-main{@apply flex items-center;}.profile-page .profile-header .profile-info .profile-main .profile-avatar{@apply -mt-12 mr-4;}.profile-page .profile-header .profile-info .profile-main .profile-avatar .avatar-image{@apply h-24 w-24 rounded-full border-4 border-white dark:border-gray-800 object-cover;}.profile-page .profile-header .profile-info .profile-main .profile-details{@apply flex-1;}.profile-page .profile-header .profile-info .profile-main .profile-details .profile-name{@apply text-2xl font-bold text-gray-900 dark:text-white;}.profile-page .profile-header .profile-info .profile-main .profile-details .profile-role{@apply text-gray-600 dark:text-gray-400;}.profile-page .profile-header .profile-info .profile-main .profile-details .profile-meta{@apply mt-2 flex items-center space-x-4 text-sm text-gray-500 dark:text-gray-400;}.profile-page .profile-header .profile-info .profile-main .profile-details .profile-meta .meta-item{@apply flex items-center;}.profile-page .profile-header .profile-info .profile-main .profile-details .profile-meta .meta-item .meta-icon{@apply w-4 h-4 mr-1;}.profile-page .profile-header .profile-info .profile-main .profile-actions{@apply flex space-x-3;}.profile-page .profile-header .profile-info .profile-main .profile-actions .action-button{@apply inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors;}.profile-page .profile-content{@apply grid grid-cols-1 lg:grid-cols-3 gap-8;}.profile-page .profile-content .profile-main{@apply lg:col-span-2 space-y-8;}.profile-page .profile-content .profile-sidebar{@apply space-y-6;}.profile-page .profile-section{@apply bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden;}.profile-page .profile-section .section-header{@apply px-6 py-4 border-b border-gray-200 dark:border-gray-700;}.profile-page .profile-section .section-header .section-title{@apply text-lg font-medium text-gray-900 dark:text-white;}.profile-page .profile-section .section-header .section-actions{@apply flex space-x-2;}.profile-page .profile-section .section-header .section-actions .edit-button{@apply text-sm text-blue-600 hover:text-blue-500 dark:text-blue-400 dark:hover:text-blue-300 transition-colors;}.profile-page .profile-section .section-content{@apply p-6;}.settings-page{@apply max-w-4xl mx-auto;}.settings-page .settings-nav{@apply border-b border-gray-200 dark:border-gray-700 mb-8;}.settings-page .settings-nav .nav-tabs{@apply flex space-x-8;}.settings-page .settings-nav .nav-tabs .nav-tab{@apply py-2 px-1 border-b-2 border-transparent font-medium text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600 transition-colors;}.settings-page .settings-nav .nav-tabs .nav-tab.active{@apply border-blue-500 text-blue-600 dark:text-blue-400;}.settings-page .settings-content{@apply space-y-8;}.settings-page .settings-section{@apply bg-white dark:bg-gray-800 shadow rounded-lg;}.settings-page .settings-section .section-header{@apply px-6 py-4 border-b border-gray-200 dark:border-gray-700;}.settings-page .settings-section .section-header .section-title{@apply text-lg font-medium text-gray-900 dark:text-white;}.settings-page .settings-section .section-header .section-description{@apply mt-1 text-sm text-gray-600 dark:text-gray-400;}.settings-page .settings-section .section-body{@apply p-6;}.settings-page .settings-section .section-body .form-grid{@apply grid grid-cols-1 md:grid-cols-2 gap-6;}.settings-page .settings-section .section-body .form-grid .form-group.full-width{@apply md:col-span-2;}.settings-page .settings-section .section-body .form-group .form-label{@apply block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2;}.settings-page .settings-section .section-body .form-group .form-input{@apply w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors;}.settings-page .settings-section .section-body .form-group .form-textarea{@apply w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors resize-vertical;min-height:100px}.settings-page .settings-section .section-body .form-group .form-select{@apply w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors;}.settings-page .settings-section .section-body .form-group .form-help{@apply mt-1 text-sm text-gray-500 dark:text-gray-400;}.settings-page .settings-section .section-body .form-group .form-error{@apply mt-1 text-sm text-red-600 dark:text-red-400;}.settings-page .settings-section .section-footer{@apply px-6 py-4 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-700/50 flex justify-end space-x-3;}.settings-page .settings-section .section-footer .cancel-button{@apply px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors;}.settings-page .settings-section .section-footer .save-button{@apply px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors;}.avatar-upload{@apply flex items-center space-x-6;}.avatar-upload .current-avatar{@apply relative;}.avatar-upload .current-avatar .avatar-image{@apply h-16 w-16 rounded-full object-cover;}.avatar-upload .current-avatar .avatar-overlay{@apply absolute inset-0 bg-black bg-opacity-50 rounded-full flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity cursor-pointer;}.avatar-upload .current-avatar .avatar-overlay .upload-icon{@apply w-6 h-6 text-white;}.avatar-upload .avatar-actions{@apply space-y-2;}.avatar-upload .avatar-actions .upload-button{@apply block px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors;}.avatar-upload .avatar-actions .remove-button{@apply block px-3 py-2 text-sm font-medium text-red-600 hover:text-red-500 dark:text-red-400 dark:hover:text-red-300 transition-colors;}.security-settings .password-requirements{@apply mt-4 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg;}.security-settings .password-requirements .requirements-title{@apply text-sm font-medium text-gray-900 dark:text-white mb-2;}.security-settings .password-requirements .requirements-list{@apply text-sm text-gray-600 dark:text-gray-400 space-y-1;}.security-settings .password-requirements .requirements-list .requirement{@apply flex items-center;}.security-settings .password-requirements .requirements-list .requirement .requirement-icon{@apply w-4 h-4 mr-2;}.security-settings .password-requirements .requirements-list .requirement .requirement-icon.valid{@apply text-green-500;}.security-settings .password-requirements .requirements-list .requirement .requirement-icon.invalid{@apply text-gray-400;}.security-settings .two-factor-setup{@apply border border-gray-200 dark:border-gray-700 rounded-lg p-6;}.security-settings .two-factor-setup .setup-header{@apply flex items-center justify-between mb-4;}.security-settings .two-factor-setup .setup-header .setup-title{@apply text-lg font-medium text-gray-900 dark:text-white;}.security-settings .two-factor-setup .setup-header .setup-status{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.security-settings .two-factor-setup .setup-header .setup-status.enabled{@apply bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400;}.security-settings .two-factor-setup .setup-header .setup-status.disabled{@apply bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300;}.security-settings .two-factor-setup .setup-content{@apply text-sm text-gray-600 dark:text-gray-400;}.security-settings .two-factor-setup .setup-actions{@apply mt-4 flex space-x-3;}.security-settings .two-factor-setup .setup-actions .setup-button{@apply px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors;}.activity-log .activity-list{@apply space-y-4;}.activity-log .activity-list .activity-item{@apply flex items-start space-x-3 p-4 border border-gray-200 dark:border-gray-700 rounded-lg;}.activity-log .activity-list .activity-item .activity-icon{@apply flex-shrink-0;}.activity-log .activity-list .activity-item .activity-icon .icon-wrapper{@apply flex h-8 w-8 items-center justify-center rounded-full;}.activity-log .activity-list .activity-item .activity-icon .icon-wrapper.login{@apply bg-green-100 dark:bg-green-900/20;}.activity-log .activity-list .activity-item .activity-icon .icon-wrapper.login .icon{@apply w-5 h-5 text-green-600 dark:text-green-400;}.activity-log .activity-list .activity-item .activity-icon .icon-wrapper.logout{@apply bg-gray-100 dark:bg-gray-700;}.activity-log .activity-list .activity-item .activity-icon .icon-wrapper.logout .icon{@apply w-5 h-5 text-gray-600 dark:text-gray-400;}.activity-log .activity-list .activity-item .activity-icon .icon-wrapper.security{@apply bg-yellow-100 dark:bg-yellow-900/20;}.activity-log .activity-list .activity-item .activity-icon .icon-wrapper.security .icon{@apply w-5 h-5 text-yellow-600 dark:text-yellow-400;}.activity-log .activity-list .activity-item .activity-details{@apply flex-1 min-w-0;}.activity-log .activity-list .activity-item .activity-details .activity-title{@apply text-sm font-medium text-gray-900 dark:text-white;}.activity-log .activity-list .activity-item .activity-details .activity-description{@apply text-sm text-gray-600 dark:text-gray-400;}.activity-log .activity-list .activity-item .activity-details .activity-meta{@apply mt-1 text-xs text-gray-500 dark:text-gray-400;}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-10px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-5px)}90%{transform:translateY(-2px)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-in-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-slide-down{animation:slideDown var(--transition-normal) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-normal) ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.hover-lift{transition:transform var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform var(--transition-fast)}.hover-rotate:hover{transform:rotate(5deg)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease-in-out infinite}.dark .skeleton{background:linear-gradient(90deg,#374151 25%,transparent 37%,#374151 63%);background-size:400% 100%}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.space-y-2-5>:not([hidden])~:not([hidden]){margin-top:.625rem}.space-y-3-5>:not([hidden])~:not([hidden]){margin-top:.875rem}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.show{@apply block !important;}.hide{@apply hidden !important;}.clickable{@apply cursor-pointer;}.not-clickable{@apply cursor-default;}.no-select{@apply select-none;}.focus-ring{@apply focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800;}.focus-ring-inset{@apply focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500;}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.bg-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.bg-grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23e5e7eb' fill-opacity='0.3'%3E%3Cpath d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.shadow-colored{box-shadow:0 4px 6px -1px #3b82f61a,0 2px 4px -1px #3b82f60f}.shadow-colored-lg{box-shadow:0 10px 15px -3px #3b82f61a,0 4px 6px -2px #3b82f60d}.gradient-primary{@apply bg-gradient-to-r from-blue-500 to-blue-600;}.gradient-secondary{@apply bg-gradient-to-r from-gray-500 to-gray-600;}.gradient-success{@apply bg-gradient-to-r from-green-500 to-green-600;}.gradient-warning{@apply bg-gradient-to-r from-yellow-500 to-yellow-600;}.gradient-danger{@apply bg-gradient-to-r from-red-500 to-red-600;}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;z-index:10}.scroll-smooth{scroll-behavior:smooth}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#6b7280b3}.img-fluid{@apply max-w-full h-auto;}.img-cover{@apply w-full h-full object-cover;}.img-contain{@apply w-full h-full object-contain;}.overlay{position:relative}.overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1}.overlay.overlay-light:before{background:#ffffff80}.overlay.overlay-dark:before{background:#000000b3}.overlay>*{position:relative;z-index:2}.card-hover{@apply transition-all duration-200 hover:shadow-lg hover:-translate-y-1;}.card-interactive{@apply transition-all duration-200 hover:shadow-md hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer;}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-right-color:transparent;animation:spin .75s linear infinite}.list-none{list-style:none}.list-reset{list-style:none;padding:0;margin:0}.flex-center{@apply flex items-center justify-center;}.flex-between{@apply flex items-center justify-between;}.flex-around{@apply flex items-center justify-around;}.flex-start{@apply flex items-start justify-start;}.flex-end{@apply flex items-end justify-end;}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}@media print{.print-hidden{display:none!important}.print-visible{display:block!important}}.text-responsive{@apply text-sm sm:text-base lg:text-lg;}.text-responsive-sm{@apply text-xs sm:text-sm lg:text-base;}.text-responsive-lg{@apply text-base sm:text-lg lg:text-xl;}.text-responsive-xl{@apply text-lg sm:text-xl lg:text-2xl;}.space-responsive>:not([hidden])~:not([hidden]){@apply mt-4 sm:mt-6 lg:mt-8;}.space-responsive-sm>:not([hidden])~:not([hidden]){@apply mt-2 sm:mt-3 lg:mt-4;}.space-responsive-lg>:not([hidden])~:not([hidden]){@apply mt-6 sm:mt-8 lg:mt-12;}.p-responsive{@apply p-4 sm:p-6 lg:p-8;}.px-responsive{@apply px-4 sm:px-6 lg:px-8;}.py-responsive{@apply py-4 sm:py-6 lg:py-8;}.m-responsive{@apply m-4 sm:m-6 lg:m-8;}.mx-responsive{@apply mx-4 sm:mx-6 lg:mx-8;}.my-responsive{@apply my-4 sm:my-6 lg:my-8;}.gap-responsive{@apply gap-4 sm:gap-6 lg:gap-8;}.gap-x-responsive{@apply gap-x-4 sm:gap-x-6 lg:gap-x-8;}.gap-y-responsive{@apply gap-y-4 sm:gap-y-6 lg:gap-y-8;}.container-responsive{@apply w-full max-w-sm sm:max-w-md md:max-w-lg lg:max-w-xl xl:max-w-2xl 2xl:max-w-4xl mx-auto;}.mobile-stack{@apply flex flex-col sm:flex-row;}.mobile-center{@apply text-center sm:text-left;}.mobile-full{@apply w-full sm:w-auto;}.desktop-inline{@apply block lg:inline-block;}.desktop-flex{@apply block lg:flex;}.desktop-grid{@apply block lg:grid;}.show-mobile{@apply block sm:hidden;}.show-tablet{@apply hidden sm:block lg:hidden;}.show-desktop{@apply hidden lg:block;}.hide-mobile{@apply hidden sm:block;}.hide-tablet{@apply block sm:hidden lg:block;}.hide-desktop{@apply block lg:hidden;}.flex-mobile-col{@apply flex flex-col sm:flex-row;}.flex-mobile-wrap{@apply flex flex-wrap sm:flex-nowrap;}.flex-mobile-center{@apply flex flex-col items-center sm:flex-row sm:items-start;}.grid-responsive-2{@apply grid grid-cols-1 sm:grid-cols-2;}.grid-responsive-3{@apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3;}.grid-responsive-4{@apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4;}.grid-responsive-auto{@apply grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6;}.aspect-responsive{@apply aspect-square sm:aspect-video;}.aspect-mobile-square{@apply aspect-square sm:aspect-auto;}.aspect-desktop-video{@apply aspect-auto lg:aspect-video;}.rounded-responsive{@apply rounded sm:rounded-md lg:rounded-lg;}.rounded-responsive-lg{@apply rounded-md sm:rounded-lg lg:rounded-xl;}.shadow-responsive{@apply shadow sm:shadow-md lg:shadow-lg;}.shadow-responsive-lg{@apply shadow-md sm:shadow-lg lg:shadow-xl;}.w-responsive{@apply w-full sm:w-auto;}.w-responsive-sm{@apply w-full sm:w-64;}.w-responsive-md{@apply w-full sm:w-80;}.w-responsive-lg{@apply w-full sm:w-96;}.h-responsive{@apply h-48 sm:h-64 lg:h-80;}.h-responsive-sm{@apply h-32 sm:h-40 lg:h-48;}.h-responsive-lg{@apply h-64 sm:h-80 lg:h-96;}.relative-responsive{@apply static sm:relative;}.absolute-responsive{@apply static sm:absolute;}.fixed-responsive{@apply static lg:fixed;}.z-responsive{@apply z-auto sm:z-10 lg:z-20;}.overflow-responsive{@apply overflow-auto sm:overflow-hidden;}.overflow-x-responsive{@apply overflow-x-auto sm:overflow-x-hidden;}.overflow-y-responsive{@apply overflow-y-auto sm:overflow-y-hidden;}.cursor-responsive{@apply cursor-default sm:cursor-pointer;}.select-responsive{@apply select-all sm:select-none;}.pointer-events-responsive{@apply pointer-events-none sm:pointer-events-auto;}@screen xs{.xs\:block {display: block;} .xs\:hidden {display: none;} .xs\:flex {display: flex;}}.nav-responsive{@apply flex flex-col sm:flex-row sm:space-x-6 space-y-2 sm:space-y-0;}.card-responsive{@apply p-4 sm:p-6 lg:p-8 rounded sm:rounded-lg lg:rounded-xl;}.btn-responsive{@apply px-4 py-2 sm:px-6 sm:py-3 text-sm sm:text-base;}.btn-responsive-sm{@apply px-3 py-1.5 sm:px-4 sm:py-2 text-xs sm:text-sm;}.btn-responsive-lg{@apply px-6 py-3 sm:px-8 sm:py-4 text-base sm:text-lg;}.form-responsive{@apply space-y-4 sm:space-y-6;}.input-responsive{@apply px-3 py-2 sm:px-4 sm:py-3 text-sm sm:text-base;}.table-responsive{@apply text-xs sm:text-sm lg:text-base;}.table-responsive th,.table-responsive td{@apply px-2 py-2 sm:px-4 sm:py-3 lg:px-6 lg:py-4;}@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}