: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:auto;padding:10px;display:block!important}.paper{margin:0}.no-mobile{display:none!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]{border:none;border-bottom:1px dotted var(--text-color);background:transparent;font-family:inherit;font-size:inherit;padding:4px;width:100%}.paper input: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}
