:root{--primary-color: #2c3e50;--text-color: #333;--border-color: #ccc;--bg-color: #f9f9f9;--paper-color: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:Sarabun,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.paper{background:var(--paper-color);width:210mm;min-height:auto;margin:20px auto;padding:5mm 10mm;box-shadow:0 0 10px #0000001a;position:relative;transform-origin:top center}@media screen and (max-width:768px){.paper-container{overflow-x:hidden!important;padding:10px 0!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;width:100%!important}.paper{margin:0 auto!important;width:210mm!important;min-width:210mm!important;flex-shrink:0!important;transform:scale(calc((100vw - 24px) / 810))!important;transform-origin:top center!important;box-shadow:none!important}.paper[style*="height: 297mm"],.paper[style*="height:297mm"]{margin-bottom:calc(-297mm * (1 - ((100vw - 24px) / 810)))!important}.paper:not([style*="height: 297mm"]):not([style*="height:297mm"]){margin-bottom:calc(-120% * (1 - ((100vw - 24px) / 810)))!important}.no-mobile{display:none!important}}.dashboard-container{padding:16px;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.banner-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}@media screen and (max-width:768px){.dashboard-container{padding:8px}}@media screen and (max-width:576px){.dashboard-header{flex-direction:column;align-items:flex-start}.banner-actions{flex-direction:column!important;align-items:stretch!important;width:100%!important}.banner-actions input,.banner-actions button{width:100%!important}}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--primary-color)}.paper input[type=text],.paper input[type=date],.paper input[type=number],.paper input[type=time],.paper select{border:none;border-bottom:1px dotted var(--text-color);background:transparent;font-family:inherit;font-size:inherit;padding:4px;width:100%}.paper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;text-align:center;text-align-last:center}.paper input:focus,.paper select:focus{outline:none;border-bottom:1px solid var(--primary-color);background-color:#00000005}.row{display:flex;gap:10px;align-items:baseline;margin-bottom:2px}.col{display:flex;flex-direction:column}.field{display:flex;align-items:baseline;white-space:nowrap}.field label{margin-right:5px;font-weight:500}.field input{flex-grow:1}.dotted-line{border-bottom:1px dotted #999;flex-grow:1;margin:0 5px;min-width:50px}.signature-area{margin-top:50px;display:flex;justify-content:space-between}.signature-box{text-align:center;width:40%}.signature-line{border-bottom:1px solid var(--text-color);height:40px;margin-bottom:10px}@media print{@page{size:A4;margin:0}html,body{height:auto!important;overflow:visible!important}body{background:none}.no-print{display:none!important}.paper-container{overflow:visible!important}.paper{margin:0!important;box-shadow:none!important;width:100%!important;min-height:auto!important;height:auto!important;padding:10mm!important;page-break-after:avoid;page-break-before:avoid;page-break-inside:avoid}.paper *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.signature-section{page-break-inside:avoid}}.ant-btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.ant-btn-primary:hover{background-color:#3e5871;border-color:#3e5871}.glass-card{background:#ffffff40;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid rgba(255,255,255,.18)}.custom-contract-steps .ant-steps-item-process .ant-steps-item-icon{background-color:#1890ff;border-color:#1890ff}.custom-contract-steps .ant-steps-item-wait .ant-steps-item-icon{border-color:#d9d9d9;background-color:#fff}.custom-contract-steps .ant-steps-item-finish .ant-steps-item-icon{border-color:#1890ff;background-color:#fff}.custom-contract-steps .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon{color:#1890ff}.ant-table-wrapper .ant-table-tbody>tr.ant-table-row-selected>td{background-color:#e6f7ff!important}.ant-table-wrapper .ant-table-tbody>tr.ant-table-row-selected:hover>td{background-color:#bae7ff!important}.signatures{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}.signature-block{width:45%;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.paper input[type=text]{text-align:left}.paper input.center-text{text-align:center}.signature-input{flex-grow:0!important;text-align:center!important}.header-logo{text-align:center;margin-bottom:20px}.header-logo p{margin:0;line-height:1.4}.custom-sidebar{background:#0f172a!important;box-shadow:0 0 0 1px #ffffff0d!important;border-right:none!important}.custom-sidebar .ant-layout-sider-trigger{background:#0f172a!important;color:#94a3b8!important;border-top:1px solid rgba(255,255,255,.05)}.custom-menu{background:transparent!important;border-right:none!important;padding:16px 8px}.custom-menu .ant-menu-item{color:#94a3b8!important;margin:4px 0!important;width:100%!important;border-radius:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;font-weight:500!important}.custom-menu .ant-menu-item:hover{color:#f8fafc!important;background:#ffffff0d!important}.custom-menu .ant-menu-item-selected{background:linear-gradient(135deg,#0ea5e9,#3b82f6)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #0ea5e940!important}.custom-menu .ant-menu-item-selected .anticon{color:#fff!important}.custom-menu .ant-menu-submenu-title{color:#94a3b8!important}.custom-menu .ant-menu-submenu-title:hover{color:#e2e8f0!important}.sidebar-header{height:80px;display:flex!important;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:8px;background:#0003}.sidebar-brand-text{font-family:Outfit,Sarabun,sans-serif;font-weight:700;background:linear-gradient(to right,#fff,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;font-size:18px}.sidebar-footer{border-top:1px solid rgba(255,255,255,.05);background:#0003}.tier-badge-container{padding:16px 12px;transition:all .3s ease}.tier-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0003}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.premium-sys-alert{animation:slideDownFade .5s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border-radius:16px;padding:16px 24px;margin-bottom:16px;box-shadow:0 10px 30px -10px #00000014;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-sys-alert:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,transparent 100%);pointer-events:none}.premium-sys-alert:hover{transform:translateY(-2px);box-shadow:0 12px 35px -8px #0000001f}.premium-sys-alert-info{background:#e6f4ffbf;border:1px solid rgba(145,213,255,.4);border-left:5px solid #1890ff!important}.premium-sys-alert-info .sys-icon{color:#1890ff}.premium-sys-alert-info:hover{border-color:#91d5ffcc}.premium-sys-alert-success{background:#f6ffedbf;border:1px solid rgba(183,235,143,.4);border-left:5px solid #52c41a!important}.premium-sys-alert-success .sys-icon{color:#52c41a}.premium-sys-alert-success:hover{border-color:#b7eb8fcc}.premium-sys-alert-warning{background:#fffbe6bf;border:1px solid rgba(255,229,143,.4);border-left:5px solid #fa8c16!important}.premium-sys-alert-warning .sys-icon{color:#fa8c16}.premium-sys-alert-warning:hover{border-color:#ffe58fcc}.premium-sys-alert-error{background:#fff1f0bf;border:1px solid rgba(255,204,199,.4);border-left:5px solid #f5222d!important}.premium-sys-alert-error .sys-icon{color:#f5222d}.premium-sys-alert-error:hover{border-color:#ffccc7cc}.glow-info{filter:drop-shadow(0 0 8px rgba(24,144,255,.3))}.glow-success{filter:drop-shadow(0 0 8px rgba(82,196,26,.3))}.glow-warning{filter:drop-shadow(0 0 8px rgba(250,140,22,.3))}.glow-error{filter:drop-shadow(0 0 8px rgba(245,34,45,.3))}.sys-close-btn{background:#0000000a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8c8c8c;transition:all .2s}.sys-close-btn:hover{background:#0000001a;color:#262626;transform:rotate(90deg)}.sys-tag{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 8px;border-radius:4px;margin-bottom:4px;display:inline-block}.sys-tag-info{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.sys-tag-success{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.sys-tag-warning{background:#fffbe6;color:#fa8c16;border:1px solid #ffe58f}.sys-tag-error{background:#fff1f0;color:#f5222d;border:1px solid #ffccc7}.sys-updates-timeline{position:relative;padding:10px 0}.sys-updates-timeline:before{content:"";position:absolute;top:0;bottom:0;left:20px;width:2px;background:#e2e8f0}.sys-update-item{position:relative;padding-left:48px;margin-bottom:24px;animation:slideDownFade .6s cubic-bezier(.16,1,.3,1) forwards}.sys-update-item:last-child{margin-bottom:0}.sys-update-badge{position:absolute;left:8px;top:4px;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #3b82f6;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 4px #fff;transition:all .3s ease}.sys-update-item:hover .sys-update-badge{transform:scale(1.15);box-shadow:0 0 0 6px #fff,0 4px 10px #3b82f640}.sys-update-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;transition:all .3s cubic-bezier(.4,0,.2,1)}.sys-update-item:hover .sys-update-content-card{transform:translate(4px);border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005}.sys-update-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.sys-update-tag-feature{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7e22ce;border:1px solid #d8b4fe}.sys-update-tag-improvement{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1;border:1px solid #7dd3fc}.sys-update-tag-bugfix{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;border:1px solid #fcd34d}.sys-update-tag-maintenance{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid #cbd5e1}.public-booking-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#f8fafc;padding:40px 20px;position:relative;overflow:hidden;font-family:Sarabun,sans-serif}.public-booking-container:before{content:"";position:absolute;top:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.public-booking-container:after{content:"";position:absolute;bottom:-10%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.glassmorphic-booking-card{background:#1e293bb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 20px 50px #0000004d;padding:32px;transition:all .3s ease}.glassmorphic-booking-card:hover{border-color:#ffffff1f;box-shadow:0 25px 60px #00000059}.glassmorphic-input .ant-form-item-label>label{color:#94a3b8!important}.glassmorphic-input input,.glassmorphic-input textarea,.glassmorphic-input .ant-select-selector,.glassmorphic-input .ant-picker,.glassmorphic-input .ant-input-affix-wrapper{background:#0f172a80!important;border:1px solid rgba(255,255,255,.12)!important;color:#f8fafc!important;border-radius:8px!important;transition:all .2s!important}.glassmorphic-input .ant-input-affix-wrapper input{background:transparent!important;border:none!important;color:inherit!important;padding:0!important}.glassmorphic-input input::placeholder,.glassmorphic-input textarea::placeholder,.glassmorphic-input .ant-input-affix-wrapper input::placeholder{color:#9e9e9e80!important}.glassmorphic-input input:focus,.glassmorphic-input textarea:focus,.glassmorphic-input .ant-select-focused .ant-select-selector,.glassmorphic-input .ant-picker-focused,.glassmorphic-input .ant-input-affix-wrapper-focused{border-color:#0ea5e9!important;box-shadow:0 0 0 2px #0ea5e933!important}.glassmorphic-input .booking-date-input.ant-input-affix-wrapper{border-color:#0ea5e9!important;color:#0ea5e9!important}.public-calendar-cell{height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:4px;border-radius:8px}.public-calendar-cell .day-num{font-size:13px;font-weight:500;color:#94a3b8}.public-calendar-cell.booked{background:#ef444426;border:1px solid rgba(239,68,68,.25)}.public-calendar-cell.booked .day-num{color:#ef4444;font-weight:700}.public-calendar-cell.available{background:#10b98114;border:1px solid rgba(16,185,129,.15)}.public-calendar-cell.available .day-num{color:#10b981}.public-calendar-tag{font-size:9px;font-weight:700;padding:1px 4px;border-radius:4px;margin-top:2px;text-align:center;width:100%;display:block}.public-calendar-tag.booked{background:#ef4444;color:#fff}.public-calendar-tag.available{background:#10b981;color:#fff}.success-modal-root .ant-modal-mask{background-color:#0f172abf!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.success-modal-root .ant-modal-content,.success-modal .ant-modal-content,.success-modal.ant-modal .ant-modal-content,body .success-modal.ant-modal .ant-modal-content{background:#1e293b!important;background-color:#1e293b!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;color:#f8fafc!important;box-shadow:0 20px 40px #00000080!important;padding:32px 24px!important}.success-modal-root .ant-modal-header,.success-modal .ant-modal-header,.success-modal.ant-modal .ant-modal-header,body .success-modal.ant-modal .ant-modal-header{background:transparent!important;background-color:transparent!important;border:none!important}.success-modal-root .ant-modal-title,.success-modal .ant-modal-title,.success-modal.ant-modal .ant-modal-title,body .success-modal.ant-modal .ant-modal-title{color:#fff!important}.success-modal-root .ant-modal-close,.success-modal .ant-modal-close,.success-modal.ant-modal .ant-modal-close{color:#ffffff73!important}.success-modal-root .ant-modal-close:hover,.success-modal .ant-modal-close:hover,.success-modal.ant-modal .ant-modal-close:hover{color:#fff!important;background:#ffffff14!important}.success-modal-btn.ant-btn,.success-modal-btn.ant-btn-primary,.success-modal-btn{background:linear-gradient(135deg,#0ea5e9,#3b82f6)!important;border:none!important;color:#fff!important;border-radius:8px!important;padding:0 40px!important;font-weight:700!important;box-shadow:0 4px 12px #0ea5e94d!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:42px!important;cursor:pointer!important;transition:all .3s ease!important}.success-modal-btn.ant-btn:hover,.success-modal-btn.ant-btn-primary:hover,.success-modal-btn:hover{background:linear-gradient(135deg,#0284c7,#2563eb)!important;box-shadow:0 6px 16px #0ea5e966!important;color:#fff!important;transform:translateY(-1px)!important}body .glassmorphic-booking-card .ant-select{background:#0f172ab3!important;border-radius:8px!important}body .glassmorphic-booking-card .ant-select .ant-select-selector{background:transparent!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important}body .glassmorphic-booking-card .ant-select .ant-select-selection-item,body .glassmorphic-booking-card .ant-select-single .ant-select-selector .ant-select-selection-item,body .glassmorphic-booking-card .ant-select-selection-search-input,.glassmorphic-booking-card .ant-select-selection-item{color:#fff!important;-webkit-text-fill-color:#ffffff!important;font-weight:600!important}body .glassmorphic-booking-card .ant-select-arrow{color:#fffc!important}.premium-dark-dropdown,body .premium-dark-dropdown,body .premium-dark-dropdown.ant-select-dropdown,.glassmorphic-booking-card .ant-select-dropdown{background-color:#1e293b!important;background:#1e293b!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;box-shadow:0 10px 30px #0006!important;padding:4px!important}.premium-dark-dropdown .ant-select-dropdown-menu,body .premium-dark-dropdown .ant-select-dropdown-menu,.glassmorphic-booking-card .ant-select-dropdown .ant-select-dropdown-menu{background:#1e293b!important;background-color:#1e293b!important}.premium-dark-dropdown .ant-select-item,.premium-dark-dropdown .ant-select-item-option,body .premium-dark-dropdown .ant-select-item-option,.glassmorphic-booking-card .ant-select-dropdown .ant-select-item-option{color:#ffffffd9!important;-webkit-text-fill-color:rgba(255,255,255,.85)!important;background:transparent!important;background-color:transparent!important;border-radius:6px!important;margin:2px 0!important;transition:all .2s ease!important}.premium-dark-dropdown .ant-select-item-option-content,body .premium-dark-dropdown .ant-select-item-option-content,.glassmorphic-booking-card .ant-select-dropdown .ant-select-item-option-content{color:#ffffffd9!important;-webkit-text-fill-color:rgba(255,255,255,.85)!important}.premium-dark-dropdown .ant-select-item-option-active,.premium-dark-dropdown .ant-select-item-option:hover,body .premium-dark-dropdown .ant-select-item-option-active,body .premium-dark-dropdown .ant-select-item-option:hover,.glassmorphic-booking-card .ant-select-dropdown .ant-select-item-option-active,.glassmorphic-booking-card .ant-select-dropdown .ant-select-item-option:hover{background-color:#ffffff14!important;background:#ffffff14!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important}.premium-dark-dropdown .ant-select-item-option-active .ant-select-item-option-content,.premium-dark-dropdown .ant-select-item-option:hover .ant-select-item-option-content,body .premium-dark-dropdown .ant-select-item-option-active .ant-select-item-option-content,body .premium-dark-dropdown .ant-select-item-option:hover .ant-select-item-option-content,.glassmorphic-booking-card .ant-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,.glassmorphic-booking-card .ant-select-dropdown .ant-select-item-option:hover .ant-select-item-option-content{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.premium-dark-dropdown .ant-select-item-option-selected,body .premium-dark-dropdown .ant-select-item-option-selected,.glassmorphic-booking-card .ant-select-dropdown .ant-select-item-option-selected{background-color:#0ea5e9!important;background:#0ea5e9!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;font-weight:700!important}.premium-dark-dropdown .ant-select-item-option-selected .ant-select-item-option-content,body .premium-dark-dropdown .ant-select-item-option-selected .ant-select-item-option-content,.glassmorphic-booking-card .ant-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content{color:#fff!important;-webkit-text-fill-color:#ffffff!important;font-weight:700!important}