.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-weight:500;border:none;border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--color-gray-700)}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn-danger{background-color:var(--color-error);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-spinner{width:1em;height:1em;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.input-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.input-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.input-required{color:var(--color-error);margin-left:var(--spacing-1)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);background-color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.input::placeholder{color:var(--color-gray-400)}.input.input-error{border-color:var(--color-error)}.input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-error-message{font-size:var(--font-size-sm);color:var(--color-error)}.textarea{resize:vertical;min-height:100px}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:1.25rem;padding-right:var(--spacing-10)}.card{background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden}.card-default{border:1px solid var(--color-gray-200)}.card-elevated{box-shadow:var(--shadow-md)}.card-outlined{border:2px solid var(--color-gray-300)}.card-clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--spacing-3)}.card-padding-md{padding:var(--spacing-4)}.card-padding-lg{padding:var(--spacing-6)}.card-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.card-body{padding:var(--spacing-4)}.card-footer{padding:var(--spacing-4);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.card-padding-md .card-header,.card-padding-md .card-body,.card-padding-md .card-footer,.card-padding-lg .card-header,.card-padding-lg .card-body,.card-padding-lg .card-footer{margin:calc(-1 * var(--spacing-4));margin-bottom:0}.card-padding-md .card-footer,.card-padding-lg .card-footer{margin-top:var(--spacing-4);margin-bottom:calc(-1 * var(--spacing-4))}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);z-index:var(--z-modal);animation:fadeIn var(--transition-fast)}.modal{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal)}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:500px}.modal-lg{width:100%;max-width:700px}.modal-xl{width:100%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin:0}.modal-close{background:none;border:none;padding:var(--spacing-2);color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.modal-body{padding:var(--spacing-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rating{display:inline-flex;align-items:center;gap:var(--spacing-2)}.rating-stars{display:flex;gap:var(--spacing-1)}.star{color:var(--color-gray-300);display:inline-flex}.star-filled{color:var(--color-warning)}.star-interactive{cursor:pointer;transition:transform var(--transition-fast)}.star-interactive:hover{transform:scale(1.1)}.rating-value{font-weight:600;color:var(--color-gray-700)}.rating-sm .star svg{width:16px;height:16px}.rating-sm .rating-value{font-size:var(--font-size-sm)}.rating-md .star svg{width:20px;height:20px}.rating-md .rating-value{font-size:var(--font-size-base)}.rating-lg .star svg{width:24px;height:24px}.rating-lg .rating-value{font-size:var(--font-size-lg)}.loading{display:inline-flex;align-items:center;justify-content:center}.loading-spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-sm .loading-spinner{width:20px;height:20px;border-width:2px}.loading-md .loading-spinner{width:32px;height:32px;border-width:3px}.loading-lg .loading-spinner{width:48px;height:48px;border-width:4px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.loading-message{font-size:var(--font-size-lg);color:var(--color-gray-600)}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh}@keyframes spin{to{transform:rotate(360deg)}}.navbar{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:var(--z-dropdown)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:80px}.navbar-brand{display:flex;align-items:center}.navbar-logo img{height:64px;width:auto}.navbar-logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);text-decoration:none}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-8)}.navbar-links{display:flex;list-style:none;gap:var(--spacing-6);margin:0;padding:0}.navbar-link{font-weight:500;color:var(--color-gray-600);text-decoration:none;transition:color var(--transition-fast)}.navbar-link:hover,.navbar-link.active{color:var(--color-primary);text-decoration:none}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-3)}.navbar-toggle{display:none;background:none;border:none;padding:var(--spacing-2);cursor:pointer}.hamburger{display:block;width:24px;height:2px;background-color:var(--color-gray-700);position:relative;transition:background-color var(--transition-fast)}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--color-gray-700);transition:transform var(--transition-fast)}.hamburger:before{top:-7px}.hamburger:after{bottom:-7px}.hamburger.open{background-color:transparent}.hamburger.open:before{transform:translateY(7px) rotate(45deg)}.hamburger.open:after{transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.navbar-toggle{display:block}.navbar-menu{position:absolute;top:80px;left:0;right:0;background-color:var(--color-white);flex-direction:column;align-items:stretch;padding:var(--spacing-4);gap:var(--spacing-4);border-bottom:1px solid var(--color-gray-200);display:none}.navbar-menu.open{display:flex}.navbar-links{flex-direction:column;gap:var(--spacing-2)}.navbar-link{display:block;padding:var(--spacing-3) 0}.navbar-actions{flex-direction:column;gap:var(--spacing-2)}.navbar-actions>*{width:100%}}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid}.alert-icon{flex-shrink:0;display:flex}.alert-content{flex:1}.alert-title{font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-1) 0}.alert-message{margin:0;font-size:var(--font-size-sm)}.alert-close{flex-shrink:0;background:none;border:none;padding:var(--spacing-1);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.alert-close:hover{opacity:1}.alert-success{background-color:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert-success .alert-icon{color:var(--color-success)}.alert-error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.alert-error .alert-icon{color:var(--color-error)}.alert-warning{background-color:#fffbeb;border-color:#fde68a;color:#92400e}.alert-warning .alert-icon{color:var(--color-warning)}.alert-info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.alert-info .alert-icon{color:var(--color-info)}:root{--color-primary: #2E5266;--color-primary-light: #6E8898;--color-primary-dark: #1E3A4C;--color-secondary: #9DB4C0;--color-secondary-light: #B8CCD6;--color-secondary-dark: #6E8898;--color-white: #ffffff;--color-gray-50: #F0F4F8;--color-gray-100: #E8ECF0;--color-gray-200: #D1D9E0;--color-gray-300: #B8C4CE;--color-gray-400: #8A9BAA;--color-gray-500: #666666;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #2C2416;--color-gray-900: #1A1A1A;--color-black: #000000;--color-success: #10b981;--color-success-light: #34d399;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-error: #ef4444;--color-error-light: #f87171;--color-info: #2E5266;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--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);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-900);background-color:var(--color-white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:700;line-height:1.2}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.hidden{display:none}@media (max-width: 768px){.container{padding:0 var(--spacing-4)}.hide-mobile{display:none}}@media (min-width: 769px){.hide-desktop{display:none}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100)}.login-card{width:100%;max-width:400px;padding:var(--spacing-8);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.login-card h1,.auth-logo{text-align:center;margin-bottom:var(--spacing-6)}.auth-logo img{height:72px;width:auto}.admin-layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--color-gray-900);color:var(--color-white);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0}.sidebar-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-800);text-align:center}.logo-img{height:40px;width:auto}.sidebar-nav{flex:1;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-item{padding:var(--spacing-3) var(--spacing-4);color:var(--color-gray-400);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.nav-item:hover,.nav-item.active{background:var(--color-gray-800);color:var(--color-white);text-decoration:none}.nav-item.active{background:var(--color-primary)}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid var(--color-gray-800);display:flex;justify-content:space-between;align-items:center}.main-content{flex:1;margin-left:220px;background:var(--color-gray-50);min-height:100vh}.page{padding:var(--spacing-8)}.page h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6)}.page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-4)}.stat-card{padding:var(--spacing-6);text-align:center}.stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary)}.stat-label{color:var(--color-gray-600);margin-top:var(--spacing-2)}.filter-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.filter-tab{padding:var(--spacing-2) var(--spacing-4);background:var(--color-gray-100);border:none;border-radius:var(--radius-lg);cursor:pointer}.filter-tab.active{background:var(--color-primary);color:var(--color-white)}.table-container{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-gray-100)}.data-table th{background:var(--color-gray-50);font-weight:600;color:var(--color-gray-700)}.data-table tr:hover{background:var(--color-gray-50)}.review-text-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.status-pending{background:#fef3c7;color:#92400e}.status-approved,.status-accepted{background:#d1fae5;color:#065f46}.status-completed{background:#dbeafe;color:#1e40af}.status-rejected,.status-suspended,.status-declined{background:#fee2e2;color:#991b1b}.status-cancelled{background:#f3f4f6;color:#6b7280}.status-active{color:var(--color-success);font-weight:600}.status-inactive{color:var(--color-gray-500)}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0}}