:root{--tool-blue:#0022E1;--tool-navy:#000E3A;--tool-gold:#FFE070;--tool-line:#dfe5ef;--tool-surface:#f5f7fc;--tool-text:#10182d;--tool-muted:#65718a;--tool-radius:14px;--tool-shadow:0 18px 50px rgba(0,14,58,.09)}
.tools-shell{background:#fff}.tools-shell *{box-sizing:border-box}.tools-hero{padding:72px 0 54px;background:linear-gradient(135deg,#000E3A 0%,#001a63 62%,#0022E1 100%);color:#fff}.tools-hero .container{max-width:980px}.eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.14em;font-weight:900;color:var(--tool-blue);text-transform:uppercase}.tools-hero .eyebrow,.tool-page-head .eyebrow{color:var(--tool-gold)}.tools-hero h1,.tool-page-head h1{margin:.45rem 0 .8rem;line-height:1.05;letter-spacing:-.04em;font-size:clamp(2.2rem,6vw,4.8rem)}.tools-hero p{max-width:760px;color:#dce5ff;font-size:1.05rem}.tool-search,.tool-inline-search{position:relative;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:7px;margin-top:24px;box-shadow:0 15px 40px rgba(0,0,0,.18)}.tool-search span,.tool-inline-search span{color:var(--tool-blue);font-size:1.5rem;padding:0 8px}.tool-search input,.tool-inline-search input{border:0;outline:0;min-width:0;flex:1;background:transparent;padding:12px 4px;color:#111}.tool-search button{border:0;background:#edf1ff;color:var(--tool-blue);border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tool-btn,.share-actions a,.share-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:14px;padding:10px 15px;font-weight:850;border:1px solid transparent;cursor:pointer}.tool-btn.primary{background:var(--tool-blue);color:#fff}.tools-hero .tool-btn.primary{background:var(--tool-gold);color:#0b173b}.tool-btn.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.tool-section{padding:64px 0}.tool-section.alt{background:var(--tool-surface)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.section-head h2,.guide-section h2{margin:.3rem 0 0;font-size:clamp(1.7rem,3vw,2.5rem);color:var(--tool-navy)}.section-head p{max-width:470px;color:var(--tool-muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card,.category-card{display:flex;flex-direction:column;gap:10px;padding:20px;background:#fff;border:1px solid var(--tool-line);border-radius:14px;box-shadow:0 8px 24px rgba(0,14,58,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tool-card:hover,.category-card:hover{transform:translateY(-3px);box-shadow:var(--tool-shadow);border-color:#b9c7f6}.tool-card strong,.category-card strong{color:var(--tool-navy);font-size:1.03rem}.tool-card p,.category-card p{margin:0;color:var(--tool-muted);font-size:.92rem;line-height:1.55}.tool-open{margin-top:auto;color:var(--tool-blue);font-weight:850;font-size:.88rem}.tool-icon,.large-tool-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#edf1ff;color:var(--tool-blue)}.tool-icon svg,.large-tool-icon svg{width:23px;height:23px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.category-card{min-height:145px}.info-panel{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px;border:1px solid #d8e0f2;border-radius:14px;background:linear-gradient(120deg,#f7f9ff,#fff)}.info-panel h2{margin:.35rem 0}.info-panel p{margin:0;color:var(--tool-muted);max-width:680px}.empty-search{padding:20px;border:1px dashed #bbc6dc;border-radius:14px;color:var(--tool-muted);margin-top:16px}.tool-page-head{padding:40px 0 36px;background:#f6f8ff;border-bottom:1px solid var(--tool-line)}.tool-page-head h1{font-size:clamp(2rem,5vw,3.6rem);color:var(--tool-navy);max-width:850px}.tool-page-head p{max-width:800px;color:var(--tool-muted);font-size:1.02rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;font-size:.82rem;color:var(--tool-muted)}.breadcrumbs a{color:var(--tool-blue);font-weight:800}.tool-inline-search{max-width:720px;border-color:var(--tool-line);box-shadow:none;margin-top:20px}.tool-search-results{position:absolute;left:0;right:0;top:58px;background:#fff;border:1px solid var(--tool-line);border-radius:14px;box-shadow:var(--tool-shadow);z-index:10;padding:8px}.tool-search-results a{display:block;padding:10px;border-radius:10px}.tool-search-results a:hover{background:#f2f5ff}.tool-workspace{padding:48px 0}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.tool-panel{border:1px solid var(--tool-line);border-radius:14px;background:#fff;box-shadow:var(--tool-shadow);padding:24px}.panel-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid var(--tool-line);padding-bottom:18px;margin-bottom:20px}.panel-top h2{margin:.3rem 0}.panel-top p{margin:0;color:var(--tool-muted)}.tool-category{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--tool-blue)}.tool-interface{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font-weight:800;color:var(--tool-navy)}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd5e5;border-radius:14px;padding:12px 13px;background:#fff;color:var(--tool-text);min-height:46px}.field textarea{min-height:190px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--tool-blue);outline:3px solid rgba(0,34,225,.12)}.action-row{display:flex;gap:9px;flex-wrap:wrap}.action-btn{border:0;border-radius:14px;padding:11px 16px;background:var(--tool-blue);color:#fff;font-weight:850;cursor:pointer;min-height:46px}.action-btn.secondary{background:#eef2fb;color:var(--tool-navy)}.action-btn.gold{background:var(--tool-gold);color:#0b173b}.result-card{border:1px solid #d9e2f3;border-radius:14px;background:#f8faff;padding:18px;margin-top:16px}.result-card h3{margin:.2rem 0 .5rem}.result-value{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;color:var(--tool-blue);word-break:break-word}.result-output{width:100%;min-height:180px;border:1px solid #ccd5e5;border-radius:14px;padding:14px;background:#fff;white-space:pre-wrap;overflow:auto}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric{padding:14px;border:1px solid var(--tool-line);border-radius:14px;background:#fff}.metric strong{display:block;font-size:1.2rem;color:var(--tool-navy)}.metric span{color:var(--tool-muted);font-size:.82rem}.tool-status{min-height:24px;margin-top:12px;font-weight:700}.tool-status.error{color:#a51d2d}.tool-status.success{color:#146c43}.tool-side{display:grid;gap:16px;align-content:start}.side-card{padding:20px;border:1px solid var(--tool-line);border-radius:14px;background:#fff}.side-card h2{margin:.35rem 0}.side-card p,.side-card li{color:var(--tool-muted)}.side-card ol{padding-left:20px}.share-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px 0}.share-bar>span{color:var(--tool-muted);font-size:.9rem}.share-actions{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}.share-actions a,.share-actions button{background:#f1f4fa;color:var(--tool-navy);font-size:.84rem}.share-actions a:hover,.share-actions button:hover{background:#e7edff;color:var(--tool-blue)}.narrow{max-width:900px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.feature-list>div{padding:18px;border:1px solid var(--tool-line);border-radius:14px;background:#fff}.feature-list strong,.feature-list span{display:block}.feature-list span{color:var(--tool-muted);margin-top:6px}.tool-search:focus-within,.tool-inline-search:focus-within{outline:3px solid rgba(0,34,225,.15)}
@media(max-width:980px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-layout{grid-template-columns:1fr}.tool-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.tools-hero{padding:48px 0 38px}.tool-section{padding:46px 0}.section-head{display:block}.section-head p{margin-top:8px}.tool-grid,.category-grid,.feature-list,.metric-grid{grid-template-columns:1fr}.info-panel{display:block}.info-panel .tool-btn{margin-top:18px}.tool-panel{padding:17px}.panel-top{align-items:center}.large-tool-icon{flex:0 0 44px}.tool-side{grid-template-columns:1fr}.share-actions{margin-left:0;width:100%}.share-actions a,.share-actions button{flex:1}.tool-search{padding:5px}.tool-search button{display:none}.tool-search input{padding:11px 3px}.hero-links{display:grid;grid-template-columns:1fr}.tool-btn{width:100%}.breadcrumbs{font-size:.75rem}.tool-page-head{padding:28px 0}.tool-workspace{padding:28px 0}.feature-list{margin-top:16px}.result-output{min-height:160px}}
@media(prefers-reduced-motion:reduce){.tool-card,.category-card{transition:none}}

.tools-shell.dark{background:#081126;color:#eaf0ff}.tools-shell.dark .tool-page-head,.tools-shell.dark .tool-section.alt{background:#0d1730;color:#eaf0ff}.tools-shell.dark .tool-page-head h1,.tools-shell.dark .section-head h2,.tools-shell.dark .guide-section h2,.tools-shell.dark .tool-card strong,.tools-shell.dark .category-card strong,.tools-shell.dark .panel-top h2,.tools-shell.dark .side-card h2{color:#fff}.tools-shell.dark .tool-card,.tools-shell.dark .category-card,.tools-shell.dark .tool-panel,.tools-shell.dark .side-card,.tools-shell.dark .feature-list>div,.tools-shell.dark .info-panel{background:#101b35;border-color:#263653}.tools-shell.dark .tool-card p,.tools-shell.dark .category-card p,.tools-shell.dark .tool-page-head p,.tools-shell.dark .panel-top p,.tools-shell.dark .side-card p,.tools-shell.dark .side-card li,.tools-shell.dark .section-head p,.tools-shell.dark .info-panel p{color:#b8c4db}.tools-shell.dark .field input,.tools-shell.dark .field select,.tools-shell.dark .field textarea,.tools-shell.dark .result-output{background:#0a1327;color:#eef3ff;border-color:#334463}.tools-shell.dark .result-card{background:#0d1730;border-color:#2b3c5e}.tools-shell.dark .share-actions a,.tools-shell.dark .share-actions button,.tools-shell.dark .action-btn.secondary{background:#1a2743;color:#eaf0ff}.tools-shell.dark .tool-inline-search{background:#fff}
.tool-page-actions{margin-top:10px}.tool-page-actions .action-btn{font-size:.82rem;min-height:40px}
.field-help{display:block;color:var(--tool-muted);font-size:.82rem;line-height:1.45}.tool-preview{display:block;max-width:100%;max-height:520px;margin:14px auto;border-radius:14px;border:1px solid var(--tool-line);object-fit:contain;background:#fff}.qr-preview{display:block;width:min(320px,100%);height:auto;margin:10px auto;background:#fff;padding:10px;border-radius:14px}.faq-list{display:grid;gap:10px;margin-top:18px}.faq-list details{border:1px solid var(--tool-line);border-radius:14px;background:#fff;padding:14px 16px}.faq-list summary{cursor:pointer;font-weight:800;color:var(--tool-navy)}.faq-list p{color:var(--tool-muted);margin:10px 0 0;line-height:1.65}.tools-shell.dark .faq-list details{background:#101b35;border-color:#263653}.tools-shell.dark .faq-list summary{color:#fff}.tools-shell.dark .tool-preview{background:#fff}.tool-interface input[type=range]{accent-color:var(--tool-blue);padding:0}.tool-interface input[type=color]{padding:5px;min-height:52px}.tool-interface input[type=file]{padding:9px}.tool-interface input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--tool-blue);vertical-align:middle}.tool-interface .field>label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.tool-interface .result-card{overflow:hidden}.tool-interface .result-output{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.55}.tool-interface .action-row{margin-top:4px}.tool-interface select{appearance:auto}.tool-main{min-width:0}

/* Tools home — refined product landing page */
.tools-home{overflow:hidden}
.tools-home .container{max-width:1180px}
.tools-home-hero{padding:78px 0 70px;background:radial-gradient(circle at 86% 18%,rgba(0,34,225,.34),transparent 34%),linear-gradient(135deg,#000b2d 0%,#000E3A 48%,#001d72 100%)}
.tools-hero-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:54px;align-items:center}
.tools-hero-copy h1{max-width:820px;font-size:clamp(2.65rem,6vw,5.35rem);line-height:.98;letter-spacing:-.055em;margin:.55rem 0 1rem}
.tools-hero-copy>p{max-width:760px;font-size:1.12rem;line-height:1.75;color:#dbe5ff;margin:0}
.tool-search-hero{max-width:790px;margin-top:28px;min-height:64px;border:1px solid rgba(255,255,255,.28);padding:8px 8px 8px 12px}
.tool-search-hero input{font-size:1rem;padding:15px 6px}
.tool-search-hero button{background:#eef2ff;color:var(--tool-navy);border-radius:10px;padding:12px 15px}
.tools-hero-panel{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:20px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.hero-panel-label{padding:13px 14px 10px;color:#aebeff;font-size:.7rem;font-weight:900;letter-spacing:.15em}
.hero-panel-list{display:grid;gap:6px}
.hero-panel-list a{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:12px;border-radius:14px;color:#fff;text-decoration:none;transition:background .2s ease,transform .2s ease}
.hero-panel-list a:hover,.hero-panel-list a:focus-visible{background:rgba(255,255,255,.1);transform:translateX(2px)}
.hero-panel-list b{display:block;font-size:.92rem}.hero-panel-list small{display:block;color:#b8c6e8;font-size:.76rem;line-height:1.45;margin-top:3px}
.tool-icon.small{width:42px;height:42px;background:#eef2ff;color:var(--tool-blue);border-radius:12px}
.tool-hero-points{display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:23px;color:#b9c8e9;font-size:.82rem}.tool-hero-points span{position:relative}.tool-hero-points span:not(:last-child)::after{content:"";position:absolute;right:-13px;top:50%;width:4px;height:4px;border-radius:50%;background:#6d7fae}.tool-hero-points b{color:#fff}
.tools-intro{padding:28px 0 12px}
.intro-strip{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:start;padding:26px 30px;border:1px solid #dbe3f2;border-radius:18px;background:#fff;box-shadow:0 12px 38px rgba(0,14,58,.055)}
.intro-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#eaf0ff;color:var(--tool-blue)}.intro-icon svg{width:28px;height:28px}.intro-strip h2{font-size:clamp(1.45rem,3vw,2rem);margin:.25rem 0 .45rem;color:var(--tool-navy)}.intro-strip p{margin:0;color:var(--tool-muted);line-height:1.7;max-width:820px}
.featured-section{padding-top:52px}.section-head-featured{align-items:end}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-card,.all-tool-card{min-height:250px}.tool-card-top{display:flex;justify-content:space-between;align-items:start}.tool-card-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dce4f3;border-radius:10px;color:#65718a;font-weight:900;transition:all .2s ease}.tool-card:hover .tool-card-arrow{background:var(--tool-blue);border-color:var(--tool-blue);color:#fff}.tool-card-category{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:var(--tool-blue);margin-top:2px}.featured-card strong,.all-tool-card strong{font-size:1.05rem;line-height:1.25}.featured-card p,.all-tool-card p{font-size:.87rem}.category-section{padding-top:70px}.category-grid-professional{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.category-card-professional{min-height:218px;padding:20px}.category-card-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.category-count{font-size:.7rem;font-weight:900;color:var(--tool-muted);background:#f0f3f9;border-radius:999px;padding:6px 8px;white-space:nowrap}.category-card-professional strong{font-size:1.02rem;line-height:1.3}.category-card-professional p{font-size:.84rem}.category-card-professional .tool-open{margin-top:auto}.all-tools-section{padding-top:72px}.all-tools-head{margin-bottom:20px}.tool-library-controls{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:14px;align-items:center;margin-bottom:22px}.tool-search-library{margin:0;background:#fff;border:1px solid var(--tool-line);box-shadow:none;min-height:54px}.tool-search-library input{font-size:.94rem}.tool-filter-row{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.filter-chip{border:1px solid #d7dfed;background:#fff;color:var(--tool-navy);border-radius:999px;padding:9px 12px;font-size:.76rem;font-weight:850;cursor:pointer;transition:all .18s ease}.filter-chip:hover,.filter-chip:focus-visible{border-color:#9eaff0;background:#f3f6ff}.filter-chip.is-active{background:var(--tool-blue);border-color:var(--tool-blue);color:#fff}.all-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;scroll-margin-top:90px}.all-tool-card{min-height:238px;padding:18px}.library-more{text-align:center;margin-top:24px}.secondary-dark{background:#eef2fb;color:var(--tool-navy);border-color:#d6deec}.secondary-dark:hover,.secondary-dark:focus-visible{background:#dfe7f8;color:var(--tool-blue)}.tools-final-cta{padding:38px 42px;border-radius:20px}.tools-final-cta h2{font-size:clamp(1.65rem,3vw,2.4rem);color:var(--tool-navy);margin:.3rem 0 .6rem}.cta-actions{display:flex;gap:9px;flex-wrap:wrap;flex:0 0 auto}.tool-guidance-section{padding-top:70px}.guidance-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:50px;align-items:start}.guidance-copy h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;color:var(--tool-navy);margin:.4rem 0 .9rem}.guidance-copy p{color:var(--tool-muted);line-height:1.75;max-width:650px}.guidance-steps{display:grid;gap:10px}.guidance-steps>div{display:grid;grid-template-columns:54px 130px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px solid var(--tool-line);border-radius:14px;background:#fff}.guidance-steps span{font-size:.75rem;font-weight:900;color:var(--tool-blue);letter-spacing:.1em}.guidance-steps b{color:var(--tool-navy)}.guidance-steps p{margin:0;color:var(--tool-muted);font-size:.86rem;line-height:1.5}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.tools-home .empty-search{display:flex;flex-direction:column;gap:5px;background:#fff}.tools-home .empty-search strong{color:var(--tool-navy)}
.tools-shell.dark .intro-strip,.tools-shell.dark .guidance-steps>div,.tools-shell.dark .tool-search-library,.tools-shell.dark .filter-chip,.tools-shell.dark .tools-final-cta{background:#101b35;border-color:#263653}.tools-shell.dark .intro-strip h2,.tools-shell.dark .guidance-copy h2,.tools-shell.dark .guidance-steps b,.tools-shell.dark .tools-final-cta h2,.tools-shell.dark .empty-search strong{color:#fff}.tools-shell.dark .intro-strip p,.tools-shell.dark .guidance-copy p,.tools-shell.dark .guidance-steps p{color:#b8c4db}.tools-shell.dark .category-count{background:#1a2743;color:#b8c4db}.tools-shell.dark .filter-chip{color:#eaf0ff}.tools-shell.dark .filter-chip.is-active{background:var(--tool-blue);border-color:var(--tool-blue);color:#fff}.tools-shell.dark .secondary-dark{background:#1a2743;color:#eaf0ff;border-color:#2b3b5b}
@media(max-width:1100px){.tools-hero-layout{grid-template-columns:1fr}.tools-hero-panel{max-width:760px}.category-grid-professional{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-grid,.all-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-library-controls{grid-template-columns:1fr}.tool-filter-row{justify-content:flex-start}}
@media(max-width:760px){.tools-home-hero{padding:52px 0 46px}.tools-hero-copy h1{font-size:clamp(2.45rem,13vw,3.7rem)}.tools-hero-copy>p{font-size:.98rem}.tools-hero-panel{border-radius:16px}.tool-hero-points{gap:8px 17px}.tool-hero-points span:not(:last-child)::after{right:-10px}.intro-strip{grid-template-columns:1fr;padding:22px}.featured-grid,.all-tools-grid,.category-grid-professional{grid-template-columns:1fr}.featured-card,.all-tool-card{min-height:unset}.guidance-grid{grid-template-columns:1fr;gap:28px}.guidance-steps>div{grid-template-columns:45px 1fr}.guidance-steps p{grid-column:2}.tools-final-cta{padding:25px}.cta-actions{display:grid;grid-template-columns:1fr}.tool-library-controls{gap:10px}.filter-chip{font-size:.72rem;padding:8px 10px}.tool-filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tool-filter-row::-webkit-scrollbar{display:none}.tool-filter-row .filter-chip{flex:0 0 auto}}

/* Touch interaction hardening */
.tool-interface .action-btn,
.tool-page-actions .action-btn,
.share-actions button,
.tool-search button,
.filter-chip,
#showAllTools,
#clearSearch {
  position: relative;
  z-index: 2;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.tool-interface .action-btn:disabled,
.share-actions button:disabled,
.tool-search button:disabled,
.filter-chip:disabled,
#showAllTools:disabled,
#clearSearch:disabled { opacity:.55; cursor:not-allowed; }

/* Professional tool refinements */
.tools-home-hero .tools-hero-copy h1{color:#fff !important;text-shadow:0 2px 18px rgba(0,0,0,.16)}
.invoice-preview{border:1px solid #dfe5ef;border-radius:14px;overflow:hidden;background:#fff;color:#10182d;margin-top:12px}.invoice-head{display:flex;justify-content:space-between;gap:24px;padding:24px;background:var(--invoice-accent,#0022E1);color:#fff}.invoice-brand{display:flex;gap:14px;align-items:center}.invoice-brand img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.invoice-brand strong{display:block;font-size:1.12rem}.invoice-brand span,.invoice-title span{display:block;font-size:.78rem;opacity:.88;margin-top:4px}.invoice-title{text-align:right}.invoice-title b{font-size:1.65rem;letter-spacing:.04em}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px;border-bottom:1px solid #e3e8f1}.invoice-parties small,.invoice-bottom small{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:#65718a}.invoice-parties strong{display:block;margin:5px 0;color:#000E3A}.invoice-parties span{display:block;color:#65718a;font-size:.82rem;line-height:1.45}.invoice-preview table{width:100%;border-collapse:collapse}.invoice-preview th,.invoice-preview td{padding:11px 14px;border-bottom:1px solid #e3e8f1;text-align:left;font-size:.84rem}.invoice-preview th{background:#f5f7fb;color:#000E3A;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.invoice-bottom{display:flex;justify-content:space-between;gap:24px;padding:22px}.invoice-bottom p{color:#65718a;font-size:.84rem;line-height:1.55;max-width:420px}.invoice-totals{min-width:250px}.invoice-totals span,.invoice-totals strong{display:flex;justify-content:space-between;gap:24px;padding:6px 0;color:#65718a}.invoice-totals strong{border-top:2px solid var(--invoice-accent,#0022E1);padding-top:11px;margin-top:6px;color:#000E3A;font-size:1rem}.invoice-totals strong b{color:var(--invoice-accent,#0022E1)}
@media(max-width:700px){.invoice-head,.invoice-parties,.invoice-bottom{display:block}.invoice-title{text-align:left;margin-top:18px}.invoice-bottom>div{max-width:none}.invoice-totals{min-width:0;margin-top:18px}.invoice-preview{overflow-x:auto}.invoice-preview table{min-width:580px}}