:root{--primary-color: #2563eb;--primary-light: #3b82f6;--primary-dark: #1e40af;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--secondary-color: #7c3aed;--secondary-light: #a78bfa;--secondary-dark: #5b21b6;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #0ea5e9;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-light: #cbd5e1;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hover: #f8fafc;--border-color: #e2e8f0;--border-light: #f1f5f9;--border-dark: #cbd5e1;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--primary-color: #3b82f6;--primary-light: #60a5fa;--primary-dark: #1e40af;--primary-50: #0f172a;--primary-100: #1e293b;--primary-200: #334155;--secondary-color: #a78bfa;--secondary-light: #c4b5fd;--secondary-dark: #7c3aed;--success-color: #10b981;--warning-color: #fbbf24;--danger-color: #f87171;--info-color: #38bdf8;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-light: #64748b;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-hover: #1e293b;--border-color: #334155;--border-light: #475569;--border-dark: #1e293b;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #a78bfa 0%, #f472b6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6)}[data-theme=ocean]{--primary-color: #0369a1;--primary-light: #0284c7;--primary-dark: #075985;--secondary-color: #0891b2;--success-color: #0ea5e9;--gradient-primary: linear-gradient(135deg, #0284c7 0%, #06b6d4 100%)}[data-theme=forest]{--primary-color: #059669;--primary-light: #10b981;--primary-dark: #047857;--secondary-color: #14b8a6;--success-color: #10b981;--gradient-primary: linear-gradient(135deg, #10b981 0%, #14b8a6 100%)}[data-theme=sunset]{--primary-color: #a855f7;--primary-light: #c084fc;--primary-dark: #7c3aed;--secondary-color: #f472b6;--gradient-primary: linear-gradient(135deg, #a855f7 0%, #f472b6 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);transition:background-color var(--transition-base),color var(--transition-base)}h1{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2}h2{font-size:var(--font-size-xl);font-weight:600;line-height:1.3}h3{font-size:var(--font-size-lg);font-weight:600;line-height:1.4}p{color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;min-height:2.5rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:var(--secondary-light);box-shadow:var(--shadow-md)}.btn-outline{background:var(--bg-primary);color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-light)}.btn-ghost{background:transparent;color:var(--primary-color)}.btn-ghost:hover{background:var(--bg-tertiary)}.btn-success{background:var(--success-color);color:#fff}.btn-danger{background:var(--danger-color);color:#fff}.btn-warning{background:var(--warning-color);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);min-height:2rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-height:3rem}label{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}textarea{resize:vertical;min-height:100px}@media (max-width: 479px){html{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.btn{width:100%;padding:var(--spacing-md) var(--spacing-lg)}input[type=text],input[type=email],input[type=password],select,textarea{font-size:16px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}.p-lg{padding:var(--spacing-md)!important}.px-lg{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.py-lg{padding-top:var(--spacing-md)!important;padding-bottom:var(--spacing-md)!important}}@media (min-width: 480px) and (max-width: 768px){html{font-size:15px}}@media (min-width: 769px){html{font-size:16px}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.border{border:1px solid var(--border-color)}.border-radius-md{border-radius:var(--radius-md)}.border-radius-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition-all{transition:all var(--transition-base)}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.error{background:var(--danger-color);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.success{background:var(--success-color);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.warning{background:var(--warning-color);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast);&:hover{color:var(--primary-light);text-decoration:underline}}.p-component{font-family:inherit;color:var(--text-primary);background-color:transparent}.p-button{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600;transition:all var(--transition-fast);&:hover{background-color:var(--primary-light);border-color:var(--primary-light);box-shadow:var(--shadow-md)}&:disabled{opacity:.5;cursor:not-allowed}}.p-button.p-button-secondary{background-color:var(--secondary-color);border-color:var(--secondary-color);&:hover{background-color:var(--secondary-light);border-color:var(--secondary-light)}}.p-button.p-button-success{background-color:var(--success-color);border-color:var(--success-color);&:hover{opacity:.9}}.p-button.p-button-danger{background-color:var(--danger-color);border-color:var(--danger-color);&:hover{opacity:.9}}.p-button.p-button-warning{background-color:var(--warning-color);border-color:var(--warning-color);color:#1e293b;&:hover{opacity:.9}}.p-button.p-button-outlined{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);&:hover{background-color:var(--primary-50);border-color:var(--primary-light);color:var(--primary-light)}}.p-button.p-button-text{color:var(--primary-color);background-color:transparent;border:none;&:hover{background-color:var(--bg-secondary);color:var(--primary-light)}}.p-inputtext,.p-inputtextarea textarea,.p-dropdown,.p-multiselect,.p-calendar .p-inputtext{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);&:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #2563eb26}&:disabled{background-color:var(--bg-tertiary);opacity:.6;cursor:not-allowed}}.p-dropdown .p-dropdown-trigger{color:var(--text-secondary)}.p-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast);&:hover{box-shadow:var(--shadow-md)}.p-card-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg)}.p-card-body{padding:var(--spacing-lg)}.p-card-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-lg)}}.p-panel{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);.p-panel-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.p-panel-content{background-color:var(--bg-primary);color:var(--text-primary)}}.p-dialog{.p-dialog-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.p-dialog-content{background-color:var(--bg-primary);color:var(--text-primary)}}.p-tabview{.p-tabview-nav{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.p-tabview-panels{background-color:var(--bg-primary)}.p-tabview-nav .p-tabview-nav-content .p-tabview-header{color:var(--text-secondary);&.p-highlight a{color:var(--primary-color);border-bottom-color:var(--primary-color)}&:hover a{color:var(--primary-light)}}}.p-datatable{background-color:var(--bg-primary);color:var(--text-primary);.p-datatable-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.p-datatable-thead>tr>th{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);font-weight:600}.p-datatable-tbody>tr{border-color:var(--border-light);&:hover{background-color:var(--bg-secondary)}>td{border-color:var(--border-light);color:var(--text-primary)}}}.p-dropdown-items .p-dropdown-item{color:var(--text-primary);&:hover{background-color:var(--bg-secondary)}&.p-highlight{background-color:var(--primary-50);color:var(--primary-color)}}.p-message{border-radius:var(--radius-md);border:none;padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md)}.p-message.p-message-success{background-color:#10b9811a;color:var(--success-color);border-left:4px solid var(--success-color)}.p-message.p-message-error{background-color:#ef44441a;color:var(--danger-color);border-left:4px solid var(--danger-color)}.p-message.p-message-warning{background-color:#f59e0b1a;color:var(--warning-color);border-left:4px solid var(--warning-color)}.p-message.p-message-info{background-color:#0ea5e91a;color:var(--info-color);border-left:4px solid var(--info-color)}.p-toast .p-toast-message{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:none;padding:var(--spacing-lg);&.p-toast-message-success{background-color:var(--success-color);color:#fff}&.p-toast-message-error{background-color:var(--danger-color);color:#fff}&.p-toast-message-warning{background-color:var(--warning-color);color:#fff}&.p-toast-message-info{background-color:var(--info-color);color:#fff}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}label{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm);display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=search],input[type=url],input[type=tel],textarea,select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast);box-sizing:border-box}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=date]::placeholder,input[type=search]::placeholder,input[type=url]::placeholder,textarea::placeholder{color:var(--text-tertiary)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=search]:focus,input[type=url]:focus,input[type=tel]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb26}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,textarea:disabled,select:disabled{background-color:var(--bg-secondary);opacity:.6;cursor:not-allowed}textarea{resize:vertical;min-height:100px;line-height:1.5}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232563eb' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:var(--spacing-2xl)}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--primary-color);margin-right:var(--spacing-sm)}.checkbox-label,.radio-label{display:flex;align-items:center;cursor:pointer;font-weight:400;margin-bottom:var(--spacing-md)}.checkbox-label input,.radio-label input{margin:0 var(--spacing-sm) 0 0}button,input[type=button],input[type=submit],input[type=reset]{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-fast);min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{background-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active{transform:translateY(0)}button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled{background-color:var(--border-color);cursor:not-allowed;transform:none;opacity:.6}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:var(--secondary-light)}.btn-danger{background-color:var(--danger-color)}.btn-danger:hover{background-color:var(--danger-color);opacity:.9}.form-error{color:var(--danger-color);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:block}.form-success{color:var(--success-color);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:block}@media (max-width: 479px){.form-group{margin-bottom:var(--spacing-md)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=search],input[type=url],textarea,select{padding:var(--spacing-md) var(--spacing-md);font-size:16px;border-radius:var(--radius-sm)}button,input[type=button],input[type=submit],input[type=reset]{width:100%;padding:var(--spacing-md) var(--spacing-lg)}label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}textarea{min-height:80px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--bg-secondary)}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:var(--radius-md);&:hover{background-color:var(--border-dark)}}