:root{--color-primary: #1B2838;--color-primary-light:#2A3F52;--color-surface: #F5F2ED;--color-card: #FAFAF8;--color-text: #2C2C2C;--color-text-muted: #6B7280;--color-accent: #B8864E;--color-accent-light: #D4A86A;--color-valid: #5B8C6E;--color-error: #B85C4A;--color-link: #5B6FA3;--color-note: #7B8BA8;--color-tip: #5B8C6E;--color-warning: #B8864E;--font-display: "DM Serif Display", Georgia, serif;--font-body: "Source Serif 4", Georgia, serif;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--step--1: .875rem;--step-0: 1.063rem;--step-1: 1.25rem;--step-2: 1.5rem;--step-3: 2rem;--step-4: 2.5rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--step-0);line-height:1.75;color:var(--color-text);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:var(--color-link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}::-moz-selection{background:var(--color-accent);color:#fff}::selection{background:var(--color-accent);color:#fff}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px}body>*{position:relative;z-index:1}h1,h2,h3,h4{line-height:1.25;color:var(--color-primary)}.heading-anchor{opacity:0;margin-left:.25em;font-size:.75em;color:var(--color-text-muted);text-decoration:none;transition:opacity .15s ease}h2:hover .heading-anchor,h3:hover .heading-anchor,h4:hover .heading-anchor{opacity:1}.heading-anchor:hover{color:var(--color-accent)}h1{font-family:var(--font-display);font-size:var(--step-4);font-weight:400;line-height:1.15;margin-bottom:var(--space-lg);letter-spacing:-.01em}h2{font-family:var(--font-display);font-size:var(--step-2);font-weight:400;margin-top:var(--space-3xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(27,40,56,.08)}h3{font-family:var(--font-ui);font-size:var(--step-1);font-weight:600;margin-top:var(--space-2xl);margin-bottom:var(--space-sm)}h4{font-family:var(--font-ui);font-size:var(--step-0);font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md);max-width:70ch}ul,ol{margin-bottom:var(--space-lg);padding-left:1.5rem}li{margin-bottom:var(--space-xs)}strong{font-weight:600;color:var(--color-primary)}code{font-family:var(--font-mono);font-size:.875em;background:#1b28380f;padding:2px 6px;border-radius:var(--radius-sm)}pre{background:#1e1e1e;color:#d4d4d4;padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-lg);font-family:var(--font-mono);font-size:.875rem;line-height:1.6}pre code{background:none;padding:0;font-size:inherit}blockquote{border-left:3px solid var(--color-accent);padding:var(--space-sm) var(--space-lg);margin-bottom:var(--space-lg);color:var(--color-text-muted);font-style:italic}hr{border:none;border-top:1px solid rgba(27,40,56,.08);margin:var(--space-2xl) 0}.module-badge{display:inline-block;font-family:var(--font-ui);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid rgba(27,40,56,.12);padding:2px 10px;border-radius:20px;margin-bottom:var(--space-sm)}.page-meta{display:flex;flex-wrap:wrap;gap:var(--space-lg);font-family:var(--font-ui);font-size:var(--step--1);color:var(--color-text-muted);margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(27,40,56,.06)}.page-meta time{color:var(--color-primary);font-weight:500}.callout{padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border-left:3px solid;font-size:.95rem}.callout p,.callout ul,.callout ol{margin-bottom:0}.callout :last-child{margin-bottom:0}.callout strong{font-weight:600}.callout-note{background:#7b8ba814;border-color:var(--color-note)}.callout-note strong{color:var(--color-note)}.callout-tip{background:#5b8c6e14;border-color:var(--color-tip)}.callout-tip strong{color:var(--color-tip)}.callout-warning{background:#b8864e14;border-color:var(--color-warning)}.callout-warning strong{color:var(--color-warning)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) 0;background-color:#fff;box-shadow:0 1px #1b283814}.site-header .container{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--step-1);font-weight:700;color:var(--color-primary)}.brand:hover{color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:var(--space-xl);list-style:none}.nav-links a{font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--color-text-muted);transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-xs);color:var(--color-primary)}.nav-toggle svg{width:24px;height:24px}.mobile-drawer-overlay{display:none;position:fixed;inset:0;background-color:#0000004d;z-index:199;opacity:0;transition:opacity .3s ease}.mobile-drawer-overlay.open{opacity:1}.mobile-drawer{display:none;position:fixed;top:0;right:0;width:280px;height:100vh;background-color:#fff;box-shadow:-4px 0 24px #0000001f;z-index:200;padding:var(--space-xl);transform:translate(100%);transition:transform .3s ease}.mobile-drawer.open{transform:translate(0)}@media (max-width: 768px){.nav-links{display:none}.nav-toggle{display:flex}.mobile-drawer,.mobile-drawer-overlay{display:block}}.drawer-close{display:flex;justify-content:flex-end;margin-bottom:var(--space-lg)}.drawer-close button{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:1.5rem;line-height:1}.mobile-drawer nav ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-lg)}.mobile-drawer nav a{font-family:var(--font-ui);font-size:var(--step-1);font-weight:500;color:var(--color-primary);display:block;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-surface)}.article-page{padding-top:80px;padding-bottom:var(--space-4xl)}.article-container{max-width:1100px}.breadcrumbs{font-family:var(--font-ui);font-size:var(--step--1);color:var(--color-text-muted);margin-bottom:var(--space-lg);padding-top:var(--space-xl)}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumb-sep{margin:0 var(--space-xs);color:var(--color-accent)}.breadcrumb-current{color:var(--color-primary);font-weight:500}.article-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-3xl);align-items:start}.article-toc{position:sticky;top:96px}.toc-list{list-style:none;padding:0;margin:0;border-left:1px solid rgba(27,40,56,.08)}.toc-item{margin:0}.toc-link{display:block;padding:.4rem var(--space-md);font-family:var(--font-ui);font-size:.8rem;font-weight:400;line-height:1.4;color:var(--color-text-muted);border-left:2px solid transparent;margin-left:-1px;transition:color .2s ease,border-color .2s ease}.toc-link:hover{color:var(--color-primary)}.toc-h3 .toc-link{padding-left:1.75rem;font-size:.75rem}.toc-item.active .toc-link{color:var(--color-primary);font-weight:500;border-left-color:var(--color-accent)}.toc-mobile-toggle{display:none;margin-bottom:var(--space-lg);border:1px solid rgba(27,40,56,.1);border-radius:var(--radius-md);background:var(--color-card)}.toc-mobile-summary{padding:.75rem 1rem;font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--color-primary);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem}.toc-mobile-summary::-webkit-details-marker{display:none}.toc-mobile-summary:before{content:"";width:6px;height:6px;border-right:1.5px solid var(--color-text-muted);border-bottom:1.5px solid var(--color-text-muted);transform:rotate(45deg);transition:transform .2s ease;flex-shrink:0}.toc-mobile-toggle[open] .toc-mobile-summary:before{transform:rotate(-135deg)}.toc-mobile-list{padding:0 1rem .75rem}.toc-mobile-list ul{list-style:none;padding:0;margin:0;border-left:1px solid rgba(27,40,56,.08)}@media (max-width: 1024px){.article-layout{grid-template-columns:1fr;gap:0}.article-toc{display:none}.toc-mobile-toggle{display:block}}.article-content{min-width:0}.article-content .guide-intro{font-size:var(--step-1);color:var(--color-text-muted);margin-bottom:var(--space-2xl);line-height:1.6}.article-content ol.steps{counter-reset:step-counter;list-style:none;padding-left:0}.article-content ol.steps>li{counter-increment:step-counter;padding-left:2.5rem;position:relative;margin-bottom:var(--space-xl)}.article-content ol.steps>li:before{content:counter(step-counter);position:absolute;left:0;top:.1em;width:1.75rem;height:1.75rem;background:var(--color-primary);color:#fff;font-family:var(--font-ui);font-size:.75rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.article-nav{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid rgba(27,40,56,.08)}.article-nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.article-nav-link{display:flex;flex-direction:column;gap:.25rem;padding:var(--space-md) var(--space-lg);border:1px solid rgba(27,40,56,.08);border-radius:var(--radius-md);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.article-nav-link:hover{border-color:var(--color-accent);box-shadow:0 2px 12px #b8864e1f}.article-nav-label{font-family:var(--font-ui);font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.article-nav-prev{text-align:left}.article-nav-next{text-align:right;justify-self:end}.article-nav-next .article-nav-label{color:var(--color-accent)}.article-nav-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-primary);line-height:1.3}@media (max-width: 768px){.article-nav-inner{grid-template-columns:1fr}.article-nav-next{text-align:left;justify-self:start}}.hero-index{min-height:100svh;display:flex;flex-direction:column;justify-content:center;background-color:#0f1a24;background-image:radial-gradient(ellipse at 50% 60%,#1f4a4240,#0f1a24 70%);position:relative;overflow:hidden;padding:var(--space-4xl) 0}.hero-index:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;z-index:0}.hero-index>*{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.hero-visual{display:flex;justify-content:center}.hero-h1{font-family:var(--font-display);font-size:3.5rem;font-weight:400;line-height:1.1;letter-spacing:-.02em;color:#fff;text-align:left;margin-bottom:var(--space-lg);opacity:0;transform:translateY(20px)}.hero-h1 .hero-h1-line2{display:block;font-weight:400;font-family:var(--font-body);font-style:italic;color:#d4d0c8;letter-spacing:0}.hero-description{font-family:var(--font-body);font-size:var(--step-1);color:#8a9b94;text-align:left;max-width:50ch;margin-bottom:var(--space-2xl);opacity:0;transform:translateY(20px)}.hero-invoice-wrap{position:relative;max-width:320px;width:100%;opacity:0;transform:translateY(30px) scale(.97)}.hero-invoice{width:100%;background:#fafaf8;border-radius:var(--radius-lg);box-shadow:0 4px 6px #00000026,0 20px 40px #0000004d,0 0 80px #5b8c6e0f;overflow:hidden;padding:1.5rem}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #1B2838}.invoice-header-left{display:flex;flex-direction:column}.invoice-title{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1b2838;margin-bottom:.15rem}.invoice-subtitle{font-family:var(--font-ui);font-size:.55rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.invoice-meta{text-align:right}.invoice-meta-row{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text);line-height:1.5}.invoice-meta-row strong{color:#1b2838}.invoice-table{width:100%;margin-bottom:.75rem}.invoice-table-header{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid rgba(27,40,56,.1)}.invoice-table-header span{font-family:var(--font-ui);font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.invoice-line{display:flex;justify-content:space-between;padding:.25rem 0}.invoice-line-desc{font-family:var(--font-body);font-size:.75rem;color:var(--color-text)}.invoice-line-amount{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text);text-align:right}.invoice-totals{border-top:2px solid #1B2838;padding-top:.5rem}.invoice-total-row{display:flex;justify-content:space-between;padding:.15rem 0}.invoice-total-label{font-family:var(--font-ui);font-size:.7rem;color:var(--color-text-muted)}.invoice-total-value{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text);text-align:right}.invoice-total-row.grand-total .invoice-total-label{font-weight:600;color:#1b2838}.invoice-total-row.grand-total .invoice-total-value{font-weight:500;color:#1b2838;font-size:.8rem}.hero-stamp{position:absolute;bottom:12%;right:-6%;width:140px;height:140px;transform:rotate(-12deg);opacity:0;filter:drop-shadow(0 2px 8px rgba(91,140,110,.3))}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-ui);font-size:.875rem;font-weight:500;padding:.7rem 1.5rem;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;line-height:1.4;background-color:#ffffff1a;color:#fff;border-color:#fff3;opacity:0;transform:translateY(20px)}.hero-cta:hover{background-color:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent)}.hero-cta svg{width:16px;height:16px}.hero-scroll-hint{margin-top:var(--space-2xl);display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;opacity:0;animation:heroScrollHintFade .5s ease 1.5s forwards;cursor:pointer;text-decoration:none}.hero-scroll-hint span{font-family:var(--font-ui);font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d}.hero-scroll-hint svg{width:16px;height:16px;stroke:#ffffff4d;animation:heroScrollBounce 2s ease-in-out infinite}.hero-index.loaded .hero-h1{animation:heroFadeUp .5s ease forwards}.hero-index.loaded .hero-description{animation:heroFadeUp .5s ease .15s forwards}.hero-index.loaded .hero-invoice-wrap{animation:heroInvoiceIn .6s cubic-bezier(.22,1,.36,1) .2s forwards}.hero-index.loaded .hero-stamp{animation:heroStampIn .35s cubic-bezier(.34,1.56,.64,1) .75s forwards}.hero-index.loaded .hero-cta{animation:heroFadeUp .4s ease .5s forwards}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroInvoiceIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroStampIn{0%{opacity:0;transform:rotate(-12deg) scale(1.15)}60%{opacity:1;transform:rotate(-12deg) scale(.95)}to{opacity:1;transform:rotate(-12deg) scale(1)}}@keyframes heroScrollHintFade{to{opacity:1}}@keyframes heroScrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.guides-section{background-color:var(--color-surface);padding:var(--space-4xl) 0}.guides-header{margin-bottom:var(--space-2xl)}.guides-header h2{border:none;font-family:var(--font-display);font-size:var(--step-3)}.guides-header p{color:var(--color-text-muted);font-size:var(--step-1)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.guide-card{background:var(--color-card);border:1px solid rgba(27,40,56,.08);border-radius:var(--radius-lg);padding:var(--space-xl);text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.guide-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #1b283814;border-color:var(--color-accent-light);color:inherit}.guide-card h3{font-family:var(--font-display);font-size:var(--step-1);font-weight:600;margin-top:0;margin-bottom:var(--space-sm)}.guide-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.6;flex:1}.card-badge{display:inline-block;font-family:var(--font-ui);font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:var(--space-md);line-height:1.4}.badge-setup{background:#5b8c6e1a;color:var(--color-valid)}.badge-operations{background:#b8864e1f;color:var(--color-accent)}.badge-reference{background:#6b72801a;color:var(--color-text-muted)}.guide-card.setup{border-left:3px solid var(--color-valid)}.guide-card.operations{border-left:3px solid var(--color-accent)}.guide-card.reference{border-left:3px solid var(--color-text-muted)}.card-meta{display:block;font-family:var(--font-ui);font-size:.75rem;color:var(--color-text-muted);margin-top:auto;padding-top:var(--space-sm)}.guide-cta{font-family:var(--font-ui);font-size:.8rem;font-weight:500;color:var(--color-accent);margin-top:var(--space-sm);display:flex;align-items:center;gap:6px}.guide-cta svg{width:14px;height:14px;transition:transform .2s ease}.guide-card:hover .guide-cta svg{transform:translate(4px)}.site-footer{border-top:1px solid rgba(27,40,56,.08);padding:var(--space-2xl) 0;background-color:var(--color-card)}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-xl)}.footer-brand{max-width:300px}.footer-brand .brand{margin-bottom:var(--space-md)}.footer-brand p{font-size:.85rem;color:var(--color-text-muted)}.footer-links{display:flex;gap:var(--space-2xl)}.footer-col h4{font-family:var(--font-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-col a{font-family:var(--font-ui);font-size:.85rem;color:var(--color-text)}.footer-col a:hover{color:var(--color-accent)}.footer-bottom{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid rgba(27,40,56,.06);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer-bottom p{font-family:var(--font-ui);font-size:.8rem;color:var(--color-text-muted)}@media (max-width: 900px){h1{font-size:var(--step-3)}.hero-index h1{font-size:2.5rem}.hero-index{min-height:70svh}.guides-grid{grid-template-columns:1fr}}@media (max-width: 768px){h1{font-size:var(--step-3)}.page-meta{flex-direction:column;gap:var(--space-sm)}.footer-inner{flex-direction:column}.footer-links{flex-direction:column;gap:var(--space-xl)}.footer-bottom{flex-direction:column;align-items:flex-start}.article-page{padding-top:72px}}@media (min-width: 769px) and (max-width: 1024px){.guides-grid{grid-template-columns:repeat(2,1fr)}}.guide-card{opacity:1;transform:translateY(0)}.guide-card.animate{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.guide-card.animate.visible{opacity:1;transform:translateY(0)}.guide-card.animate:nth-child(1){transition-delay:0ms}.guide-card.animate:nth-child(2){transition-delay:80ms}.guide-card.animate:nth-child(3){transition-delay:.16s}.guide-card.animate:nth-child(4){transition-delay:.24s}.guide-card.animate:nth-child(5){transition-delay:.32s}.guide-card.animate:nth-child(6){transition-delay:.4s}.guide-card.animate:nth-child(7){transition-delay:.48s}.guide-card.animate:nth-child(8){transition-delay:.56s}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.hero-visual{order:2}.hero-invoice-wrap{max-width:280px;margin:0 auto}.hero-stamp{width:110px;height:110px;right:-4%;bottom:10%}}@media (max-width: 768px){.hero-h1{font-size:2.2rem}.hero-h1 .hero-h1-line2{font-size:2rem}.hero-description{font-size:var(--step-0)}.hero-invoice{padding:1rem}.invoice-title{font-size:.6rem}.invoice-meta-row{font-size:.55rem}.invoice-line-desc,.invoice-line-amount{font-size:.65rem}.invoice-total-label,.invoice-total-value{font-size:.6rem}.invoice-total-row.grand-total .invoice-total-value{font-size:.7rem}}@media (prefers-reduced-motion: reduce){.guide-card.animate{opacity:1;transform:none;transition:none!important}.hero-h1,.hero-description,.hero-invoice-wrap,.hero-stamp,.hero-cta{opacity:1!important;transform:none!important;animation:none!important}.hero-scroll-hint{opacity:1;animation:none}.hero-scroll-hint svg{animation:none}}