body{margin:0;padding:0}:root{--primary: #005FB8;--primary-dark: #004a8f;--secondary: #108542;--secondary-dark: #0d6b35;--accent: #EBF4FF;--text-main: #1A1C1E;--text-secondary: #5F6368;--bg-app: #F8FAFC;--card-bg: #FFFFFF;--border-color: #E2E8F0;--principal-color: #00B4D8;--interest-color: #FF5E8E;--downpayment-color: #FFD166;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 10px 15px -3px rgba(0,0,0,.1);--radius-lg: 16px;--radius-md: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Sarabun,Kanit,sans-serif;background-color:var(--bg-app);color:var(--text-main);line-height:1.6;overflow-x:hidden;min-height:100vh;width:100%;position:relative}.app-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;position:relative;z-index:1}.view{display:none;animation:fadeIn .4s ease-out}.view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;flex-direction:column;align-items:center;gap:4px}.app-brand-name{font-family:Kanit,sans-serif;font-weight:700;font-size:1.1rem;color:var(--primary);letter-spacing:.5px;line-height:1}h1{font-family:Kanit,sans-serif;font-size:2.5rem;font-weight:600;color:var(--text-main)}.app-header p{color:var(--text-secondary);font-size:1.1rem}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;border:1px solid var(--border-color)}.calculator-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}.calc-inputs{background:#fff}.card-header h2{font-family:Kanit,sans-serif;font-size:1.5rem;margin-bottom:2rem;color:#1a1c1e}.input-group{margin-bottom:2.5rem}.label-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.step-num{background:var(--primary);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.label-row label{font-weight:500;font-size:1.1rem;color:var(--text-main)}.help-icon{width:18px;height:18px;color:#bcc1c8;cursor:pointer}.value-display{margin-left:auto;border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;font-family:Sarabun,sans-serif;font-size:1.1rem;font-weight:600;width:140px;text-align:right;background:#f8f9fa}.value-display.small{width:80px}.value-display.wide{width:160px}.value-display.exceeded{color:var(--primary);border-color:var(--primary);background:#005fb80d}.input-with-unit{margin-left:auto;display:flex;align-items:center;gap:.5rem}.unit{color:var(--text-secondary);font-size:1.1rem}.mode-switcher{display:flex;background:#f1f3f4;border-radius:8px;padding:3px;margin-left:auto;margin-right:15px}.mode-btn{border:none;background:transparent;padding:4px 12px;border-radius:6px;font-family:Sarabun,sans-serif;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.mode-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 4px #0000001a}.slider-container input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#e2e8f0;border-radius:5px;outline:none;margin:1.5rem 0}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:#fff;border:3px solid var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .1s ease}.slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-labels{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.slider-labels span.exceeded{color:var(--primary);font-weight:700}.primary-btn{width:100%;padding:1.25rem;background:var(--secondary);color:#fff;border:none;border-radius:10px;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:500;cursor:pointer;transition:all .3s ease}.primary-btn:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #10854233}.results-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:1.5rem}.results-header{background:var(--primary);color:#fff;padding:1rem;text-align:center}.results-header h3{font-family:Kanit,sans-serif;font-weight:400;font-size:1.2rem}.results-body{padding:2rem}.monthly-payment-panel{background:#e9f2fa;border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:2rem}.monthly-payment-panel .label{display:block;color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.payment-value{font-family:Kanit,sans-serif;font-size:3rem;font-weight:600;color:#1a1c1e;line-height:1}.payment-value .currency{font-size:1.8rem;margin-right:4px}.monthly-payment-panel .unit-label{color:var(--text-secondary)}.chart-container{position:relative;height:250px;margin-bottom:2rem}.chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100px;pointer-events:none}#chart-term-label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.stats-grid{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #F1F3F4}.stat-item.total{border-bottom:none;margin-top:.5rem;font-weight:700}.stat-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.stat-item.total .stat-label{color:var(--text-main)}.dot{width:10px;height:10px;border-radius:50%}.dot.principal{background-color:var(--principal-color)}.dot.interest{background-color:var(--interest-color)}.dot.downpayment{background-color:var(--downpayment-color)}.stat-value{font-weight:600}.secondary-btn{width:100%;padding:1.5rem;background:#fff;border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;text-align:left;cursor:pointer;transition:background .2s}.secondary-btn:hover{background:#f8fafc}.secondary-btn span{font-family:Kanit,sans-serif;font-weight:500;font-size:1.1rem;display:block}.secondary-btn p{font-size:.85rem;color:var(--text-secondary);margin:0}.secondary-btn i{margin-left:auto;color:var(--primary)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.table-header h1{font-size:1.8rem}.table-actions{margin-bottom:2rem;display:flex;justify-content:flex-start}.back-link-v2{background:#fff;border:1px solid var(--primary);color:var(--primary);padding:12px 20px;border-radius:12px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d}.back-link-v2:hover{background:#f0f7ff;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.edit-hint{display:flex;align-items:center;gap:8px;color:#475569;font-size:.95rem;background:#f1f5f9;padding:10px 16px;border-radius:10px}.edit-hint i{color:var(--primary-color)}.export-group{display:flex;gap:10px}.download-btn-v2{background:#fff;border:1px solid #cbd5e1;color:#475569;padding:10px 18px;border-radius:10px;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.download-btn-v2:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b}.action-buttons{display:flex;gap:15px;margin-bottom:2rem;align-items:center;flex-wrap:wrap}.spacer{flex:1}.table-view-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start}@media(max-width:1100px){.calculator-grid,.table-view-grid{grid-template-columns:1fr}}.table-summary{display:flex;flex-direction:column;gap:1.5rem}.summary-item{display:flex;align-items:center;gap:1rem}.icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.icon-circle.down{background-color:var(--downpayment-color)}.icon-circle.loan{background-color:#108542}.icon-circle.term{background-color:#005fb8}.icon-circle.rate{background-color:#03a9f4}.icon-circle.monthly{background-color:#ff9800}.summary-item .label{display:block;font-size:.85rem;color:var(--text-secondary)}.summary-item .text span:last-child{font-weight:700;font-size:1.1rem}.table-container h3{margin-bottom:1.5rem}.table-wrapper{overflow-x:auto;max-height:600px;overflow-y:auto}table{width:100%;border-collapse:collapse;min-width:500px}thead th{position:sticky;top:0;background:#f8fafc;color:var(--text-secondary);font-weight:500;text-align:left;padding:1rem;border-bottom:2px solid var(--border-color)}tbody td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.95rem}tbody tr:nth-child(2n){background:#f9fbfc}tbody tr:hover{background:#f1f5f9}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.blob{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(80px);opacity:.1}.blob-1{background:var(--primary);top:-200px;right:-200px}.blob-2{background:var(--secondary);bottom:-200px;left:-200px}@media(max-width:768px){.app-container{padding:1rem .5rem;overflow-x:hidden}.card{padding:1rem;max-width:100%;overflow:hidden}.calculator-grid,.table-view-grid{gap:1rem;max-width:100%}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0;width:100%}table{min-width:1000px;border-collapse:separate;border-spacing:0;font-size:1rem}thead th:nth-child(1),tbody td:nth-child(1){position:sticky;left:0;z-index:10;background:#fff!important;border-right:1px solid var(--border-color);width:80px;min-width:80px}thead th:nth-child(2),tbody td:nth-child(2){position:sticky;left:80px;z-index:10;background:#fff!important;border-right:2px solid var(--border-color);box-shadow:4px 0 8px #0000001a;width:110px;min-width:110px}thead th{z-index:20!important;background:#f8fafc!important;top:0;font-size:1rem}thead th:nth-child(1),thead th:nth-child(2){z-index:30!important}tbody tr:nth-child(2n) td:nth-child(1),tbody tr:nth-child(2n) td:nth-child(2){background:#f9fbfc}.table-header{flex-direction:column;align-items:flex-start;gap:1rem}.action-buttons{width:100%;display:flex;overflow-x:auto;gap:10px;padding-bottom:5px}}@media(max-width:600px){h1{font-size:1.6rem}.payment-value{font-size:2.2rem}.value-display{width:130px!important}.value-display.small{width:80px!important}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}.lucide-chevron-right:after{content:">";margin-left:auto;color:var(--primary);font-weight:700}.lucide-chevron-left:before{content:"<";margin-right:8px;color:var(--primary);font-weight:700}.lucide-link:before{content:"🔗";margin-right:4px}.lucide-download:before{content:"⬇️";margin-right:6px}.lucide-info:before{content:"ℹ️";margin-right:8px}.lucide-file-text:before{content:"📄";margin-right:6px}.lucide-file-spreadsheet:before{content:"📗";margin-right:6px}.primary-btn:disabled{background:#ccc;cursor:not-allowed}.app-footer{margin-top:4rem;padding:3rem 1rem;text-align:center;border-top:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.brand-element p{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem}.brand-link{color:var(--primary);text-decoration:none;font-weight:700;transition:color .2s}.brand-link:hover{color:#ff5e8e}.footer-tagline{font-size:.85rem;color:var(--text-secondary);opacity:.6;margin-bottom:.5rem}.footer-app-info{font-size:.75rem;color:var(--text-secondary);opacity:.4;letter-spacing:1px;font-weight:500}.footer-app-info .v-num{margin-left:4px}.footer-disclaimer{max-width:650px;margin:0 auto;font-size:.75rem;color:var(--text-secondary);line-height:1.6;padding:1rem 1.5rem;background:#00b4d80a;border:1px solid rgba(0,180,216,.15);border-radius:12px;text-align:left;display:flex;gap:12px;align-items:flex-start}.footer-disclaimer i{color:var(--primary);font-size:1.1rem;flex-shrink:0;margin-top:2px}.footer-disclaimer span{opacity:.8}@media(max-width:600px){.app-footer{padding:2rem 1rem;margin-top:2rem}}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.flatpickr-calendar{background:#fff;box-shadow:0 10px 30px #0000001a!important;border-radius:1rem!important;border:none!important;font-family:Sarabun,sans-serif}.flatpickr-day.selected{background:var(--primary)!important;border-color:var(--primary)!important}.toast-success{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#06c755;color:#fff;padding:12px 24px;border-radius:50px;box-shadow:0 10px 25px #06c7554d;z-index:9999;font-weight:600;pointer-events:none}.slide-up-enter-active,.slide-up-leave-active{transition:all .4s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translate(-50%) translateY(-100px);opacity:0}.share-box-home{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed rgba(0,180,216,.2)}.share-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.6rem;text-align:center}.share-buttons{display:flex;gap:8px;justify-content:center}.share-btn{width:28px;height:28px;border-radius:50%;border:none;color:#fff;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.share-btn.fb{background:#1877f2}.share-btn.line{background:#06c755}.share-btn.x{background:#000}.copy-btn{padding:4px 12px;border-radius:20px;border:1px solid var(--primary);background:#fff;color:var(--primary);font-size:.75rem;cursor:pointer}.payment-display-group{cursor:pointer;transition:transform .2s}.home-edit-hint{display:flex;justify-content:center;align-items:center;gap:6px;font-size:.85rem;color:var(--primary);opacity:.8;margin-top:10px;margin-bottom:10px}.payment-input{width:100%;max-width:250px;font-size:2.2rem;font-weight:700;text-align:center;border:2px solid var(--primary);border-radius:1rem;color:var(--primary);background:#00b4d80d;margin-bottom:10px}.edit-actions{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.save-btn,.reset-btn{padding:5px 15px;border-radius:.5rem;font-size:.9rem;cursor:pointer;border:none}.save-btn{background:var(--primary);color:#fff}.reset-btn{background:#eee;color:#666}.extra-pay-tag{display:inline-block;background:#ff5e8e;color:#fff;padding:2px 10px;border-radius:20px;font-size:.85rem;margin-top:5px}.loading-state-overlay[data-v-e066b75f]{text-align:center;padding:8rem 0;width:100%;grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.loading-state-overlay p[data-v-e066b75f]{font-size:1.1rem;color:var(--text-secondary);font-weight:500;margin:0;animation:pulseText-e066b75f 1.5s infinite}.elegant-spinner[data-v-e066b75f]{width:45px;height:45px;border-radius:50%;border:4px solid rgba(0,180,216,.1);border-top-color:var(--primary);border-right-color:var(--primary);animation:spin-e066b75f .8s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes spin-e066b75f{to{transform:rotate(360deg)}}@keyframes pulseText-e066b75f{0%,to{opacity:.7}50%{opacity:1}}.is-refreshing[data-v-e066b75f]{opacity:.7;pointer-events:none;transition:opacity .2s}.action-buttons[data-v-e066b75f]{display:flex;gap:.75rem;width:100%;margin-bottom:1.5rem;align-items:center}.spacer[data-v-e066b75f]{flex:1}.active-mode[data-v-e066b75f]{background:var(--primary)!important;color:#fff!important}.rate-cell[data-v-e066b75f]{color:#8e4ed0!important;font-weight:700}.rate-badge[data-v-e066b75f]{background:#8e4ed0!important}.table-header-group[data-v-e066b75f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.edit-tip[data-v-e066b75f]{font-size:.8rem;color:var(--primary);font-weight:400;margin-left:10px}.has-custom[data-v-e066b75f]{background:#00b4d808}.clickable-cell[data-v-e066b75f]{cursor:pointer;color:var(--primary);font-weight:600;position:relative}.clickable-cell[data-v-e066b75f]:hover{background:#00b4d814}.inline-edit input[data-v-e066b75f]{width:90px;padding:6px;border:1px solid var(--primary);border-radius:4px;text-align:right;font-size:1rem}.date-edit[data-v-e066b75f] input{width:105px!important;text-align:center;font-family:Sarabun,sans-serif;cursor:pointer}.custom-badge[data-v-e066b75f]{position:absolute;top:-5px;right:-5px;background:#ff5e8e;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;z-index:5}.date-badge[data-v-e066b75f]{background:#06c755}.year-col[data-v-e066b75f]{background:#00b4d80d;font-weight:600;color:var(--primary)}[data-v-e066b75f] .flatpickr-calendar{background:#fff;box-shadow:0 10px 30px #0000001a!important;border-radius:1rem!important;border:none!important;font-family:Sarabun,sans-serif}[data-v-e066b75f] .flatpickr-day.selected{background:var(--primary)!important;border-color:var(--primary)!important}.share-box[data-v-e066b75f]{margin-top:2rem;padding-top:1.5rem;border-top:1px dashed #ddd}.share-label[data-v-e066b75f]{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.8rem;text-align:center}.share-buttons[data-v-e066b75f]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.share-btn[data-v-e066b75f]{width:32px;height:32px;border-radius:50%;border:none;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.share-btn.fb[data-v-e066b75f]{background:#1877f2}.share-btn.line[data-v-e066b75f]{background:#06c755}.share-btn.x[data-v-e066b75f]{background:#000}.share-btn[data-v-e066b75f]:hover{transform:translateY(-3px)}.copy-btn[data-v-e066b75f]{flex:1;min-width:100px;padding:6px 12px;border-radius:20px;border:1px solid var(--primary);background:#fff;color:var(--primary);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}table th[data-v-e066b75f]{position:sticky;top:0;z-index:10;background:#f8fafc;box-shadow:0 2px 2px -1px #0000000d}table th[data-v-e066b75f],table td[data-v-e066b75f]{padding:1.2rem .8rem;font-size:1rem}table th[data-v-e066b75f]:nth-child(1),table td[data-v-e066b75f]:nth-child(1),table th[data-v-e066b75f]:nth-child(2),table td[data-v-e066b75f]:nth-child(2),table th[data-v-e066b75f]:nth-child(3),table td[data-v-e066b75f]:nth-child(3){text-align:center}table th[data-v-e066b75f]:nth-child(4),table td[data-v-e066b75f]:nth-child(4),table th[data-v-e066b75f]:nth-child(5),table td[data-v-e066b75f]:nth-child(5),table th[data-v-e066b75f]:nth-child(6),table td[data-v-e066b75f]:nth-child(6),table th[data-v-e066b75f]:nth-child(7),table td[data-v-e066b75f]:nth-child(7),table th[data-v-e066b75f]:nth-child(8),table td[data-v-e066b75f]:nth-child(8){text-align:right}@media(max-width:768px){.action-buttons[data-v-e066b75f]{flex-wrap:wrap}.spacer[data-v-e066b75f]{display:none}.download-btn[data-v-e066b75f]{flex:1;justify-content:center}table th[data-v-e066b75f],table td[data-v-e066b75f]{padding:.8rem .5rem;font-size:.95rem}}