:root{--screen-bg: #eef2f7;--page-bg: #f8fafc;--card: #ffffff;--text: #111827;--muted: #475569;--line: #cbd5e1;--line-dark: #94a3b8;--primary: #2563eb;--primary-hover: #1d4ed8;--shadow: 0 16px 36px rgba(15, 23, 42, .14)}*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.page-wrap{max-width:1280px;margin:0 auto;padding:40px 16px 72px}.hero{margin-bottom:22px}.eyebrow{display:inline-block;margin-bottom:10px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}.page-title{margin:0 0 14px;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.03em}.page-description{max-width:900px;margin:0;font-size:18px;line-height:1.75;color:var(--muted)}.template-action-bar{position:sticky;top:79px;z-index:30;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin:18px 0 22px;padding:14px 16px;border:1px solid #dbe3ee;border-radius:18px;background:#ffffffeb;backdrop-filter:blur(8px);box-shadow:0 8px 24px #0f172a0d}.template-action-bar__left,.template-action-bar__right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.template-action-bar__right{justify-content:flex-end;min-width:0}.paper-size-group{display:flex;align-items:center;gap:12px}.paper-size-label{font-size:13px;font-weight:750;color:#6b7280;white-space:nowrap}.paper-size-toggle{display:inline-flex;align-items:center;padding:4px;border:1px solid #d9e2ee;border-radius:999px;background:#eef3f8;box-shadow:inset 0 1px 1px #fffc}.paper-btn{min-width:84px;height:36px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#6b7280;font-size:13px;font-weight:750;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.paper-btn.is-active{background:#2563eb;color:#fff;box-shadow:0 6px 16px #2563eb38}.paper-btn:not(.is-active):hover{color:#1e293b;background:#ffffffb8}.template-action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:800;line-height:1;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.template-action-btn-secondary{border:1px solid #dbe3ef;background:#fff;color:#374151}.template-action-btn-secondary:hover{border-color:#93c5fd;background:#eff6ff;color:#2563eb}.template-action-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 8px 18px #2563eb29}.template-action-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 24px #2563eb2e}.template-action-btn-reset{border:1px dashed #d7dce5;background:#fff;color:#6b7280}.template-action-btn-reset:hover{border-color:#f59bb7;background:#fff8fb;color:#be185d}.preview-card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.preview-card-head{padding:0 0 14px;border-bottom:0;background:transparent}.preview-card-head h2{margin:0 0 6px;font-size:1.8rem;line-height:1.1;letter-spacing:-.03em}.preview-card-head p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.55}.preview-shell{padding:12px 0 4px;overflow-x:auto;background:transparent}.paper-frame{min-width:760px;display:flex;justify-content:center}.paper{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow)}.template-bottom-actions{display:flex;justify-content:center;margin:24px 0 0}.template-bottom-actions__inner{width:min(100%,640px);display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 16px 8px}.template-bottom-actions__buttons{width:100%;display:flex;align-items:center;justify-content:center;gap:12px}.template-bottom-print-btn{min-width:min(100%,380px);min-height:52px;padding:0 24px;border:1px solid #2563eb;border-radius:6px;background:#2563eb;color:#fff;font-size:15px;font-weight:850;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;white-space:nowrap;box-shadow:0 18px 38px #2563eb38;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.template-bottom-print-btn:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 22px 46px #2563eb47}.template-bottom-reset-btn{min-height:52px;padding:0 18px;border:1px dashed #d7dce5;border-radius:6px;background:#fff;color:#6b7280;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.template-bottom-reset-btn:hover{border-color:#f59bb7;background:#fff8fb;color:#be185d}.paper.paper-letter.orientation-portrait,body.paper-letter .paper.paper-dynamic.orientation-portrait{width:816px;min-height:1056px;padding:52px 48px 44px}.paper.paper-letter.orientation-landscape,body.paper-letter .paper.paper-dynamic.orientation-landscape{width:1056px;min-height:816px;padding:44px 48px 42px}.paper.paper-a4.orientation-portrait,body.paper-a4 .paper.paper-dynamic.orientation-portrait{width:794px;min-height:1123px;padding:54px 48px 48px}.paper.paper-a4.orientation-landscape,body.paper-a4 .paper.paper-dynamic.orientation-landscape{width:1123px;min-height:794px;padding:44px 52px 42px}.doc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:14px;border-bottom:2px solid var(--line)}.doc-title{font-size:24px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.doc-meta{min-width:180px}.doc-section{margin-top:16px}.section-title{margin:0 0 10px;font-size:11pt;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.box{border:1px solid var(--line);padding:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.field-row{display:flex;align-items:baseline;gap:8px;min-height:26px;font-size:10pt;line-height:1.45}.field-label{font-weight:700;white-space:nowrap}.field-line{flex:1;min-height:16px;border-bottom:1px solid var(--line-dark)}.doc-table{width:100%;border-collapse:collapse}.doc-table th,.doc-table td{border:1px solid var(--line);padding:8px;font-size:10pt;text-align:left;vertical-align:middle}.doc-table th{font-weight:700}.table-compact th,.table-compact td{padding:6px;font-size:9pt}.table-spacious th,.table-spacious td{padding:10px}.checkbox{width:14px;height:14px;border:1.5px solid #64748b;display:inline-block;flex:0 0 14px}.choice-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;min-height:28px;font-size:10pt}.choice-item{display:inline-flex;gap:8px;align-items:center}.notes-lines{margin-top:4px}.notes-line{height:28px;border-bottom:1px solid var(--line-dark)}.signature-grid{display:grid;gap:16px}.topbar{position:static;padding:16px 14px 0;background:transparent;backdrop-filter:none;border-bottom:0;box-shadow:none}.topbar-inner{width:100%;max-width:1120px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.topbar-left,.topbar-center,.topbar-right{display:flex;align-items:center}.topbar-center{justify-content:center;flex:1 1 auto}.topbar-right{justify-content:flex-end;gap:10px;flex-wrap:wrap}.brand-link{display:inline-flex;align-items:center;color:#0f172a;font-size:clamp(28px,3.4vw,32px);font-weight:800;letter-spacing:-.05em;line-height:1;transition:color .2s ease}.brand-link:hover{color:var(--primary)}.topbar-label{font-size:14px;font-weight:700;color:var(--muted)}.topbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.print-page-wrap{display:flex;justify-content:center;padding:28px 16px 40px;background:var(--screen-bg)}.helper-note{margin-top:24px;padding:16px 18px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;color:#1e3a8a;font-size:14px;line-height:1.65}@media(max-width:900px){.template-action-bar{align-items:stretch;grid-template-columns:1fr}.template-action-bar__left,.template-action-bar__right{width:100%;justify-content:flex-start}.paper-size-group{width:100%;align-items:flex-start;flex-direction:column;gap:8px}.paper-size-toggle{width:100%}.paper-btn{flex:1 1 0;min-width:0}.print-page-wrap{overflow-x:auto;justify-content:flex-start}.topbar-inner{align-items:flex-start}.topbar-left,.topbar-center{flex:0 0 auto}.topbar-right{width:100%;justify-content:flex-start}}@media(max-width:640px){.page-wrap{padding:28px 16px 56px}.template-action-bar{position:static}.topbar-inner{display:grid;grid-template-columns:1fr auto;gap:12px}.topbar-left{min-width:0}.topbar-center{justify-content:flex-end}.topbar-right{grid-column:1 / -1}.page-description{font-size:16px}.template-bottom-actions__buttons{flex-direction:column}.template-bottom-print-btn,.template-bottom-reset-btn{width:100%}}@media print{html,body{background:#fff!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.topbar{display:none!important}.print-root,.print-page-wrap{display:block!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;background:#fff!important;overflow:visible!important}.paper{width:auto!important;min-height:auto!important;box-shadow:none!important;margin:0!important;border:0!important;background:#fff!important;break-after:auto;break-inside:avoid;page-break-after:auto;page-break-inside:avoid;color:#111827!important;font-size:9.5pt}.paper.orientation-portrait{padding:38px 36px 28px!important}.paper.orientation-landscape{padding:30px 34px 24px!important}.doc-header{gap:14px!important;padding-bottom:8px!important}.doc-title{font-size:20pt!important}.doc-meta{min-width:190px!important}.doc-section{margin-top:9px!important}.section-title{margin-bottom:6px!important;font-size:9.25pt!important}.box{padding:8px!important}.two-col,.three-col,.summary-row,.signature-grid{gap:12px!important}.field-row{min-height:19px!important;font-size:8.75pt!important;line-height:1.25!important}.doc-table th,.doc-table td{padding:4px 5px!important;font-size:8.25pt!important;line-height:1.2!important}.blank-row td,.timesheet-table td,.work-order-table td{height:24px!important}.notes-line{height:18px!important}.table-spacious th,.table-spacious td{padding:5px!important}.table-compact th,.table-compact td{padding:4px!important;font-size:8pt!important}}
