@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-accent-50: #f0fdfa;--color-accent-100: #ccfbf1;--color-accent-200: #99f6e4;--color-accent-300: #5eead4;--color-accent-400: #2dd4bf;--color-accent-500: #14b8a6;--color-accent-600: #0d9488;--color-accent-700: #0f766e;--color-accent-800: #115e59;--color-accent-900: #134e4a;--color-neutral-0: #ffffff;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--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;--font-size-5xl: 3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--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);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--content-max-width: 1280px}[data-theme=dark]{--color-neutral-0: #0f172a;--color-neutral-50: #1e293b;--color-neutral-100: #334155;--color-neutral-200: #475569;--color-neutral-300: #64748b;--color-neutral-400: #94a3b8;--color-neutral-500: #cbd5e1;--color-neutral-600: #e2e8f0;--color-neutral-700: #f1f5f9;--color-neutral-800: #f8fafc;--color-neutral-900: #ffffff;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-size:inherit;font-weight:inherit}p{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{background-color:var(--color-primary-100);color:var(--color-primary-900)}[data-theme=dark] ::selection{background-color:var(--color-primary-800);color:var(--color-primary-100)}.text-h1{font-family:var(--font-family);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-neutral-900)}.text-h2{font-family:var(--font-family);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-neutral-900)}.text-h3{font-family:var(--font-family);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-neutral-900)}.text-h4{font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-neutral-900)}.text-h5{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-neutral-900)}.text-h6{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-neutral-900)}.text-body-lg{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--color-neutral-700)}.text-body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-neutral-700)}.text-body-sm{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-neutral-600)}.text-caption{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-neutral-500)}.text-label{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-neutral-700)}.text-overline{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-neutral-500)}.text-code{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-neutral-800);background-color:var(--color-neutral-100);padding:.125em .375em;border-radius:var(--radius-sm)}.text-link{color:var(--color-primary-600);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.text-link:hover{color:var(--color-primary-700)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-screen{max-width:var(--content-max-width)}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.md\:d-none{display:none}.md\:d-block{display:block}.md\:flex-col{flex-direction:column}}@media(max-width:640px){.sm\:d-none{display:none}.sm\:d-block{display:block}.sm\:flex-col{flex-direction:column}.sm\:w-full{width:100%}}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-neutral-700);background-color:var(--color-neutral-0);transition:background-color var(--transition-normal),color var(--transition-normal)}#app{min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{font-size:var(--font-size-sm);padding:6px 12px;height:32px}.btn--md{font-size:var(--font-size-sm);padding:8px 16px;height:38px}.btn--lg{font-size:var(--font-size-base);padding:10px 20px;height:44px}.btn--primary{background-color:var(--color-primary-600);color:var(--color-neutral-0)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-700)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-800)}.btn--secondary{background-color:var(--color-neutral-100);color:var(--color-neutral-800)}.btn--secondary:hover:not(:disabled){background-color:var(--color-neutral-200)}.btn--outline{background-color:transparent;color:var(--color-primary-600);border-color:var(--color-primary-300)}.btn--outline:hover:not(:disabled){background-color:var(--color-primary-50);border-color:var(--color-primary-400)}.btn--ghost{background-color:transparent;color:var(--color-neutral-700)}.btn--ghost:hover:not(:disabled){background-color:var(--color-neutral-100)}.btn--danger{background-color:var(--color-error-600);color:var(--color-neutral-0)}.btn--danger:hover:not(:disabled){background-color:var(--color-error-700)}.btn--loading .btn__text{opacity:.7}.btn__spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-group__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.input-group__required{color:var(--color-error-500);margin-left:2px}.input-group__input{height:40px;padding:0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-neutral-900);background-color:var(--color-neutral-0);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input-group__input::placeholder{color:var(--color-neutral-400)}.input-group__input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.input-group--error .input-group__input{border-color:var(--color-error-500)}.input-group--error .input-group__input:focus{box-shadow:0 0 0 3px var(--color-error-100)}.input-group__error{font-size:var(--font-size-xs);color:var(--color-error-600)}.input-group__helper{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.input-group__input:disabled{background-color:var(--color-neutral-100);cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background-color:#0000;transition:background-color var(--transition-normal);padding:var(--space-4)}.modal-overlay--active{background-color:#00000080}.modal-panel{width:100%;max-width:480px;max-height:90vh;background-color:var(--color-neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);opacity:0;transition:transform var(--transition-normal),opacity var(--transition-normal)}.modal-overlay--active .modal-panel{transform:scale(1);opacity:1}.modal-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-neutral-200)}.modal-panel__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.modal-panel__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-neutral-500);transition:all var(--transition-fast)}.modal-panel__close:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.modal-panel__body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-panel__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-neutral-200)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:400px}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform:translate(120%);opacity:0;transition:transform var(--transition-normal),opacity var(--transition-normal)}.toast--visible{transform:translate(0);opacity:1}.toast__icon{flex-shrink:0;margin-top:1px}.toast__message{flex:1;font-size:var(--font-size-sm);color:var(--color-neutral-800);line-height:var(--line-height-normal)}.toast__close{flex-shrink:0;color:var(--color-neutral-400);transition:color var(--transition-fast)}.toast__close:hover{color:var(--color-neutral-700)}.toast--success{border-left:3px solid var(--color-success-500)}.toast--success .toast__icon{color:var(--color-success-500)}.toast--error{border-left:3px solid var(--color-error-500)}.toast--error .toast__icon{color:var(--color-error-500)}.toast--warning{border-left:3px solid var(--color-warning-500)}.toast--warning .toast__icon{color:var(--color-warning-500)}.toast--info{border-left:3px solid var(--color-info-500)}.toast--info .toast__icon{color:var(--color-info-500)}.spinner{display:inline-flex;color:var(--spinner-color, var(--color-primary-600))}.spinner svg{animation:spin .8s linear infinite}.spinner--sm svg{width:16px;height:16px}.spinner--md svg{width:24px;height:24px}.spinner--lg svg{width:40px;height:40px}.badge{display:inline-flex;align-items:center;font-family:var(--font-family);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge--sm{font-size:var(--font-size-xs);padding:2px 8px}.badge--md{font-size:var(--font-size-xs);padding:3px 10px}.badge--neutral{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.badge--success{background-color:var(--color-success-100);color:var(--color-success-700)}.badge--warning{background-color:var(--color-warning-100);color:var(--color-warning-700)}.badge--error{background-color:var(--color-error-100);color:var(--color-error-700)}.badge--info{background-color:var(--color-info-100);color:var(--color-info-700)}.card{background-color:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-neutral-200);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.card__body{padding:var(--space-5)}.card__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-neutral-200);background-color:var(--color-neutral-50)}.data-table-wrapper{overflow-x:auto;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg)}.data-table{width:100%;font-size:var(--font-size-sm)}.data-table__th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-neutral-600);background-color:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);white-space:nowrap}.data-table__td{padding:var(--space-3) var(--space-4);color:var(--color-neutral-800);border-bottom:1px solid var(--color-neutral-100)}.data-table__row:last-child .data-table__td{border-bottom:none}.data-table__row:hover{background-color:var(--color-neutral-50)}.data-table__empty{padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-neutral-400)}.data-table__pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-neutral-200);background-color:var(--color-neutral-50)}.data-table__pagination-info{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.data-table__pagination-controls{display:flex;gap:var(--space-2)}.data-table__pagination-btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-neutral-700);background-color:var(--color-neutral-0);transition:all var(--transition-fast)}.data-table__pagination-btn:hover:not(:disabled){background-color:var(--color-neutral-100)}.data-table__pagination-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-50);padding:var(--space-4)}.auth-layout__container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.auth-layout__logo img{height:40px}.auth-layout__card{width:100%;background-color:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--space-8)}.auth-layout__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--space-2)}.auth-layout__subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-bottom:var(--space-6)}.dashboard-layout{display:flex;min-height:100vh}.dashboard-layout__sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;background-color:var(--color-neutral-0);border-right:1px solid var(--color-neutral-200);z-index:var(--z-sticky);transition:transform var(--transition-normal)}.dashboard-layout__sidebar-logo{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-neutral-200)}.dashboard-layout__sidebar-logo img{height:28px}.dashboard-layout__nav{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-layout__nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);transition:all var(--transition-fast)}.dashboard-layout__nav-item:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.dashboard-layout__nav-item--active{background-color:var(--color-primary-50);color:var(--color-primary-700)}.dashboard-layout__nav-icon{display:flex;width:20px;height:20px;align-items:center;justify-content:center}.dashboard-layout__main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.dashboard-layout__header{position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background-color:var(--color-neutral-0);border-bottom:1px solid var(--color-neutral-200)}.dashboard-layout__menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-neutral-600)}.dashboard-layout__menu-toggle:hover{background-color:var(--color-neutral-100)}.dashboard-layout__page-title{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.dashboard-layout__header-right{display:flex;align-items:center;gap:var(--space-4)}.dashboard-layout__user-name{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.dashboard-layout__logout-btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);padding:var(--space-1) var(--space-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.dashboard-layout__logout-btn:hover{color:var(--color-error-600);border-color:var(--color-error-300);background-color:var(--color-error-50)}.dashboard-layout__content{flex:1;padding:var(--space-6);background-color:var(--color-neutral-50)}@media(max-width:1024px){.dashboard-layout__sidebar{transform:translate(-100%)}.dashboard-layout--sidebar-open .dashboard-layout__sidebar{transform:translate(0)}.dashboard-layout__main{margin-left:0}.dashboard-layout__menu-toggle{display:flex}}.public-layout{display:flex;flex-direction:column;min-height:100vh}.public-layout__header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-neutral-0);border-bottom:1px solid var(--color-neutral-200)}.public-layout__header-inner{display:flex;align-items:center;gap:var(--space-8);max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6);height:var(--header-height)}.public-layout__logo img{height:32px}.public-layout__nav{display:flex;gap:var(--space-1);flex:1}.public-layout__nav-link{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);border-radius:var(--radius-md);transition:all var(--transition-fast)}.public-layout__nav-link:hover{color:var(--color-neutral-900);background-color:var(--color-neutral-50)}.public-layout__header-actions{display:flex;gap:var(--space-2)}.public-layout__mobile-toggle{display:none;color:var(--color-neutral-600)}.public-layout__content{flex:1}.public-layout__footer{background-color:var(--color-neutral-900);color:var(--color-neutral-400)}.public-layout__footer-inner{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-10)}.public-layout__footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}.public-layout__footer-brand img{height:24px;width:auto;max-width:160px;object-fit:contain;mix-blend-mode:screen}.public-layout__footer-desc{font-size:var(--font-size-sm);max-width:320px}.public-layout__footer-links{display:flex;gap:var(--space-16)}.public-layout__footer-col{display:flex;flex-direction:column;gap:var(--space-2)}.public-layout__footer-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-0);margin-bottom:var(--space-1)}.public-layout__footer-col a{font-size:var(--font-size-sm);color:var(--color-neutral-400);transition:color var(--transition-fast)}.public-layout__footer-col a:hover{color:var(--color-neutral-0)}.public-layout__footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-neutral-800);font-size:var(--font-size-xs)}@media(max-width:768px){.public-layout__nav,.public-layout__header-actions{display:none}.public-layout__mobile-toggle{display:flex;margin-left:auto}.public-layout__header--open .public-layout__nav,.public-layout__header--open .public-layout__header-actions{display:flex}.public-layout__header--open .public-layout__header-inner{flex-wrap:wrap;height:auto;padding-bottom:var(--space-4)}.public-layout__header--open .public-layout__nav{flex-direction:column;width:100%;order:10}.public-layout__header--open .public-layout__header-actions{width:100%;order:11}.public-layout__footer-links{flex-direction:column;gap:var(--space-6)}}.section{padding:var(--space-20) var(--space-6)}.section--alt{background-color:var(--color-neutral-50)}.section__inner{max-width:var(--content-max-width);margin:0 auto}.section__header{text-align:center;max-width:640px;margin:0 auto var(--space-12)}.section__label{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-3)}.section__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-4)}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-neutral-500);line-height:var(--line-height-relaxed)}.hero{padding:var(--space-24) var(--space-6) var(--space-20);text-align:center}.hero__inner{max-width:800px;margin:0 auto}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-bottom:var(--space-6)}.hero__badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--color-success-500)}.hero__title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);line-height:1.1;letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-6)}.hero__title-accent{color:var(--color-primary-600)}.hero__desc{font-size:var(--font-size-lg);color:var(--color-neutral-500);line-height:var(--line-height-relaxed);max-width:560px;margin:0 auto var(--space-8)}.hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.hero__note{font-size:var(--font-size-xs);color:var(--color-neutral-400);margin-top:var(--space-4)}.trust{padding:var(--space-10) var(--space-6);border-top:1px solid var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-100)}.trust__inner{max-width:var(--content-max-width);margin:0 auto;text-align:center}.trust__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-6)}.trust__items{display:flex;align-items:center;justify-content:center;gap:var(--space-10);flex-wrap:wrap}.trust__item{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-300);display:flex;align-items:center;gap:var(--space-2)}.trust__item svg{width:20px;height:20px;color:var(--color-neutral-300)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.problem-card{padding:var(--space-6);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background-color:var(--color-neutral-0)}.problem-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-bottom:var(--space-4);color:var(--color-neutral-0)}.problem-card__icon--red{background-color:var(--color-error-500)}.problem-card__icon--green{background-color:var(--color-success-500)}.problem-card__icon--blue{background-color:var(--color-primary-500)}.problem-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);margin-bottom:var(--space-2)}.problem-card__desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);line-height:var(--line-height-relaxed)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);counter-reset:step}.step-card{text-align:center;padding:var(--space-6);position:relative}.step-card:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-primary-50);color:var(--color-primary-600);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin:0 auto var(--space-4)}.step-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);margin-bottom:var(--space-2)}.step-card__desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);line-height:var(--line-height-relaxed)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{padding:var(--space-6);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background-color:var(--color-neutral-0);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.feature-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.feature-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:var(--color-primary-50);color:var(--color-primary-600);margin-bottom:var(--space-4)}.feature-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);margin-bottom:var(--space-2)}.feature-card__desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);line-height:var(--line-height-relaxed)}.dev-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.dev-section__content{display:flex;flex-direction:column;gap:var(--space-4)}.dev-section__list{display:flex;flex-direction:column;gap:var(--space-3)}.dev-section__item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}.dev-section__check{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-success-50);color:var(--color-success-600);margin-top:2px}.dev-section__code{background-color:var(--color-neutral-900);border-radius:var(--radius-lg);padding:var(--space-6);overflow-x:auto}.dev-section__code pre{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-neutral-300);line-height:var(--line-height-relaxed);margin:0;white-space:pre}.dev-section__code .code-keyword{color:#c084fc}.dev-section__code .code-string{color:#86efac}.dev-section__code .code-comment{color:#64748b}.dev-section__code .code-func{color:#60a5fa}.dev-section__code .code-number{color:#fbbf24}.merchant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.merchant-card{padding:var(--space-8);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background-color:var(--color-neutral-0)}.merchant-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);margin-bottom:var(--space-3)}.merchant-card__desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.merchant-card__features{display:flex;flex-direction:column;gap:var(--space-2)}.merchant-card__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-neutral-600)}.merchant-card__feature:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--color-primary-400);flex-shrink:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:stretch}.pricing-card{padding:var(--space-8);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background-color:var(--color-neutral-0);display:flex;flex-direction:column;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.pricing-card--featured{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);position:relative}.pricing-card--featured:before{content:"Populer";position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:var(--space-1) var(--space-4);background-color:var(--color-primary-600);color:var(--color-neutral-0);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.pricing-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);margin-bottom:var(--space-2)}.pricing-card__desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-bottom:var(--space-6)}.pricing-card__price{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--space-1);letter-spacing:var(--letter-spacing-tight)}.pricing-card__price-unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-neutral-500)}.pricing-card__divider{height:1px;background-color:var(--color-neutral-200);margin:var(--space-6) 0}.pricing-card__features{display:flex;flex-direction:column;gap:var(--space-3);flex:1;margin-bottom:var(--space-8)}.pricing-card__feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-neutral-600)}.pricing-card__feature svg{flex-shrink:0;width:16px;height:16px;color:var(--color-success-500)}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid var(--color-neutral-200)}.faq-item:first-child{border-top:1px solid var(--color-neutral-200)}.faq-item__trigger{width:100%;padding:var(--space-5) 0;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-800);text-align:left}.faq-item__trigger:hover{color:var(--color-primary-600)}.faq-item__icon{width:20px;height:20px;flex-shrink:0;transition:transform var(--transition-normal);color:var(--color-neutral-400)}.faq-item--open .faq-item__icon{transform:rotate(45deg)}.faq-item__answer{display:none;padding-bottom:var(--space-5);font-size:var(--font-size-sm);color:var(--color-neutral-500);line-height:var(--line-height-relaxed)}.faq-item--open .faq-item__answer{display:block}.cta{text-align:center;padding:var(--space-20) var(--space-6);background-color:var(--color-neutral-900);color:var(--color-neutral-0)}.cta__inner{max-width:640px;margin:0 auto}.cta__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);letter-spacing:var(--letter-spacing-tight)}.cta__desc{font-size:var(--font-size-lg);color:var(--color-neutral-400);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.cta__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}#landing-page{margin-bottom:0}.public-layout__content:has(#landing-page){background-color:transparent}#landing-page>.cta{margin-bottom:0;padding-bottom:var(--space-20)}.landing-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);font-size:var(--font-size-sm);color:var(--color-neutral-400)}@media(max-width:1024px){.hero__title{font-size:var(--font-size-4xl)}.features-grid,.problem-grid,.pricing-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.dev-section{grid-template-columns:1fr;gap:var(--space-8)}}@media(max-width:768px){.section{padding:var(--space-12) var(--space-4)}.hero{padding:var(--space-16) var(--space-4) var(--space-12)}.hero__title{font-size:var(--font-size-3xl)}.hero__desc{font-size:var(--font-size-base)}.section__title{font-size:var(--font-size-2xl)}.features-grid,.problem-grid,.merchant-grid,.pricing-grid,.steps-grid{grid-template-columns:1fr}.trust__items{gap:var(--space-6)}.pricing-card--featured{order:-1}}@media(max-width:480px){.hero__title{font-size:var(--font-size-2xl)}.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%}.cta__actions{flex-direction:column;width:100%}.cta__actions .btn{width:100%}}