@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--stone-50: #fafaf9;--stone-100: #f5f5f4;--stone-200: #e7e5e4;--stone-300: #d6d3d1;--stone-400: #a8a29e;--stone-500: #78716c;--stone-600: #57534e;--stone-700: #44403c;--stone-800: #292524;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-600: #dc2626;--sky-100: #e0f2fe;--sky-700: #0369a1;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--focus-ring: 0 0 0 2px var(--green-400)}body{font-family:DM Sans,Helvetica Neue,sans-serif;background-color:var(--stone-50);color:var(--stone-800)}.app{min-height:100vh;background-color:var(--stone-50);font-family:DM Sans,Helvetica Neue,sans-serif}.header{background-color:var(--white);border-bottom:1px solid var(--stone-200);position:sticky;top:0;z-index:10}.header-inner{max-width:56rem;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:3.5rem}@media(min-width:640px){.header-inner{padding:0 1.5rem}}.logo{display:flex;align-items:center;gap:.625rem}.logo-icon{width:1.75rem;height:1.75rem;background-color:var(--green-500);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:.75rem;font-weight:700;flex-shrink:0}.logo-name{font-weight:700;color:var(--stone-800);letter-spacing:-.025em}.nav{display:flex;gap:.25rem}.nav-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;border:none;cursor:pointer;background:none;color:var(--stone-500);font-family:inherit;transition:background-color .15s,color .15s}.nav-btn:hover{color:var(--stone-800);background-color:var(--stone-100)}.nav-btn--active{background-color:var(--green-500);color:var(--white);box-shadow:var(--shadow-sm)}.nav-btn--active:hover{background-color:var(--green-500);color:var(--white)}.nav-icon{display:none}@media(min-width:640px){.nav-icon{display:inline}}.main{max-width:56rem;margin:0 auto;padding:2rem 1rem}@media(min-width:640px){.main{padding:2rem 1.5rem}}.card{background-color:var(--white);border:1px solid var(--stone-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background-color .15s,color .15s,opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn--primary{background-color:var(--green-500);color:var(--white);box-shadow:var(--shadow-sm)}.btn--primary:hover{background-color:var(--green-600)}.btn--ghost{background-color:var(--stone-100);color:var(--stone-700)}.btn--ghost:hover{background-color:var(--stone-200)}.btn--danger{background-color:var(--red-50);color:var(--red-600);border:1px solid var(--red-200)}.btn--danger:hover{background-color:var(--red-100)}.btn--outline{background-color:transparent;color:var(--stone-700);border:1px solid var(--stone-300)}.btn--outline:hover{background-color:var(--stone-50)}.input{width:100%;border:1px solid var(--stone-300);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.875rem;font-family:inherit;outline:none;background-color:var(--white);color:var(--stone-800);transition:border-color .15s,box-shadow .15s}.input:focus{border-color:transparent;box-shadow:var(--focus-ring)}.select{width:100%;border:1px solid var(--stone-300);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.875rem;font-family:inherit;outline:none;background-color:var(--white);color:var(--stone-800);transition:border-color .15s,box-shadow .15s}.select:focus{border-color:transparent;box-shadow:var(--focus-ring)}.badge{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge--stone{background-color:var(--stone-100);color:var(--stone-600)}.badge--green{background-color:var(--green-100);color:var(--green-700)}.badge--blue{background-color:var(--sky-100);color:var(--sky-700)}.badge--primary{background-color:var(--green-100);color:var(--green-700)}.section-header{margin-bottom:1.5rem}.section-header__title{font-size:1.25rem;font-weight:700;color:var(--stone-800);letter-spacing:-.025em}.section-header__sub{font-size:.875rem;color:var(--stone-500);margin-top:.125rem}.form-label{display:block;font-size:.75rem;font-weight:600;color:var(--stone-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.management-grid{display:grid;gap:1.25rem}@media(min-width:768px){.management-grid{grid-template-columns:1fr 1fr}}.manager-card{padding:1.25rem}.manager-card__header{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--stone-700);margin-bottom:1rem}.manager-card__header-icon{font-size:1.125rem}.manager-card__add-row{display:flex;gap:.5rem;margin-bottom:1rem}.input-price-wrap{width:9rem;flex-shrink:0}.manager-card__list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.manager-card__empty{font-size:.875rem;color:var(--stone-400);text-align:center;padding:1rem 0}.manager-card__item{display:flex;align-items:center;justify-content:space-between;background-color:var(--stone-50);border-radius:var(--radius-md);padding:.5rem .75rem}.manager-card__item-name{font-size:.875rem;font-weight:500;color:var(--stone-700)}.manager-card__item-actions{display:flex;align-items:center;gap:.75rem}.report-selector{padding:1.25rem;margin-bottom:1.25rem}.report-selector__grid{display:grid;gap:1rem}@media(min-width:640px){.report-selector__grid{grid-template-columns:1fr 1fr}}.report-tasks{padding:1.25rem}.report-tasks__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.report-tasks__title{font-weight:600;color:var(--stone-700)}.report-tasks__employee{color:var(--green-600)}.report-tasks__date{color:var(--stone-400);font-weight:400;font-size:.875rem;margin-left:.5rem}.report-tasks__list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.report-task-row{display:flex;align-items:center;gap:.75rem;background-color:var(--stone-50);border-radius:var(--radius-md);padding:.625rem .75rem}.report-task-row__info{flex:1}.report-task-row__name{font-size:.875rem;font-weight:500;color:var(--stone-700)}.report-task-row__rate{font-size:.75rem;color:var(--stone-400)}.report-task-row__inputs{display:flex;align-items:center;gap:.5rem}.qty-input{width:5rem;border:1px solid var(--stone-300);border-radius:var(--radius-md);padding:.375rem .75rem;font-size:.875rem;text-align:right;font-family:inherit;outline:none;background-color:var(--white);transition:border-color .15s,box-shadow .15s}.qty-input:focus{border-color:transparent;box-shadow:var(--focus-ring)}.report-task-row__amount{font-size:.75rem;color:var(--stone-400);width:4rem;text-align:right}.report-tasks__footer{display:flex;justify-content:flex-end}.report-tasks__empty{font-size:.875rem;color:var(--stone-400);text-align:center;padding:1.5rem 0}.report-empty-state{text-align:center;padding:3rem 0;color:var(--stone-400)}.report-empty-state__icon{font-size:2.5rem;margin-bottom:.5rem}.report-empty-state__text{font-size:.875rem}.settlement-form{padding:1.25rem;margin-bottom:1.25rem}.settlement-form__grid{display:grid;gap:1rem}@media(min-width:640px){.settlement-form__grid{grid-template-columns:1fr 1fr auto;align-items:end}}.settlement-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.settlement-meta__text{font-size:.875rem;color:var(--stone-500)}.settlement-meta__period{font-weight:700;color:var(--stone-700)}.settlement-meta__generated{margin-left:.5rem;color:var(--stone-400)}.settlement-rows{display:flex;flex-direction:column;gap:.75rem}.settlement-row-card{overflow:hidden}.settlement-row__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;font-family:inherit;transition:background-color .15s}.settlement-row__toggle:hover{background-color:var(--stone-50)}.settlement-row__left{display:flex;align-items:center;gap:.75rem}.settlement-row__avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--green-100);color:var(--green-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.settlement-row__info{text-align:left}.settlement-row__name{font-weight:600;color:var(--stone-800)}.settlement-row__meta{font-size:.75rem;color:var(--stone-400)}.settlement-row__right{display:flex;align-items:center;gap:.75rem}.settlement-row__total{font-size:1.125rem;font-weight:700;color:var(--green-600)}.settlement-row__chevron{font-size:.875rem;color:var(--stone-400)}.settlement-breakdown{border-top:1px solid var(--stone-100);padding:0 1.25rem 1rem}.breakdown-table{width:100%;font-size:.875rem;border-collapse:collapse;margin-top:.75rem}.breakdown-table thead tr{font-size:.75rem;color:var(--stone-400);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--stone-100)}.breakdown-table th{padding-bottom:.5rem;font-weight:600}.breakdown-table th.col-left,.breakdown-table td.col-left{text-align:left}.breakdown-table th.col-right,.breakdown-table td.col-right{text-align:right}.breakdown-table tbody tr{border-bottom:1px solid var(--stone-50)}.breakdown-table tbody tr:last-child{border-bottom:none}.breakdown-table td{padding:.375rem 0}.breakdown-table .col-date{color:var(--stone-500)}.breakdown-table .col-task{color:var(--stone-700)}.breakdown-table .col-qty{color:var(--stone-600)}.breakdown-table .col-rate{color:var(--stone-400)}.breakdown-table .col-amount{color:var(--stone-700);font-weight:500}.breakdown-table tfoot td{padding-top:.75rem}.breakdown-table .tfoot-label{font-size:.75rem;font-weight:600;color:var(--stone-500);text-transform:uppercase;letter-spacing:.05em}.breakdown-table .tfoot-total{font-weight:700;color:var(--green-600)}.settlement-empty{padding:2.5rem;text-align:center}.settlement-empty__icon{font-size:1.875rem;margin-bottom:.5rem}.settlement-empty__text{font-size:.875rem;color:var(--stone-500)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--green-50) 0%,var(--stone-50) 100%);padding:1rem}.auth-container{width:100%;max-width:400px}.auth-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;padding:2rem;width:100%;max-width:400px}@media(max-width:640px){.auth-card{padding:1.5rem;border-radius:var(--radius-md)}}.auth-header{margin-bottom:2rem}.auth-header .logo{margin-bottom:1rem}.auth-subtitle{font-size:.875rem;color:var(--stone-500);margin:0}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.75rem;font-weight:600;color:var(--stone-600);text-transform:uppercase;letter-spacing:.05em}.auth-error{padding:.75rem;background-color:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-sm);color:var(--red-600);font-size:.875rem}.auth-message{padding:.75rem;background-color:var(--green-100);border:1px solid var(--green-700);border-radius:var(--radius-sm);color:var(--green-700);font-size:.875rem}.auth-toggle{text-align:center;margin-top:1rem}.auth-toggle p{font-size:.875rem;color:var(--stone-600);margin:0}.auth-toggle-btn{background:none;border:none;color:var(--green-600);cursor:pointer;font-weight:600;padding:0 .25rem;text-decoration:underline;font-size:.875rem}.auth-toggle-btn:hover{color:var(--green-700)}p.auth-tos-accept{margin-top:.5rem;color:var(--stone-500);font-size:.75rem}p.auth-tos-accept>a{color:var(--stone-500);text-decoration:underline}.error-message{padding:1rem;margin:1rem;background-color:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-md);color:var(--red-600);font-size:.875rem}.loading-state{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--stone-500);font-size:.875rem}.btn--small{padding:.375rem .75rem;font-size:.75rem}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(max-width:640px){.header-inner{padding:0 1rem;gap:.5rem}.logo-name{font-size:.875rem}.nav-btn{font-size:.625rem;padding:.375rem .5rem}.nav-icon{margin-right:.25rem}}