@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;color:#1b354a;background:#f5f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:11px;padding:11px 16px;font-weight:650;transition:background .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #68c8e0;outline-offset:2px}input,textarea,select{color:#18394b}h1,h2,p{overflow-wrap:break-word}h1{font-size:clamp(24px,3vw,32px);letter-spacing:-.035em;margin:8px 0}h2{letter-spacing:-.025em}p{line-height:1.65}small{color:#708596}section{background:#fff;border:1px solid #e5edf5;border-radius:18px;padding:25px;margin:22px 0;box-shadow:0 6px 22px #143f6207}.center{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 10% 10%,#d6f6f4,transparent 36%),radial-gradient(circle at 90% 85%,#dceaff,transparent 42%),#f5f9fd}.center form,.center article{width:min(100%,435px);background:#fff;padding:38px;border:1px solid #e4edf4;border-radius:24px;box-shadow:0 25px 75px #164b6c1c}.center label{display:block;margin:19px 0;font-weight:650}.center input{display:block;width:100%;margin-top:9px;padding:13px 14px;border:1px solid #cfdfe9;border-radius:11px}.center button{background:#086d91;color:#fff;width:100%;margin-top:10px}.center button[type=button]{background:#e9f4f8;color:#135b74}.symbol{width:60px;height:60px;display:grid;place-items:center;background:#e0f5f7;border-radius:18px;font-size:33px}.layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(160deg,#102c47,#0c2841 65%,#123d55);color:#fff;width:266px;flex-shrink:0;padding:28px 15px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:2px 10px 34px}.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,#28bbcc,#1181b0);width:47px;height:47px;border-radius:15px;color:#fff;box-shadow:0 8px 24px #0dbbd142}.brand strong{font-size:21px;letter-spacing:-.04em}.brand small{display:block;color:#a9c8d8;font-size:11px;letter-spacing:.04em;margin-top:2px}.nav-caption{color:#7598af;font-size:10px;letter-spacing:.15em;font-weight:800;margin:5px 15px 13px}.sidebar nav{display:grid;gap:5px;overflow-y:auto}.sidebar nav button{display:flex;align-items:center;gap:13px;text-align:left;color:#c7d9e5;background:transparent;padding:13px 14px;border-radius:12px;font-size:13px;min-height:46px}.sidebar nav button span{flex:1}.sidebar nav button:hover{background:#ffffff12;color:#fff}.sidebar nav button.active{color:#fff;background:linear-gradient(95deg,#087b9e,#16627d);box-shadow:0 7px 18px #071c3440}.nav-chevron{opacity:.8}.sidebar-bottom{margin-top:auto;padding:20px 6px 0}.sidebar-info{border:1px solid #ffffff24;background:#ffffff0b;border-radius:13px;padding:13px;display:flex;align-items:center;gap:11px;color:#b7e4e9}.sidebar-info strong{display:block;font-size:11px;color:#e8f7fc}.sidebar-info small{display:block;font-size:10px;color:#a6c5d1;margin-top:3px}.workspace{flex:1;min-width:0}.topbar{height:80px;background:#ffffffeb;border-bottom:1px solid #e6edf4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 34px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-title small{display:block;font-size:11px;margin-bottom:4px}.topbar-title strong{font-size:16px;letter-spacing:-.02em}.topbar-actions{display:flex;align-items:center;gap:14px}.role-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;background:#e8f6f5;color:#18746e;border-radius:100px;text-transform:capitalize;font-size:11px;font-weight:800}.logout-btn{display:flex;align-items:center;gap:8px;background:#f0f5f9;color:#365c71;font-size:12px}.main-content{padding:32px 34px 50px;max-width:1460px;margin:0 auto}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#138e9c;font-weight:800;margin:0}.page-description{color:#7890a1;font-size:13px;margin:4px 0}.intro-pill{white-space:nowrap;border:1px solid #e2edf0;background:#fff;border-radius:30px;padding:10px 14px;color:#587587;font-size:11px;font-weight:750}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e9a349;margin-right:6px}.welcome-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#0d3a5a,#086a83 74%,#1597a4);color:#fff;border-radius:22px;padding:30px 35px;position:relative;overflow:hidden;box-shadow:0 14px 32px #0d6b8423}.welcome-banner:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff2e;border-radius:50%;right:-75px;top:-120px}.welcome-banner h2{font-size:clamp(20px,2.4vw,27px);margin:10px 0}.welcome-banner p{max-width:630px;color:#d5edf3;font-size:13px;margin:0}.banner-kicker{font-size:10px;font-weight:800;letter-spacing:.18em;color:#a8e9e9}.banner-water{opacity:.35;padding:10px 30px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:23px 0}.metrics article{background:#fff;border:1px solid #e5edf5;border-radius:17px;padding:23px;box-shadow:0 7px 25px #17476c09;min-width:0}.metrics article small{font-weight:700;font-size:12px}.metrics h2{font-size:clamp(19px,2.2vw,29px);margin:14px 0 10px;overflow-wrap:anywhere}.metric-state{display:inline-block;font-size:10px;color:#97733a;background:#fff6e6;padding:6px 9px;border-radius:100px;font-weight:750}.empty-module{text-align:center;display:grid;justify-items:center;padding:36px}.empty-module h2{font-size:19px;margin:14px 0 0}.empty-module p{max-width:450px;color:#7890a1;font-size:13px}.empty-symbol{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:#eaf5fa;color:#0e819a}.workspace-note{display:flex;align-items:center;gap:9px;color:#7b91a1;font-size:11px;margin:26px 0}.company-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}.company-toolbar input{width:min(100%,410px);padding:13px 15px;border:1px solid #d4e3ed;border-radius:12px;background:#fafdff}.company-table-wrap{overflow-x:auto;border:1px solid #e7eef4;border-radius:13px}.company-table{width:100%;border-collapse:collapse;text-align:left;min-width:620px}.company-table th,.company-table td{padding:15px;border-bottom:1px solid #edf1f6;vertical-align:middle;font-size:12px}.company-table th{color:#667e90;font-size:11px;font-weight:800;background:#f5f9fc;white-space:nowrap}.company-table tr:last-child td{border-bottom:0}.company-table tbody tr:hover{background:#f8fcfe}.company-table button,.company-actions button{width:auto;padding:9px 15px;background:#e9f5fa;color:#0d6987;font-size:12px}.company-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;max-width:920px}.company-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750}.company-form input:not([type=checkbox]),.company-form textarea{width:100%;border:1px solid #d2e1ea;border-radius:11px;padding:12px 13px;background:#fbfdff}.company-form .company-check{flex-direction:row;align-items:center}.company-actions{display:flex;gap:12px;align-items:end}.company-actions button[type=submit]{background:#087e9a;color:#fff}section>label{display:block;font-size:13px;font-weight:700}section>label input[type=file]{display:block;margin-top:12px;max-width:100%;padding:13px;border:1px dashed #a9cbd9;background:#f6fbfe;border-radius:12px}section p[role=alert]{background:#fff2ee;color:#ad493c;border-radius:10px;padding:12px}section p[role=status]{background:#ecf8f3;color:#246c58;border-radius:10px;padding:12px}@media (max-width:1050px){.sidebar{width:235px}.main-content{padding:26px}.topbar{padding:0 26px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.layout{display:block}.sidebar{width:100%;height:auto;position:relative;padding:13px 14px 11px}.brand{padding:0 2px 12px}.brand-mark{width:39px;height:39px}.brand strong{font-size:18px}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:7px;padding-bottom:4px;scrollbar-width:thin}.sidebar nav button{white-space:nowrap;min-height:40px;padding:9px 12px;font-size:12px;gap:8px}.sidebar nav button svg{width:17px}.nav-chevron{display:none}.topbar{height:65px;padding:0 18px}.main-content{padding:22px 17px 35px}.page-intro{align-items:flex-start}.welcome-banner{padding:25px}.banner-water{display:none}}@media (max-width:560px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics article{padding:16px}.metrics h2{font-size:20px}.role-chip{display:none}.page-intro{display:block}.intro-pill{display:inline-block;margin-top:12px}.company-form{grid-template-columns:1fr}.company-table{min-width:580px}section{padding:17px}.topbar-title small{font-size:10px}.welcome-banner{padding:22px}.logout-btn span{display:none}.logout-btn{padding:11px}.center form,.center article{padding:27px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.mrdhun-logo{width:112px;height:112px;object-fit:contain;border-radius:16px;display:block;margin:auto;background:#fff}.loading-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#f7fbff,#eaf6fb);padding:24px}.loading-content{text-align:center;display:grid;justify-items:center;gap:12px;color:#183b53}.loading-content strong{font-size:19px}.loading-content p{font-size:12px;color:#7890a1;margin:0}.loading-ring{width:34px;height:34px;border:3px solid #d5ebf4;border-top-color:#0c9ab3;border-radius:50%;animation:waterbill-spin .8s linear infinite}@keyframes waterbill-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-ring{animation:none;border-color:#0c9ab3}}:root{--mrdhun-loading-logo:url(data:image/jpeg;base64,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)}.mrdhun-logo{background-image:var(--mrdhun-loading-logo);background-size:contain;background-position:center;background-repeat:no-repeat}.import-progress{display:grid;justify-items:center;gap:10px;text-align:center;padding:25px;margin-bottom:20px;border:1px solid #cfe8f0;border-radius:16px;background:linear-gradient(135deg,#f4fcff,#edf8fc)}.import-progress .mrdhun-logo{width:84px;height:84px}.import-progress strong{font-size:13px;color:#20506b}.import-progress small{font-size:11px}.import-progress .loading-ring{width:26px;height:26px}.saved-reminder{display:grid;gap:22px;color:#16324e}.saved-heading,.saved-list-header,.saved-footer,.saved-modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.saved-heading h2{font-size:24px;letter-spacing:-.7px;margin:7px 0 5px}.saved-heading p,.saved-list-header p{margin:0;color:#70849b;font-size:13px}.saved-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1.2px;font-weight:800;color:#0e91a9}.saved-refresh,.saved-detail-btn,.saved-footer button,.saved-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #d9e7ef;border-radius:11px;padding:11px 15px;background:#fff;color:#17637e;font-size:12px;font-weight:750;white-space:nowrap;transition:.2s}.saved-refresh:hover,.saved-footer button:not(:disabled):hover{background:#eaf8fc;border-color:#9fd8e7}.saved-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.saved-stats article{border:1px solid #e0eaf2;border-radius:18px;padding:20px;background:#fff;display:flex;gap:15px;align-items:flex-start;box-shadow:0 5px 18px #16406409}.saved-stat-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;background:#e8f7fb;color:#0a91ac;border-radius:13px}.saved-stats article:nth-child(2) .saved-stat-icon{background:#edf3ff;color:#4976b5}.saved-stats article:nth-child(3) .saved-stat-icon{background:#e9f8f3;color:#198e72}.saved-stats article div{display:grid;gap:6px;min-width:0}.saved-stats small{color:#7b8ca0;font-size:11px}.saved-stats strong{font-size:27px;letter-spacing:-.7px;line-height:1.2;color:#123452}.saved-stats strong.saved-money{font-size:23px}.saved-stats article div>span{font-size:11px;color:#8b9baa}.saved-list{background:#fff;border:1px solid #e1eaf2;border-radius:18px;overflow:hidden}.saved-list-header{padding:22px 24px 12px}.saved-list-header h3{font-size:17px;margin:0 0 5px}.saved-count{border-radius:30px;background:#eaf7fb;color:#187b96;padding:7px 12px;font-size:11px;font-weight:800}.saved-search{display:flex;align-items:center;gap:10px;margin:10px 24px 20px;padding:0 14px;border:1px solid #dbe7f0;border-radius:12px;background:#f8fbfd;color:#8ca2b2;min-height:44px;max-width:600px}.saved-search:focus-within{border-color:#24a9c6;box-shadow:0 0 0 3px #24a9c61a}.saved-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:12px;width:100%;padding:11px 0!important}.saved-search button{background:none;border:0;cursor:pointer;color:#718b9d}.saved-table-scroll{overflow-x:auto}.saved-table{width:100%;border-collapse:collapse;text-align:left;min-width:940px}.saved-table th{background:#f4f8fb;color:#7a8fa4;font-size:10px;letter-spacing:.3px;font-weight:800;padding:14px 16px;white-space:nowrap}.saved-table td{border-top:1px solid #edf2f6;padding:16px;font-size:12px;vertical-align:middle}.saved-table tbody tr:hover{background:#f8fcff}.saved-index{color:#91a1b0}.saved-customer{display:flex;align-items:center;gap:10px;min-width:180px}.saved-avatar{display:grid;place-items:center;background:#e9f5f9;color:#148ca6;width:34px;height:34px;border-radius:10px;flex-shrink:0}.saved-customer div,.saved-invoice{display:grid;gap:5px}.saved-customer strong,.saved-invoice strong{font-size:12px;color:#173753}.saved-customer small,.saved-invoice small{font-size:10px;color:#8498aa}.saved-date{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#526b82}.saved-type{background:#f0f5fa;border-radius:7px;padding:6px 9px;color:#58718b;font-size:11px}.saved-amount{font-weight:800;color:#183b58;white-space:nowrap}.saved-valid{display:inline-flex;align-items:center;gap:5px;background:#e7f8ef;color:#15845b;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:800}.saved-detail-btn{padding:9px 12px;background:#e8f6fb;color:#087e9b;border-color:transparent}.saved-detail-btn:hover{background:#d2edf5}.saved-footer{padding:17px 23px;border-top:1px solid #edf2f6;color:#8093a5;font-size:11px}.saved-footer>div{display:flex;gap:8px}.saved-footer button{padding:9px 12px}.saved-footer button:disabled{opacity:.4;cursor:not-allowed}.saved-empty{padding:45px 20px;display:grid;justify-items:center;gap:9px;color:#8195a8}.saved-empty strong{color:#274862}.saved-readonly{display:flex;align-items:center;gap:8px;color:#8295a6;font-size:11px;margin:0}.saved-error{color:#b42318;background:#fff0ef;border-radius:10px;padding:12px}.saved-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#081c317a;z-index:1000;display:grid;place-items:center;padding:20px}.saved-modal{background:#fff;border-radius:22px;padding:26px;width:min(540px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 80px #05233c40}.saved-modal-head{align-items:flex-start}.saved-modal-head h2{font-size:21px;margin:8px 0 4px}.saved-modal-head p{font-size:12px;color:#72879b;margin:0}.saved-modal-head button{border:0;background:#f0f5f9;border-radius:10px;width:35px;height:35px;display:grid;place-items:center;cursor:pointer}.saved-modal-total{background:linear-gradient(115deg,#0b3b5c,#087e99);color:#fff;border-radius:15px;padding:20px;margin:22px 0;display:grid;gap:8px}.saved-modal-total small{opacity:.8}.saved-modal-total strong{font-size:29px;letter-spacing:-.5px}.saved-modal-total span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#c8f6e8}.saved-details{display:grid;gap:0;margin:0}.saved-details div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf2f6;font-size:12px}.saved-details dt{color:#8596a7}.saved-details dd{margin:0;text-align:right;font-weight:700;color:#274661;overflow-wrap:anywhere}.saved-modal-note{font-size:11px;line-height:1.6;color:#71879a;background:#f4f8fb;padding:12px;border-radius:10px}.saved-close{width:100%;background:#0c8aa5;color:#fff;border-color:#0c8aa5;padding:13px}.saved-close:hover{background:#086d86}@media (max-width:900px){.saved-stats{grid-template-columns:1fr}.saved-heading{align-items:flex-start}.saved-stats article{padding:15px}.saved-footer{flex-direction:column;align-items:flex-start}}@media (max-width:540px){.saved-heading{flex-direction:column}.saved-refresh{width:100%}.saved-list-header{padding:18px}.saved-search{margin:8px 18px 16px}.saved-stats strong.saved-money{font-size:20px}.saved-modal{padding:19px}.saved-modal-total strong{font-size:23px}}.reminder-controls{display:flex;flex-wrap:wrap;gap:14px;padding:6px 24px 24px}.reminder-controls label{display:grid;gap:8px;flex:1;min-width:190px;color:#49657b;font-size:12px;font-weight:700}.reminder-controls input{width:100%;min-height:43px;border:1px solid #dbe7f0;border-radius:11px;padding:10px 12px;background:#f8fbfd;color:#193a55;box-sizing:border-box}.reminder-action{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #edf2f6;padding:20px 24px}.reminder-action>div{display:grid;gap:5px}.reminder-action small{color:#8095a8;font-size:12px}.reminder-action strong{color:#133953;font-size:21px}.reminder-action .saved-close{width:auto;min-width:210px}.reminder-action .saved-close:disabled{opacity:.45;cursor:not-allowed}.reminder-success{background:#e7f8ef;color:#14714d;border-radius:12px;padding:14px 18px;font-weight:700;font-size:12px}@media (max-width:600px){.reminder-controls{padding:8px 16px 20px}.reminder-action{flex-direction:column;align-items:stretch}.reminder-action .saved-close{width:100%}}.reminder-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.reminder-step{position:relative;display:flex;align-items:center;gap:13px;text-align:left;min-width:0;min-height:94px;padding:16px 18px;border:1px solid #dfeaf3;border-radius:16px;background:#fff;color:#183a57;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;font-family:inherit;box-shadow:0 3px 12px #12365206}.reminder-step:hover{border-color:#7bc8dc;background:#f7fcfe;transform:translateY(-1px)}.reminder-step:focus-visible{outline:3px solid #32a5c6;outline-offset:3px}.reminder-step.is-active{border:2px solid #36b3d2;background:linear-gradient(125deg,#effbfe,#f8fcff);box-shadow:0 5px 18px #1b9cbe1a;padding:15px 17px}.reminder-step.is-active:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:3px;background:#18a2c1;border-radius:5px 5px 0 0}.reminder-step-icon{width:46px;height:46px;border-radius:13px;flex-shrink:0;display:grid;place-items:center;background:#eff5f9;color:#6287a1}.reminder-step.is-active .reminder-step-icon{background:#d9f4fa;color:#0787a7}.reminder-step-copy{display:grid;gap:5px;min-width:0}.reminder-step-copy strong{font-size:13px;line-height:1.35;font-weight:800;color:#153752}.reminder-step-copy small{font-size:11px;line-height:1.4;color:#8194a6}.reminder-step-number{margin-left:auto;align-self:flex-start;color:#a3b5c3;font-size:11px;font-weight:800;letter-spacing:.6px}.reminder-step.is-active .reminder-step-number{color:#0b8ea9}@media (max-width:900px){.reminder-steps{gap:8px}.reminder-step{padding:13px;gap:9px;min-height:88px}.reminder-step.is-active{padding:12px}.reminder-step-icon{width:39px;height:39px}.reminder-step-copy strong{font-size:12px}.reminder-step-copy small,.reminder-step-number{font-size:10px}}@media (max-width:640px){.reminder-steps{grid-template-columns:1fr;gap:8px}.reminder-step,.reminder-step.is-active{min-height:64px;padding:10px 13px}.reminder-step-icon{width:40px;height:40px}.reminder-step-copy{gap:2px}.reminder-step.is-active:after{left:13px;right:13px}}nav.reminder-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important;padding:0!important;margin:0 0 22px!important;align-items:stretch!important}nav.reminder-steps>button.reminder-step{box-sizing:border-box!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) 22px!important;align-items:center!important;column-gap:13px!important;width:100%!important;min-width:0!important;min-height:98px!important;margin:0!important;padding:16px!important;border:1px solid #dce8f1!important;border-radius:16px!important;background:#fff!important;color:#173752!important;box-shadow:0 3px 12px #12365209!important;white-space:normal!important}nav.reminder-steps>button.reminder-step.is-active{background:linear-gradient(125deg,#effbfe,#f8fcff)!important;border:2px solid #27a9c9!important;padding:15px!important;box-shadow:0 6px 20px #1b9cbe1f!important}nav.reminder-steps>button.reminder-step:hover{background:#f4fbfe!important;border-color:#75c8dd!important;color:#173752!important}nav.reminder-steps>button.reminder-step span{flex:none!important;min-width:0!important}nav.reminder-steps>button.reminder-step .reminder-step-icon{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:13px!important;background:#eaf4f9!important;color:#278ca8!important}nav.reminder-steps>button.reminder-step.is-active .reminder-step-icon{background:#d5f2f9!important;color:#0785a5!important}nav.reminder-steps>button.reminder-step .reminder-step-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}nav.reminder-steps>button.reminder-step .reminder-step-copy strong{display:block!important;font-size:13px!important;line-height:1.35!important;font-weight:800!important;color:#163b57!important}nav.reminder-steps>button.reminder-step .reminder-step-copy small{display:block!important;font-size:11px!important;line-height:1.4!important;color:#7b90a3!important;font-weight:450!important}nav.reminder-steps>button.reminder-step .reminder-step-number{display:block!important;align-self:start!important;justify-self:end!important;font-size:11px!important;color:#8fa8ba!important;font-weight:800!important}nav.reminder-steps>button.reminder-step.is-active .reminder-step-number{color:#0b8da8!important}@media (max-width:1000px){nav.reminder-steps{gap:9px!important}nav.reminder-steps>button.reminder-step{grid-template-columns:38px minmax(0,1fr) 18px!important;column-gap:9px!important;padding:12px!important}nav.reminder-steps>button.reminder-step.is-active{padding:11px!important}nav.reminder-steps>button.reminder-step .reminder-step-icon{width:38px!important;height:38px!important}}@media (max-width:680px){nav.reminder-steps{grid-template-columns:1fr!important;gap:9px!important}nav.reminder-steps>button.reminder-step{min-height:66px!important;grid-template-columns:42px minmax(0,1fr) 24px!important}nav.reminder-steps>button.reminder-step .reminder-step-icon{width:42px!important;height:42px!important}}div.reminder-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px;padding:0;width:100%}div.reminder-steps>button.reminder-step{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 12px;align-items:center;position:relative;width:100%;min-width:0;min-height:104px;padding:15px 16px;border:1px solid #dce8f1;border-radius:16px;background:#fff;color:#153752;text-align:left;box-shadow:0 3px 12px #12365209;white-space:normal}div.reminder-steps>button.reminder-step .reminder-step-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;background:#e9f5f9;color:#1489a5;border-radius:12px}div.reminder-steps>button.reminder-step .reminder-step-copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:5px;min-width:0;align-items:flex-start}div.reminder-steps>button.reminder-step .reminder-step-copy strong{font-size:12px;font-weight:800;line-height:1.35;color:#163b57}div.reminder-steps>button.reminder-step .reminder-step-copy small{font-size:10px;color:#8296a7;line-height:1.35}div.reminder-steps>button.reminder-step .reminder-step-number{position:absolute;right:12px;top:9px;font-size:10px;color:#8fa5b6;font-weight:800}div.reminder-steps>button.reminder-step.is-active{border:2px solid #26aaca;background:#effbfe;padding:14px 15px;box-shadow:0 6px 20px #1b9cbe1c}div.reminder-steps>button.reminder-step.is-active:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:3px;background:#1ba5c3;border-radius:5px}div.reminder-steps>button.reminder-step:hover{background:#f4fbfe;border-color:#75c8dd}.reminder-report{display:grid;gap:22px}.report-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.report-filters label{display:grid;gap:7px;color:#55728a;font-size:11px;font-weight:700}.report-filters input{min-width:0;width:100%;border:1px solid #dce8f1;border-radius:10px;padding:11px 12px;background:#f8fbfd;font-size:12px}.report-filters button,.report-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#eaf6fa;color:#147c99;border:1px solid #d3eaf2;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:750}.report-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.report-summary article{background:#fff;border:1px solid #e0eaf2;border-radius:15px;padding:18px;display:grid;gap:12px}.report-summary small{font-size:11px;color:#7c92a4}.report-summary strong{font-size:19px;line-height:1.3;color:#173d5b;overflow-wrap:anywhere}.report-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.report-actions span{font-size:12px;color:#8196a8}.report-actions>div{display:flex;gap:9px}.report-actions button:disabled{opacity:.45}@media (max-width:1150px){div.reminder-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.report-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){div.reminder-steps{grid-template-columns:1fr;gap:9px}div.reminder-steps>button.reminder-step{min-height:72px}.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filters{grid-template-columns:1fr}.report-actions{align-items:stretch;flex-direction:column}.report-actions>div{flex-wrap:wrap}}@media print{body{background:#fff!important}.sidebar,.topbar,.reminder-steps,.report-filters,.report-actions,.saved-refresh,.saved-readonly{display:none!important}.reminder-report{border:0!important;box-shadow:none!important;padding:0!important}.report-summary{grid-template-columns:repeat(5,1fr)!important}.saved-table-scroll{overflow:visible!important}.saved-table{min-width:0!important;font-size:9px!important}.saved-table td,.saved-table th{padding:7px!important}@page{size:A4 landscape;margin:12mm}}.report-view-switch{display:flex;gap:8px;border-bottom:1px solid #dfeaf3;padding-bottom:10px}.report-view-switch button{border:0;background:#f0f5f9;color:#53718a;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}.report-view-switch button.is-active{background:#dff4fa;color:#087f9d}.letter-workspace{display:grid;gap:20px}.letter-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;background:#f7fafc;padding:20px;border:1px solid #e1ebf3;border-radius:16px}.letter-settings label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#59748b;min-width:0}.letter-settings input,.letter-settings select{width:100%;box-sizing:border-box;min-width:0;border:1px solid #d7e6ef;background:#fff;border-radius:10px;padding:11px;color:#183e59}.letter-warning{display:flex;align-items:center;gap:9px;background:#fff9eb;color:#906a20;padding:12px 16px;border-radius:11px;font-size:12px}.letter-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#5b778e}.letter-toolbar button{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:#0c88a5;color:#fff;border:0;border-radius:11px;font-weight:800;cursor:pointer}.letter-toolbar button:disabled{opacity:.45;cursor:not-allowed}.letter-paper{max-width:794px;width:100%;box-sizing:border-box;margin:0 auto;background:#fff;padding:44px 52px;box-shadow:0 10px 40px #193f5c21;border:1px solid #e1eaf1;color:#192f43;font-family:Arial,sans-serif;font-size:12px;line-height:1.65}.letter-paper p{margin:17px 0}.letter-head{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:3px solid #168bac;padding-bottom:15px}.letter-head div{display:grid;gap:2px}.letter-head strong{font-size:18px;color:#075576}.letter-head span{font-size:10px;color:#718da0}.letter-date{text-align:right;margin-top:20px}.letter-table{width:100%;border-collapse:collapse;font-size:10px;margin:20px 0}.letter-table th,.letter-table td{border:1px solid #c9dbe6;padding:7px 6px;text-align:left}.letter-table th{background:#e7f4fa;color:#17415a}.letter-table .letter-total{font-weight:800;background:#edf5f9}.letter-sign{margin-top:24px;line-height:1.8}.letter-paper footer{margin-top:26px;border-top:1px solid #dce8ef;padding-top:8px;color:#9a5b25;font-size:10px}@media (max-width:850px){.letter-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-paper{padding:25px 20px}.letter-toolbar{flex-wrap:wrap}}@media (max-width:520px){.letter-settings{grid-template-columns:1fr}.letter-paper{font-size:10px;padding:17px 12px}.letter-table{font-size:8px}.letter-table th,.letter-table td{padding:4px 2px}}@media print{body:has(#customer-reminder-letter) .sidebar,body:has(#customer-reminder-letter) .topbar,body:has(#customer-reminder-letter) .reminder-steps,body:has(#customer-reminder-letter) .report-view-switch,body:has(#customer-reminder-letter) .letter-settings,body:has(#customer-reminder-letter) .letter-toolbar,body:has(#customer-reminder-letter) .letter-warning,body:has(#customer-reminder-letter) .saved-heading,body:has(#customer-reminder-letter) .letter-workspace>.saved-empty{display:none!important}body:has(#customer-reminder-letter) #customer-reminder-letter{display:block!important;max-width:none;width:100%;border:0;box-shadow:none;padding:0;margin:0;font-size:11px}body:has(#customer-reminder-letter) .letter-paper{break-inside:avoid}@page{size:A4 portrait;margin:18mm}}div.reminder-steps{gap:10px!important}div.reminder-steps>button.reminder-step{border-radius:16px!important;background:linear-gradient(145deg,#fff,#f9fcff)!important;box-shadow:0 6px 18px #1a436f12!important;border:1px solid #d9e8f6!important;min-height:96px!important}div.reminder-steps>button.reminder-step.is-active{border:1.5px solid #3979fa!important;background:linear-gradient(125deg,#f2f8ff,#e8f3ff)!important;box-shadow:0 5px 16px #2863d71f!important}div.reminder-steps>button.reminder-step .reminder-step-icon{background:linear-gradient(145deg,#e1f5ff,#dbe9ff)!important;color:#3063c7!important}div.reminder-steps>button.reminder-step .reminder-step-copy strong{color:#1c335c!important;font-size:13px!important}div.reminder-steps>button.reminder-step .reminder-step-number{color:#365ac7!important;font-size:12px!important}.dispatch-workspace{display:grid;gap:17px;color:#1d3356}.dispatch-tabs{display:flex;gap:6px;align-items:center;border-bottom:1px solid #d9e8f8;padding-bottom:3px}.dispatch-tabs button{border:0;background:transparent;color:#415472;border-radius:10px 10px 0 0;padding:13px 20px;font-weight:800;font-size:12px;cursor:pointer}.dispatch-tabs button.active{background:#eaf3ff;color:#2d4fd2;box-shadow:inset 0 -3px #5279fa}.dispatch-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.dispatch-stats article{display:flex;align-items:center;gap:12px;padding:18px 15px;border:1px solid #dce9f7;background:#fff;border-radius:15px;box-shadow:0 5px 14px #163d6a0b;min-width:0}.dispatch-stat-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.dispatch-stat-icon.blue{background:#e5f0ff;color:#386cce}.dispatch-stat-icon.purple{background:#f0e8ff;color:#8552df}.dispatch-stat-icon.green{background:#e5f8ed;color:#15a765}.dispatch-stat-icon.amber{background:#fff1dc;color:#d98b16}.dispatch-stats article>div:last-child{display:grid;gap:4px;min-width:0}.dispatch-stats small{color:#69809d;font-size:10px}.dispatch-stats strong{font-size:18px;line-height:1.2;color:#152a4d;overflow-wrap:anywhere}.dispatch-stats span{font-size:10px;color:#7c90a6}.dispatch-filter{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:12px}.dispatch-filter label{display:flex;align-items:center;gap:9px;border:1px solid #d8e6f4;background:#f8fbff;padding:0 13px;border-radius:11px;color:#7190af}.dispatch-filter input,.dispatch-filter select{width:100%;min-width:0;border:0;background:transparent;outline:none;padding:12px 0;color:#253d5d;font-size:12px}.dispatch-filter select{border:1px solid #d8e6f4;border-radius:11px;padding:12px;background:#f8fbff}.dispatch-table-wrap{overflow-x:auto;border:1px solid #dbe8f6;border-radius:15px;background:#fff}.dispatch-table{border-collapse:collapse;width:100%;min-width:850px;font-size:11px}.dispatch-table thead{background:#f0f6fc;color:#536b86}.dispatch-table th{text-align:left;padding:13px 11px;font-weight:800}.dispatch-table td{padding:13px 11px;border-top:1px solid #e8f0f8;color:#233956}.dispatch-table input[type=checkbox]{accent-color:#4665e8;width:16px;height:16px;cursor:pointer}.dispatch-customer{display:flex;gap:9px;align-items:center}.dispatch-customer>span:first-child{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#e5f4fc;color:#258ab9;flex-shrink:0}.dispatch-customer>span:first-child.person{background:#e8fbef;color:#21a96e}.dispatch-customer>span:last-child{display:grid;gap:3px}.dispatch-customer strong{font-size:11px;color:#1b3458}.dispatch-customer small{font-size:10px;color:#8ba0b7}.dispatch-type,.dispatch-draft{display:inline-block;padding:6px 10px;border-radius:9px;font-weight:700;font-size:10px}.dispatch-type.corporate{background:#e5efff;color:#2857bb}.dispatch-type.personal{background:#e6f8e9;color:#238345}.dispatch-draft{background:#e8edff;color:#4059c4}.dispatch-eye{display:inline-flex;align-items:center;gap:5px;border:1px solid #d5eaf8;border-radius:9px;background:#eaf7ff;color:#207eaf;padding:7px 9px;font-weight:800;font-size:10px;cursor:pointer}.dispatch-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(105deg,#f1f7ff,#e9f2ff);border:1px solid #d9e7f9;border-radius:13px;padding:13px 15px}.dispatch-actions>div:first-child{display:flex;align-items:center;gap:8px;font-size:12px;color:#3759bc}.dispatch-actions>div:first-child small{color:#788eaa}.dispatch-actions>div:last-child{display:flex;gap:9px;flex-wrap:wrap}.dispatch-actions button{display:inline-flex;align-items:center;gap:7px;border-radius:9px;padding:11px 13px;font-weight:800;font-size:11px;cursor:pointer}.dispatch-actions button:disabled{opacity:.5;cursor:not-allowed}.dispatch-action-outline{border:1px solid #c7d9ef;background:#fff;color:#365b9b}.dispatch-action-green{border:0;background:#0baf71;color:#fff}.dispatch-action-blue{border:0;background:#4658df;color:#fff}.dispatch-note{display:flex;align-items:center;gap:8px;color:#7a8da4;font-size:11px}.dispatch-empty{text-align:center;padding:45px 18px;color:#637b98}.dispatch-empty svg{margin:auto}.dispatch-empty h3{color:#25436a}.dispatch-empty button,.dispatch-back button{border:0;background:#e9f4ff;color:#2e6eae;border-radius:9px;padding:10px 13px;font-weight:800;cursor:pointer}.dispatch-back{margin:4px 0}@media (max-width:1250px){.dispatch-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.dispatch-stats{grid-template-columns:1fr 1fr}.dispatch-stats article{padding:12px 9px}.dispatch-stats strong{font-size:14px}.dispatch-stat-icon{width:34px;height:34px}.dispatch-filter{grid-template-columns:1fr}.dispatch-actions{flex-direction:column;align-items:stretch}.dispatch-actions>div:last-child{justify-content:stretch}.dispatch-actions button{flex:1}.dispatch-tabs button{padding:11px 9px;font-size:11px}}@media (max-width:420px){.dispatch-stats{grid-template-columns:1fr}.dispatch-actions>div:first-child small{display:none}}@media print{.dispatch-workspace:has(#customer-reminder-letter) .dispatch-tabs,.dispatch-workspace:has(#customer-reminder-letter) .dispatch-back{display:none!important}}.reminder-page-intro{position:relative;overflow:hidden;border-radius:18px;padding:28px 30px!important;background:radial-gradient(ellipse at 88% 35%,rgba(99,188,238,.26),transparent 42%),linear-gradient(110deg,#f5faff,#e8f5ff 62%,#dbeefb)!important;border:1px solid #d9eafa;margin-bottom:20px!important}.reminder-page-intro .eyebrow{color:#285a9d!important}.reminder-page-intro h1{color:#17345e!important}.reminder-page-intro .page-description{color:#506b88!important}.reminder-page-intro .intro-pill{background:#fff!important;border:1px solid #d9eafa!important}@media (max-width:650px){.reminder-page-intro{padding:20px!important}}.letter-settings-page,.letter-settings-page form{display:grid;gap:18px}.letter-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.letter-config-card{display:grid;align-content:start;gap:15px;border:1px solid #dce8f5;border-radius:17px;padding:22px;background:#fff;box-shadow:0 4px 15px #1e426e0a}.letter-config-card h3{margin:0;color:#193d68;font-size:16px}.letter-config-card label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#53708d}.letter-config-card input,.letter-config-card textarea{box-sizing:border-box;width:100%;border:1px solid #d5e4f3;border-radius:10px;padding:11px 12px;font:inherit;color:#1a3a5a;background:#f9fcff}.letter-config-hint{font-size:12px;color:#6b8096}.letter-logo-upload{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:15px;border:1px dashed #b9d8ef;border-radius:13px;background:#f5faff}.letter-logo-upload img{max-width:180px;max-height:95px;object-fit:contain}.letter-logo-upload>span,.letter-logo-upload small{font-size:11px;color:#7b93aa}.letter-logo-upload label{display:inline-flex;align-items:center;gap:8px;background:#e6f4ff;color:#176ea1;border-radius:10px;padding:10px 14px;cursor:pointer}.letter-logo-upload input[type=file]{display:none}.letter-config-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;border-radius:14px;background:#edf5ff}.letter-config-footer span{display:flex;align-items:center;gap:8px;color:#58708a;font-size:11px}.letter-config-footer button{display:flex;align-items:center;gap:8px;padding:12px 18px;border:0;border-radius:10px;background:#3b62db;color:#fff;font-weight:800;cursor:pointer}.letter-config-footer button:disabled{opacity:.6}.letter-setting-message{padding:12px 15px;border-radius:10px;background:#edf9ff;color:#1e7295;font-size:12px}.letter-select-bar{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:15px;border:1px solid #dce8f5;border-radius:13px;background:#f6fbff}.letter-select-bar label{display:grid;gap:7px;min-width:260px;flex:1;font-size:11px;font-weight:800;color:#52708b}.letter-select-bar select{border:1px solid #cddfed;border-radius:9px;padding:11px;background:#fff;width:100%;max-width:520px}.letter-select-bar>span{font-size:11px;color:#7891a7}.letter-head-identity{display:flex!important;flex-direction:row!important;align-items:center;gap:12px}.letter-head-identity>img{width:72px;height:72px;object-fit:contain}.letter-head-identity>div{display:grid;gap:3px}@media (max-width:800px){.letter-config-grid{grid-template-columns:1fr}.letter-select-bar{flex-direction:column;align-items:stretch}.letter-select-bar label{min-width:0}}@media (max-width:550px){.letter-config-footer{flex-direction:column;align-items:stretch}.letter-config-footer button{justify-content:center}}.report-heading-with-logo{display:flex;align-items:center;gap:14px}.report-heading-with-logo>img{max-width:86px;max-height:76px;object-fit:contain;flex-shrink:0}.letter-head-identity>img{max-width:86px;max-height:76px;width:auto;height:auto;object-fit:contain}@media print{.report-heading-with-logo>img,.letter-head-identity>img{print-color-adjust:exact;-webkit-print-color-adjust:exact}.letter-head-identity{display:flex!important}}.reminder-report .saved-heading,.reminder-report .report-summary article{position:relative;isolation:isolate;overflow:hidden}.reminder-report .saved-heading{padding:23px 26px;border:1px solid #cce7ec;border-radius:18px;background:radial-gradient(ellipse at 97% 105%,rgba(84,183,219,.23),transparent 50%),linear-gradient(115deg,#f8fdff 8%,#edf9ff 60%,#e8f7f1)}.reminder-report .saved-heading:before,.letter-paper:before{content:"";pointer-events:none;position:absolute;right:0;top:0;width:190px;height:125px;opacity:.35;background:radial-gradient(ellipse 18px 47px at 70% 40%,#73c9aa 0 72%,transparent 75%),radial-gradient(ellipse 17px 42px at 86% 55%,#8ad7b5 0 72%,transparent 75%),radial-gradient(ellipse 12px 32px at 57% 65%,#b4e4c9 0 72%,transparent 75%);transform:rotate(-28deg);z-index:-1}.reminder-report .report-summary article{background:linear-gradient(140deg,#fff 30%,#f0fbff);border-color:#d7ebf2;box-shadow:0 5px 18px #17638c0b}.reminder-report .report-summary article:nth-child(2n){background:linear-gradient(140deg,#fff 30%,#f0fbf5)}.reminder-report .report-summary article:after{content:"";position:absolute;right:-20px;bottom:-30px;width:110px;height:75px;border:13px solid rgba(87,184,216,.08);border-radius:50%;pointer-events:none}.reminder-report .saved-table-scroll{border:1px solid #d7eaf0;border-radius:15px}.reminder-report .saved-table th{background:#e8f6f8;color:#1b5872}.letter-paper{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#f3fbff 0,#fff 110px,#fff 90%,#f7fcfb);border-top:5px solid #2b9fc4;border-bottom:4px solid #69baa7}.letter-paper:before{z-index:-1;top:12px;right:14px;opacity:.21}.letter-paper:after{content:"";pointer-events:none;position:absolute;left:-75px;bottom:-110px;width:280px;height:200px;border:20px solid rgba(73,169,201,.055);border-radius:48%;transform:rotate(-18deg);z-index:-1}.letter-paper .letter-head{background:transparent;border-bottom:2px solid #73bdbd}.letter-paper .letter-head strong{color:#105a7c}.letter-paper .letter-table th{background:#e7f6f7;color:#14576b;border-color:#badce2}.letter-paper .letter-table tr:nth-child(2n):not(.letter-total){background:#f7fbfc}.letter-paper .letter-table .letter-total{background:#eaf7f3}.letter-paper footer{border-top:1px solid #b7d9db}@media print{.letter-paper{box-shadow:none!important;border-left:0!important;border-right:0!important;background:#fff!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.letter-paper:before{opacity:.13!important}.letter-paper:after{opacity:.45!important}.reminder-report .saved-heading,.reminder-report .report-summary article{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.letter-paper .letter-head{min-height:94px;display:flex;align-items:center;justify-content:space-between;position:relative;gap:20px;padding:6px 0 16px;border-bottom:2px solid #8acbc6}.letter-paper .letter-head-identity{display:flex!important;align-items:center;justify-content:flex-start;flex:0 0 auto;min-height:76px}.letter-paper .letter-head-identity>img{width:auto;height:auto;max-width:150px;max-height:82px;object-fit:contain;object-position:left center}.letter-head-nature{position:relative;align-self:stretch;flex:1;min-width:90px;overflow:hidden;opacity:.72}.letter-water-ripple{position:absolute;right:0;bottom:-22px;width:210px;height:95px;border-radius:50%;border:2px solid rgba(73,163,198,.24);transform:rotate(-12deg)}.letter-water-ripple:before,.letter-water-ripple:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(83,174,204,.19);top:10px;right:16px;bottom:10px;left:16px}.letter-water-ripple:after{top:22px;right:35px;bottom:22px;left:35px}.letter-nature-leaf{position:absolute;right:24px;top:9px;width:75px;height:43px;border-radius:100% 0;background:linear-gradient(125deg,#7ec4952b,#44ab8952);transform:rotate(-18deg)}.letter-nature-leaf:after{content:"";position:absolute;width:56px;height:1px;background:#46997d59;left:13px;top:27px;transform:rotate(-26deg)}@media print{.letter-paper .letter-head{break-inside:avoid}.letter-head-nature{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.letter-signature-upload{margin:5px 0}.letter-signature-upload img{width:auto;max-width:200px;max-height:100px;object-fit:contain}.letter-signature-image{display:block;width:auto;max-width:190px;max-height:85px;object-fit:contain;margin:8px 0 4px}.letter-signature-space{height:70px}@media print{.letter-signature-image{break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}}.letter-paper .letter-head{min-height:112px}.letter-paper .letter-head-identity{min-height:95px}.letter-paper .letter-head-identity>img{max-width:225px;max-height:106px;width:auto;height:auto;object-fit:contain;object-position:left center}@media (max-width:600px){.letter-paper .letter-head-identity>img{max-width:175px;max-height:88px}}@media print{@page{size:A4 portrait;margin:15mm}html,body,#root{background:#fff!important;margin:0!important;padding:0!important;overflow:visible!important}body:has(#customer-reminder-letter) *{visibility:hidden!important}body:has(#customer-reminder-letter) #customer-reminder-letter,body:has(#customer-reminder-letter) #customer-reminder-letter *{visibility:visible!important}body:has(#customer-reminder-letter) #customer-reminder-letter{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:none!important;min-height:0!important;box-sizing:border-box!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;overflow:visible!important;background:#fff!important;font-size:11px!important}body:has(#customer-reminder-letter) #customer-reminder-letter .letter-head{min-height:105px!important}body:has(#customer-reminder-letter) #customer-reminder-letter .letter-head-identity>img{max-width:225px!important;max-height:102px!important}body:has(#customer-reminder-letter) #customer-reminder-letter .letter-table{break-inside:auto}body:has(#customer-reminder-letter) #customer-reminder-letter .letter-table tr{break-inside:avoid}body:has(#customer-reminder-letter) #customer-reminder-letter .letter-head,body:has(#customer-reminder-letter) #customer-reminder-letter .letter-sign{break-inside:avoid}}.searchable-select{position:relative;width:100%;min-width:0;font-size:12px;color:#244465}.searchable-select-trigger{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;background:linear-gradient(180deg,#fff,#f8fcff);border:1px solid #cbdff0;border-radius:11px;color:#244465;font:inherit;font-weight:650;text-align:left;cursor:pointer;box-shadow:0 2px 7px #1c55910a}.searchable-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-trigger svg{flex:none;color:#5183aa;transition:transform .18s}.searchable-select.is-open .searchable-select-trigger{border-color:#4d98df;box-shadow:0 0 0 3px #3e92df1f}.searchable-select.is-open .searchable-select-trigger svg{transform:rotate(180deg)}.searchable-select-panel{position:absolute;z-index:120;top:calc(100% + 6px);left:0;width:100%;min-width:min(290px,85vw);background:#fff;border:1px solid #c9e0ef;border-radius:13px;padding:8px;box-shadow:0 16px 38px #17436c2e}.searchable-select-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #d6e6f2;border-radius:9px;background:#f5faff;color:#5a88ab}.searchable-select-search input{width:100%;min-width:0;height:38px;background:transparent;border:0!important;box-shadow:none!important;outline:none;color:#23486c;font:inherit;padding:0!important}.searchable-select-options{max-height:260px;overflow:auto;overscroll-behavior:contain;padding-top:5px}.searchable-select-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:#274666;font:inherit;text-align:left;cursor:pointer}.searchable-select-option:hover,.searchable-select-option.is-active{background:#e9f6fd;color:#136d9b}.searchable-select-option[aria-selected=true]{background:#e4f6f0;color:#087b68;font-weight:750}.searchable-select-option span{overflow-wrap:anywhere}.searchable-select-empty{padding:15px;color:#728ba1;text-align:center}.searchable-select-trigger:focus-visible,.searchable-select-option:focus-visible{outline:2px solid #4a95e3;outline-offset:2px}.letter-select-bar label>.searchable-select{max-width:520px}@media (max-width:650px){.searchable-select-panel{min-width:0}.searchable-select-options{max-height:210px}}@media print{.searchable-select-panel{display:none!important}}