:root{--primary-color: #228896;--primary-light: #4da6b3;--primary-dark: #1a6a75;--primary-hover: #1e7a86;--primary-color-rgb: 34, 136, 150;--color-primary: var(--primary-color);--color-primary-dark: var(--primary-dark);--color-primary-transparent: rgba(var(--primary-color-rgb), .1);--button-primary-bg: var(--primary-color);--button-primary-hover: var(--primary-dark);--button-primary-text: #ffffff;--button-secondary-bg: transparent;--button-secondary-border: var(--primary-color);--button-secondary-hover: rgba(var(--primary-color-rgb), .1);--button-secondary-text: var(--primary-color);--button-danger-bg: #ef4444;--button-danger-hover: #dc2626;--button-danger-text: #ffffff;--button-success-bg: #16a34a;--button-success-hover: #15803d;--button-success-text: #ffffff;--button-warning-bg: #f59e0b;--button-warning-hover: #d97706;--button-warning-text: #ffffff;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .1);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .1);--status-active-bg: #d1fae5;--status-active-text: #065f46;--status-inactive-bg: #fee2e2;--status-inactive-text: #991b1b;--ds-surface: #ffffff;--ds-surface-muted: #f8fafc;--ds-surface-disabled: #f1f5f9;--ds-border: #e2e8f0;--ds-border-strong: #cbd5e1;--ds-text-placeholder: #94a3b8;--ds-text-muted: #64748b;--ds-text-label: #475569;--ds-text-strong: #334155;--ds-text: #1e293b;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Poppins", var(--font-family-base);--font-family-mono: "Roboto Mono", "SF Mono", Monaco, "Cascadia Code", "Source Code Pro", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-card: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-primary: 0 10px 20px rgba(var(--primary-color-rgb), .2);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}@media(prefers-color-scheme:dark){:root{--color-white: #0f172a;--color-black: #ffffff;--color-gray-50: #1e293b;--color-gray-100: #334155;--color-gray-200: #475569;--color-gray-300: #64748b;--color-gray-400: #94a3b8;--color-gray-500: #cbd5e1;--color-gray-600: #e2e8f0;--color-gray-700: #f1f5f9;--color-gray-800: #f8fafc;--color-gray-900: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}}@media(max-width:640px){:root{--spacing-xl: 1.5rem;--spacing-2xl: 2rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-base);font-size:.875rem;line-height:1.5;color:var(--color-gray-700);background-color:var(--color-gray-50);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:600;line-height:1.2;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}h1{font-size:2rem;letter-spacing:-.025em}h2{font-size:1.5rem;letter-spacing:-.025em}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}p{margin-bottom:var(--spacing-md);color:var(--color-gray-600)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}@media(max-width:768px){.container{padding:0 var(--spacing-md)}}button{font-family:var(--font-family-heading);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);white-space:nowrap}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--button-primary-bg)!important;color:var(--button-primary-text)!important;border-color:var(--button-primary-bg)!important}.btn-primary:hover{background-color:var(--button-primary-hover)!important;border-color:var(--button-primary-hover)!important}.btn-secondary{background-color:var(--button-secondary-bg)!important;color:var(--button-secondary-text)!important;border-color:var(--button-secondary-border)!important}.btn-secondary:hover{background-color:var(--button-secondary-hover)!important}.btn-danger{background-color:var(--button-danger-bg)!important;color:var(--button-danger-text)!important;border-color:var(--button-danger-bg)!important}.btn-danger:hover{background-color:var(--button-danger-hover)!important;border-color:var(--button-danger-hover)!important}.btn-success{background-color:var(--button-success-bg)!important;color:var(--button-success-text)!important;border-color:var(--button-success-bg)!important}.btn-success:hover{background-color:var(--button-success-hover)!important;border-color:var(--button-success-hover)!important}.btn-warning{background-color:var(--button-warning-bg)!important;color:var(--button-warning-text)!important;border-color:var(--button-warning-bg)!important}.btn-warning:hover{background-color:var(--button-warning-hover)!important;border-color:var(--button-warning-hover)!important}input,textarea,select{font-family:var(--font-family-base);font-size:.875rem;color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2288961a}input::placeholder,textarea::placeholder{color:var(--color-gray-400)}label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}input[type=checkbox],input[type=radio]{width:auto;margin-right:var(--spacing-sm)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.card-footer{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-md);margin-top:var(--spacing-lg)}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:var(--color-white)}table{width:100%;border-collapse:collapse;min-width:768px}thead{background:var(--color-gray-50)}th{font-family:var(--font-family-heading);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-600);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);text-align:left;white-space:nowrap}td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);font-size:.875rem}tbody tr:hover{background:var(--color-gray-50)}tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-primary{background:var(--color-primary-transparent);color:var(--color-primary)}.icon{width:1.25rem;height:1.25rem;fill:currentColor;flex-shrink:0}.icon-sm{width:1rem;height:1rem}.icon-lg{width:1.5rem;height:1.5rem}.icon-xl{width:2rem;height:2rem}.m-0{margin:0!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.p-0{padding:0!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-base{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:2rem!important}.text-light{font-weight:300!important}.text-normal{font-weight:400!important}.text-medium{font-weight:500!important}.text-semibold{font-weight:600!important}.text-bold{font-weight:700!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-primary{color:var(--color-primary)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-error{color:var(--color-error)!important}.text-gray-500{color:var(--color-gray-500)!important}.text-gray-600{color:var(--color-gray-600)!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-none{display:none!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.align-start{align-items:flex-start!important}.align-center{align-items:center!important}.align-end{align-items:flex-end!important}.align-stretch{align-items:stretch!important}.gap-1{gap:var(--spacing-xs)!important}.gap-2{gap:var(--spacing-sm)!important}.gap-3{gap:var(--spacing-md)!important}.gap-4{gap:var(--spacing-lg)!important}.gap-5{gap:var(--spacing-xl)!important}.w-100{width:100%!important}.w-50{width:50%!important}.w-25{width:25%!important}.w-auto{width:auto!important}.h-100{height:100%!important}.h-auto{height:auto!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-full{border-radius:var(--radius-full)!important}.border{border:1px solid var(--color-gray-200)!important}.border-top{border-top:1px solid var(--color-gray-200)!important}.border-bottom{border-bottom:1px solid var(--color-gray-200)!important}.border-left{border-left:1px solid var(--color-gray-200)!important}.border-right{border-right:1px solid var(--color-gray-200)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-none{box-shadow:none!important}.bg-white{background:var(--color-white)!important}.bg-gray-50{background:var(--color-gray-50)!important}.bg-gray-100{background:var(--color-gray-100)!important}.bg-primary{background:var(--color-primary)!important}.bg-primary-transparent{background:var(--color-primary-transparent)!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.right-0{right:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}a{color:#000!important;text-decoration:underline!important}}.focus-ring{outline:2px solid var(--color-primary);outline-offset:2px}.focus-ring:focus:not(:focus-visible){outline:none}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:640px){h1{font-size:1.75rem}h2{font-size:1.375rem}.card{padding:var(--spacing-lg)}}@media(max-width:480px){h1{font-size:1.5rem}.btn-lg{padding:var(--spacing-md) var(--spacing-lg)}}svg.lucide{display:inline-block;vertical-align:middle;flex-shrink:0}.page-card{width:100%;max-width:100%;background:var(--ds-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.page-card .header-section{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 32px 0;flex-wrap:wrap;gap:20px;width:100%}.page-card .header-text{flex:1;min-width:0}.page-card .header-section h1{font-family:var(--font-family-heading);font-size:32px;font-weight:600;color:var(--ds-text);margin-bottom:8px;letter-spacing:-.5px;line-height:1.2}.page-card .header-section p{color:var(--ds-text-muted);font-size:14px;font-weight:400;line-height:1.5}.page-card .header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.page-card .action-bar{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:var(--ds-surface-muted);border-radius:var(--radius-md);margin:24px 32px;flex-wrap:wrap;gap:20px;width:calc(100% - 64px)}.page-card .search-container{flex:1;min-width:0}.page-card .search-box{position:relative;max-width:400px}.page-card .search-box input{width:100%;padding:12px 20px 12px 48px;border:1px solid var(--ds-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-family-base);transition:all var(--transition-slow);background:var(--ds-surface);color:var(--ds-text)}.page-card .search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.page-card .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:var(--ds-text-placeholder)}.page-card .action-buttons{display:flex;gap:12px;flex-wrap:wrap}.page-card .action-icon,.page-card .btn-icon{width:18px;height:18px;fill:currentColor}.page-card .filter-panel{padding:0 32px 24px;border-bottom:1px solid var(--ds-border)}.page-card .filter-section{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--radius-md);padding:24px}.page-card .filter-section h3{font-size:16px;font-weight:600;color:var(--ds-text);margin-bottom:20px;font-family:var(--font-family-heading)}.page-card .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.page-card .filter-group{display:flex;flex-direction:column;gap:8px}.page-card .filter-group label{font-size:14px;font-weight:500;color:var(--ds-text-label)}.page-card .filter-group select,.page-card .filter-group input{padding:10px 12px;border:1px solid var(--ds-border);border-radius:6px;font-size:14px;font-family:var(--font-family-base);background:var(--ds-surface);color:var(--ds-text)}.page-card .filter-group select:focus,.page-card .filter-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.page-card .filter-actions{display:flex;justify-content:flex-end;gap:12px}.page-card .empty-message{text-align:center;padding:40px;color:var(--ds-text-muted);font-style:italic}.page-card .link-btn{background:none;border:none;color:var(--primary-color);text-decoration:underline;cursor:pointer;font-size:inherit}.page-card .link-btn:hover{color:var(--primary-hover)}.page-card .pagination{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-top:1px solid var(--ds-border);flex-wrap:wrap;gap:20px}.page-card .pagination-info{color:var(--ds-text-muted);font-size:14px;white-space:nowrap}.page-card .pagination-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-card .pagination-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--ds-border);background:var(--ds-surface);border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:all var(--transition-normal);font-family:var(--font-family-base);color:var(--ds-text-muted);white-space:nowrap}.page-card .pagination-btn:hover:not(:disabled){background:var(--ds-surface-muted);border-color:var(--ds-border-strong)}.page-card .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-card .pagination-btn svg{width:20px;height:20px;fill:currentColor}.page-card .page-numbers{display:flex;gap:4px}.page-card .page-number{width:36px;height:36px;border:1px solid var(--ds-border);background:var(--ds-surface);border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:all var(--transition-normal);font-family:var(--font-family-base);color:var(--ds-text-muted)}.page-card .page-number:hover:not(.active):not(:disabled){background:var(--ds-surface-muted);border-color:var(--ds-border-strong)}.page-card .page-number.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.page-card .page-number:disabled{background:none;border:none;cursor:default;color:var(--ds-border-strong)}.page-card .page-size-selector{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ds-text-muted);font-family:var(--font-family-base);white-space:nowrap}.page-card .page-size-selector select{padding:6px 12px;border:1px solid var(--ds-border);border-radius:6px;background:var(--ds-surface);cursor:pointer;font-family:var(--font-family-base);font-size:14px;color:var(--ds-text-label)}@media(max-width:768px){.page-card .header-section{padding:24px 20px 0}.page-card .header-section h1{font-size:24px}.page-card .action-bar{padding:20px;margin:20px;width:calc(100% - 40px)}.page-card .action-label{display:none}.page-card .filter-grid{grid-template-columns:1fr}.page-card .pagination{padding:20px;flex-direction:column;align-items:stretch;text-align:center}.page-card .pagination-controls{justify-content:center}.page-card .pagination-label{display:none}}@media(max-width:480px){.page-card .header-section{padding:20px 16px 0}.page-card .action-bar{padding:16px;margin:16px;width:calc(100% - 32px)}.page-card .page-number{width:32px;height:32px;font-size:13px}.page-card .pagination-btn{padding:6px 12px;font-size:13px}}.page-card .btn-add,.page-card .add-btn,.page-card .add-voucher-btn,.page-card .add-property-btn,.page-card .delete-selected-btn{border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all var(--transition-slow);font-size:14px;font-family:var(--font-family-heading);letter-spacing:.3px;white-space:nowrap}.page-card .btn-add,.page-card .add-btn,.page-card .add-voucher-btn,.page-card .add-property-btn{background:var(--primary-color);color:#fff}.page-card .btn-add:hover,.page-card .add-btn:hover,.page-card .add-voucher-btn:hover,.page-card .add-property-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.page-card .delete-selected-btn{background:var(--color-error);color:#fff}.page-card .delete-selected-btn:hover:not(:disabled){background:var(--button-danger-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.page-card .delete-selected-btn:disabled{opacity:.5;cursor:not-allowed}.page-card .action-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--ds-border);background:var(--ds-surface);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition-normal);font-family:var(--font-family-heading);color:var(--ds-text-muted);white-space:nowrap}.page-card .action-btn:hover{background:var(--ds-surface-muted);border-color:var(--ds-border-strong);color:var(--ds-text)}.page-card .action-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.page-card .action-btn:disabled{opacity:.5;cursor:not-allowed}.page-card .action-btn:disabled:hover{background:var(--ds-surface);border-color:var(--ds-border);color:var(--ds-text-muted)}.page-card .apply-filter-btn,.page-card .reset-filter-btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-family-base);transition:all var(--transition-normal)}.page-card .apply-filter-btn{background:var(--primary-color);color:#fff;border:none}.page-card .apply-filter-btn:hover{background:var(--primary-hover)}.page-card .reset-filter-btn{background:var(--ds-surface);color:var(--ds-text-muted);border:1px solid var(--ds-border)}.page-card .reset-filter-btn:hover{background:var(--ds-surface-muted);border-color:var(--ds-border-strong)}.page-card .back-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--radius-md);color:var(--ds-text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-family-base);white-space:nowrap}.page-card .back-btn:hover{background:var(--ds-surface-muted);border-color:var(--ds-border-strong);color:var(--ds-text)}.page-card .back-btn svg{width:18px;height:18px;fill:currentColor}.page-card .reset-btn,.page-card .cancel-btn,.page-card .submit-btn{padding:12px 32px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-family-heading);display:flex;align-items:center;gap:10px;white-space:nowrap}.page-card .reset-btn,.page-card .cancel-btn{background:var(--ds-surface);border:1px solid var(--ds-border);color:var(--ds-text-muted)}.page-card .reset-btn:hover:not(:disabled),.page-card .cancel-btn:hover:not(:disabled){background:var(--ds-surface-muted);border-color:var(--ds-border-strong);color:var(--ds-text)}.page-card .submit-btn{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.page-card .submit-btn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.page-card .reset-btn:disabled,.page-card .submit-btn:disabled{opacity:.6;cursor:not-allowed}.page-card .generate-btn{display:flex;align-items:center;gap:8px;padding:0 20px;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;font-family:var(--font-family-base)}.page-card .generate-btn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.page-card .generate-btn:disabled{opacity:.5;cursor:not-allowed}.page-card .generate-btn svg{width:16px;height:16px;fill:currentColor}.page-card button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:480px){.page-card .delete-selected-btn .btn-label{display:none}.page-card .delete-selected-btn{padding:10px}.page-card .btn-add,.page-card .add-btn,.page-card .add-voucher-btn,.page-card .add-property-btn{padding:10px 20px;font-size:13px}}.page-card .table-container{background:var(--ds-surface);border-color:var(--ds-border)}.page-card thead{background:var(--ds-surface-muted)}.page-card table{width:100%;border-collapse:collapse;min-width:0}.page-card th{background:var(--ds-surface-muted);padding:12px 16px;text-align:left;font-weight:600;color:var(--ds-text-label);font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--ds-border);font-family:var(--font-family-heading);white-space:normal;cursor:pointer;-webkit-user-select:none;user-select:none}.page-card th.sorted{color:var(--primary-color)}.page-card .sort-icon{width:16px;height:16px;margin-left:8px;fill:currentColor;vertical-align:middle}.page-card td{padding:12px 16px;border-bottom:1px solid var(--ds-surface-disabled);font-size:14px;color:var(--ds-text-strong);font-weight:400;vertical-align:middle}.page-card tbody tr:hover{background:var(--ds-surface-muted)}.page-card td.cell-breakable{overflow-wrap:anywhere;min-width:170px}.page-card td.cell-nowrap{white-space:nowrap}.page-card .actions-col{width:1%;white-space:nowrap}.page-card .checkbox-col{width:50px;text-align:center;padding:0 20px}.page-card .checkbox-col input[type=checkbox]{width:18px;height:18px;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--ds-border-strong)}.page-card .status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;white-space:nowrap}.page-card .status-active{background:var(--status-active-bg);color:var(--status-active-text)}.page-card .status-inactive{background:var(--status-inactive-bg);color:var(--status-inactive-text)}.page-card.form-page .header-section{border-bottom:1px solid var(--ds-border);padding-bottom:24px}.page-card.form-page .form-container,.page-card.form-page .create-property-form{padding:32px}.page-card.form-page .form-section{background:var(--ds-surface-muted);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.page-card.form-page .section-title{font-family:var(--font-family-heading);font-size:20px;font-weight:600;color:var(--ds-text);margin-bottom:24px;display:flex;align-items:center;gap:12px}.page-card.form-page .section-subtitle{font-size:13px;font-weight:400;color:var(--ds-text-muted);margin:-16px 0 24px}.page-card.form-page .section-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:14px;font-weight:600;flex-shrink:0}.page-card.form-page .section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.page-card.form-page .form-group{display:flex;flex-direction:column;gap:8px}.page-card.form-page .form-group label{font-size:14px;font-weight:600;color:var(--ds-text-label);font-family:var(--font-family-base);display:flex;align-items:center;gap:8px}.page-card.form-page .required,.page-card.form-page .required-asterisk{font-size:11px;font-weight:500;color:var(--color-error);background:var(--color-error-light);padding:2px 8px;border-radius:12px}.form-page input,.form-page textarea,.form-page select{font-family:var(--font-family-base);font-size:14px;color:var(--ds-text);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--radius-md);padding:12px 16px;transition:all var(--transition-normal);width:100%}.form-page input:focus,.form-page textarea:focus,.form-page select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.form-page input::placeholder,.form-page textarea::placeholder{color:var(--ds-text-placeholder)}.form-page input:disabled,.form-page textarea:disabled,.form-page select:disabled{background:var(--ds-surface-disabled);cursor:not-allowed;opacity:.6}.form-page textarea{resize:vertical;min-height:80px;line-height:1.5}.form-page select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.page-card.form-page .has-error input,.page-card.form-page .has-error textarea,.page-card.form-page .has-error select{border-color:var(--color-error)}.page-card.form-page .has-error input:focus,.page-card.form-page .has-error textarea:focus,.page-card.form-page .has-error select:focus{box-shadow:0 0 0 3px #ef44441a}.page-card.form-page .error-message{font-size:12px;color:var(--color-error);font-weight:500;margin-top:4px}.page-card.form-page .hint,.page-card.form-page .field-hint{font-size:12px;color:var(--ds-text-muted);font-style:italic;margin-top:4px}.page-card.form-page .character-count,.page-card.form-page .char-count{font-size:12px;color:var(--ds-text-placeholder);text-align:right;margin-top:4px}.page-card.form-page .form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--ds-border);margin-top:32px}@media(max-width:768px){.page-card.form-page .header-section{padding:24px 20px 20px}.page-card.form-page .form-container,.page-card.form-page .create-property-form{padding:24px 20px}.page-card.form-page .form-section{padding:20px}.page-card.form-page .section-grid{grid-template-columns:1fr}.page-card.form-page .form-actions{flex-direction:column}.page-card.form-page .reset-btn,.page-card.form-page .cancel-btn,.page-card.form-page .submit-btn{width:100%;justify-content:center}}@media(max-width:480px){.page-card.form-page .header-section{padding:20px 16px 16px}.page-card.form-page .form-container,.page-card.form-page .create-property-form{padding:20px 16px}.page-card.form-page .form-section{padding:16px}.page-card.form-page .section-title{font-size:18px}}