@layer legacy {
:root{--bg:#f7f8fc;--paper:#fff;--ink:#141b2e;--muted:#737c91;--line:#e4e8f0;--primary:#4e55df;--primary-dark:#3f46ca;--violet:#7b67ee;--mint:#b8f2d8;--soft:#edf0ff;--navy:#111b34;--danger:#c53c55;--success:#0d9466;--shadow:0 24px 70px rgba(26,37,72,.09);--shadow-sm:0 8px 24px rgba(26,37,72,.06);--radius:20px;--font:'DM Sans',system-ui,sans-serif;--display:'Manrope','DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.58;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}.wrap{width:min(1190px,calc(100% - 48px));margin-inline:auto}.ambient{position:absolute;pointer-events:none;filter:blur(60px);opacity:.4;z-index:-1}.ambient-a{width:350px;height:350px;background:#dfe3ff;border-radius:50%;top:120px;left:-220px}.ambient-b{width:300px;height:300px;background:#d6f8e8;border-radius:50%;top:550px;right:-180px}.site-header{position:sticky;top:0;z-index:80;background:rgba(247,248,252,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,225,237,.8)}.header-inner{height:78px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:21px;line-height:1;font-weight:800;letter-spacing:-.9px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;color:white;background:linear-gradient(145deg,#6369ef,#454bd4);box-shadow:0 6px 14px rgba(78,85,223,.25)}.brand-mark svg{width:19px;height:19px;stroke-width:2.2}.brand-ai{color:var(--primary);margin-left:2px}.main-nav{display:flex;align-items:center;gap:27px;margin-left:auto}.main-nav a,.nav-quiet{font-size:13px;font-weight:600;color:#606a80;transition:color .2s}.main-nav a:hover,.main-nav a.is-current,.nav-quiet:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:17px}.inline-form{display:inline-flex;margin:0}.mobile-menu{display:none;border:0;background:transparent;color:var(--ink)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:0 20px;border:1px solid transparent;border-radius:12px;font-weight:700;font-size:13px;letter-spacing:.005em;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap}.btn svg{width:16px;height:16px}.btn:hover{transform:translateY(-1px)}.btn-primary{color:white;background:linear-gradient(135deg,#6268ed,#494fd2);box-shadow:0 8px 18px rgba(78,85,223,.2)}.btn-primary:hover{background:linear-gradient(135deg,#565de3,#3d44c4);box-shadow:0 12px 24px rgba(78,85,223,.24)}.btn-dark{background:#17213a;color:#fff}.btn-outline{border-color:#dfe3ee;background:white;color:#293149}.btn-outline:hover{border-color:#b4bcdf;background:#fbfbff}.btn-ghost{background:transparent;color:#667087}.btn-ghost:hover{background:#edf0fa}.btn-sm{min-height:39px;padding:0 14px;border-radius:10px;font-size:12px}.btn-lg{min-height:54px;padding:0 23px;border-radius:14px;font-size:14px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1.25px;font-size:10px;font-weight:800;color:var(--primary)}.eyebrow .pulse{width:7px;height:7px;background:#43c99b;border-radius:50%;box-shadow:0 0 0 4px rgba(67,201,155,.14)}.display{font-family:var(--display);font-size:clamp(42px,5.15vw,67px);font-weight:800;line-height:1.07;letter-spacing:-3.5px;margin:17px 0 20px;color:#171e33}.display em{font-style:normal;color:var(--primary);position:relative}.display em:after{content:"";position:absolute;bottom:-3px;left:1px;right:0;height:7px;border-radius:90%;background:var(--mint);z-index:-1;transform:rotate(-1deg)}.subhead{font-size:17px;line-height:1.75;color:#667089;max-width:570px}.section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px}.section-head h2,.section-title{font-family:var(--display);font-size:clamp(27px,3vw,39px);letter-spacing:-1.65px;line-height:1.18;margin:10px 0;color:#172037}.section-head p{margin:8px 0 0;color:var(--muted);max-width:510px;font-size:14px}.link-arrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-weight:700;font-size:13px;white-space:nowrap}.link-arrow svg{width:15px}.hero{padding:74px 0 57px;position:relative}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:58px;align-items:center}.hero-copy{padding:0 0 26px}.hero-copy .subhead{max-width:520px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:28px;font-size:11px;color:#737d91}.avatar-stack{display:flex;padding-left:4px}.avatar{width:31px;height:31px;display:grid;place-items:center;border:2px solid var(--bg);margin-left:-5px;border-radius:50%;font-size:10px;font-weight:800;color:#3f4c72;background:#e0e5ff}.avatar:nth-child(2){background:#d8f6e9;color:#1a7d60}.avatar:nth-child(3){background:#ffe5d7;color:#a54d2a}.avatar:nth-child(4){background:#e9dcff;color:#7747b3}.avatar-small{width:29px;height:29px;margin:0;border-color:#fff}.proof-stars{color:#edab47;letter-spacing:1px;font-size:13px}.hero-art{position:relative;min-height:490px;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;inset:20px 12px 16px 15px;border-radius:48%;border:1px dashed #cfd4ed;transform:rotate(-8deg)}.art-orbit:before,.art-orbit:after{content:"";position:absolute;border-radius:50%;background:var(--mint);width:17px;height:17px;top:12%;left:16%;box-shadow:0 4px 14px rgba(68,201,154,.28)}.art-orbit:after{top:auto;bottom:11%;left:auto;right:13%;background:#b4b9ff}.resume-window{z-index:2;position:relative;width:min(440px,90%);height:438px;background:#fff;border:1px solid #e7e9f1;border-radius:17px;box-shadow:0 28px 85px rgba(34,43,85,.15);overflow:hidden;transform:rotate(2deg)}.window-top{height:44px;border-bottom:1px solid #eef0f5;display:flex;align-items:center;padding:0 15px;gap:6px}.window-dot{width:7px;height:7px;border-radius:50%;background:#dadde7}.window-title{margin-left:8px;font-size:10px;color:#9098aa}.window-top .window-mini{margin-left:auto;background:#eef0ff;color:#565cdc;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:700}.resume-sheet{padding:26px 34px;max-width:360px;margin:auto;color:#273049}.sheet-head{border-bottom:2px solid #5661dc;padding-bottom:13px}.sheet-head h3{font:800 23px var(--display);margin:0 0 4px;letter-spacing:-.8px}.sheet-head p{margin:0;color:#5761d1;font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.sheet-contact{margin-top:7px;font-size:8px;color:#8b93a6}.sheet-section{margin-top:18px}.sheet-label{font-size:8px;font-weight:800;letter-spacing:1px;color:#4f56d4;text-transform:uppercase;margin-bottom:8px}.sheet-line{height:5px;border-radius:3px;background:#ebedf3;margin:5px 0}.sheet-line.dark{background:#9ca5ba}.sheet-line.w90{width:90%}.sheet-line.w80{width:80%}.sheet-line.w70{width:70%}.sheet-line.w62{width:62%}.sheet-line.w48{width:48%}.sheet-job{display:flex;justify-content:space-between;font-size:8px;font-weight:800;margin-bottom:4px}.sheet-date{color:#969caf;font-weight:500}.sheet-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.sheet-pill{font-size:7px;padding:4px 6px;border-radius:4px;background:#f0f2ff;color:#5860b7}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e9ebf4;padding:13px 15px;border-radius:13px;box-shadow:0 14px 38px rgba(29,40,79,.12)}.float-one{top:74px;right:-4px;transform:rotate(4deg)}.float-two{left:-14px;bottom:67px;transform:rotate(-4deg)}.float-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e9f9f1;color:#12946a}.float-icon svg{width:18px}.float-icon.purple{background:#eeedff;color:#6259e9}.float-card strong{font-family:var(--display);font-size:14px;display:block;letter-spacing:-.3px}.float-card span{display:block;font-size:10px;color:#858da0}.template-micro{display:flex;gap:4px;align-items:flex-end}.template-micro b{display:block;width:7px;border-radius:3px;background:#a9affd;height:15px}.template-micro b:nth-child(2){height:23px;background:#7f86f5}.template-micro b:nth-child(3){height:19px;background:#b9bdfd}.trust-strip{border-block:1px solid #e8ebf3;background:rgba(255,255,255,.56);padding:24px 0}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.trust-copy{font-size:11px;color:#9299aa;font-weight:600}.trust-logos{display:flex;align-items:center;gap:40px;color:#7e879c;font-family:var(--display);font-weight:800;letter-spacing:-.4px;font-size:16px}.trust-logos span{display:flex;align-items:center;gap:7px}.trust-logos svg{width:16px;opacity:.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{padding:25px;border:1px solid #e7eaf2;background:rgba(255,255,255,.84);border-radius:17px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.feature-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eff0ff;color:#5b5ee0;margin-bottom:21px}.feature-icon svg{width:20px}.feature-icon.mint{background:#e9faf2;color:#13956c}.feature-icon.peach{background:#fff0e8;color:#c56b39}.feature-card h3{font-family:var(--display);font-size:16px;letter-spacing:-.4px;margin:0 0 8px}.feature-card p{font-size:12px;line-height:1.7;color:#7b8396;margin:0}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.template-card{background:#fff;border:1px solid #e5e8f1;border-radius:16px;padding:12px;transition:.2s;cursor:pointer}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#cbd0f7}.mini-resume{height:216px;border-radius:9px;border:1px solid #edf0f4;background:#fff;padding:18px 17px;overflow:hidden;position:relative;box-shadow:0 4px 10px rgba(22,31,58,.04)}.mini-resume:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--tone,#595ee0)}.mini-name{height:8px;width:52%;background:#2e3953;border-radius:3px;margin:8px 0 7px}.mini-sub{height:4px;width:39%;border-radius:3px;background:var(--tone,#595ee0);margin-bottom:11px}.mini-divider{height:1px;background:#e8ebf1;margin:9px 0}.mini-label{width:37%;height:4px;background:var(--tone,#595ee0);border-radius:3px;margin:10px 0 6px}.mini-line{height:4px;width:92%;background:#e8ebf1;border-radius:3px;margin:5px 0}.mini-line.w80{width:80%}.mini-line.w68{width:68%}.mini-line.w50{width:50%}.mini-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:9px}.mini-tag{width:33px;height:10px;border-radius:3px;background:#f0f1f8}.mini-sidebar{position:absolute;left:0;top:0;bottom:0;width:29%;background:#f2f4ff;padding:20px 8px}.mini-sidebar~.mini-name{margin-left:34%;margin-top:11px}.mini-split-lines{margin-left:34%}.mini-serif .mini-name{height:10px;border-radius:0;background:#39415a}.mini-bubble{display:flex;justify-content:space-between;align-items:center;padding-top:13px}.mini-bubble b{font-size:10px}.mini-bubble span{font-size:9px;color:#8a92a5}.template-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 3px 3px;gap:8px}.template-meta strong{display:block;font-size:12px;letter-spacing:-.2px}.template-meta span{display:block;color:#8b93a6;font-size:10px;margin-top:3px}.template-chip{font-size:9px!important;border:1px solid #e6e9f2;border-radius:6px;padding:4px 6px;color:#6c758a!important;white-space:nowrap}.pdf-band{background:#141d37;color:#fff;border-radius:24px;padding:42px 40px;position:relative;overflow:hidden}.pdf-band:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:#393eaa;filter:blur(70px);right:-35px;top:-110px;opacity:.55}.pdf-band-content{position:relative;display:grid;grid-template-columns:.84fr 1fr;gap:50px;align-items:center}.pdf-band h2{font:800 34px/1.12 var(--display);letter-spacing:-1.3px;margin:13px 0}.pdf-band p{color:#adb7ce;font-size:13px;max-width:400px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative}.tool-tile{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:12px;padding:14px;min-height:100px}.tool-tile i{color:#9fa5ff}.tool-tile strong{display:block;font-size:12px;margin-top:12px}.tool-tile span{display:block;font-size:10px;color:#a9b3ca;margin-top:3px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dcdff4;background:#fff;color:#565fe0;border-radius:11px;font-size:12px;font-weight:800}.step h3{font:700 16px var(--display);margin:16px 0 7px}.step p{font-size:12px;line-height:1.75;color:#7b8396;max-width:290px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.price-card{border:1px solid #e2e6f0;border-radius:18px;background:#fff;padding:26px;display:flex;flex-direction:column;position:relative}.price-card.popular{border:1px solid #777cf0;box-shadow:0 17px 45px rgba(78,85,223,.12)}.popular-label{position:absolute;right:15px;top:15px;background:#eeefff;color:#565ad9;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.price-name{font:800 17px var(--display)}.price-description{font-size:12px;color:#7f879b;min-height:36px;margin:8px 0 19px}.price-value{font:800 36px var(--display);letter-spacing:-1.5px}.price-value small{font:500 11px var(--font);letter-spacing:0;color:#7e879a}.price-note{font-size:10px;color:#8c94a6;margin-top:2px}.price-divider{height:1px;background:#e9ecf3;margin:20px 0}.price-features{display:grid;gap:11px;margin:0 0 24px;padding:0;list-style:none}.price-features li{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#59647a}.price-features svg{width:14px;height:14px;color:#1fa879;flex:none;margin-top:1px}.price-card .btn{margin-top:auto}.faq-list{max-width:800px;margin:auto;border-top:1px solid #e1e5ee}.faq-item{border-bottom:1px solid #e1e5ee}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 2px;border:0;background:transparent;text-align:left;font-size:13px;font-weight:700;color:#242e46}.faq-question svg{width:17px;color:#7f88a0;transition:transform .2s}.faq-answer{display:none;padding:0 32px 21px 2px;color:#737d91;font-size:12px;max-width:720px}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question svg{transform:rotate(180deg)}.cta-section{padding:30px 0 85px}.cta-box{padding:43px;border-radius:23px;background:linear-gradient(120deg,#eeefff,#f8f7ff 58%,#eafbf3);border:1px solid #e2e4f7;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box h2{font:800 30px/1.18 var(--display);letter-spacing:-1.1px;max-width:560px;margin:8px 0}.cta-box p{margin:0;color:#7b8497;font-size:12px}.site-footer{border-top:1px solid #e6e9f1;background:#fff;padding-top:49px}.footer-top{display:grid;grid-template-columns:1.65fr 1fr 1fr 1.15fr;gap:45px;padding-bottom:42px}.footer-brand p{font-size:11px;color:#858da0;line-height:1.85;margin:17px 0}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col strong{font-size:11px;margin-bottom:3px}.footer-col a{font-size:11px;color:#7a8398}.footer-col a:hover{color:var(--primary)}.footer-note{border-left:1px solid #e5e8f0;padding-left:20px;font-size:11px;color:#7d879b}.footer-note p{font-size:10px;line-height:1.8}.status-dot{display:inline-block;width:7px;height:7px;background:#3ac394;border-radius:50%;margin-right:7px}.footer-bottom{border-top:1px solid #edf0f5;padding:17px 0;display:flex;justify-content:space-between;color:#9aa1b0;font-size:10px}.flash-stack{padding-top:14px;display:grid;gap:8px}.flash{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #dbe5ff;border-radius:11px;background:#f2f5ff;color:#39447f;font-size:12px}.flash-success{background:#edfcf5;color:#106649;border-color:#c7f1df}.flash-error{background:#fff0f2;color:#9b2f43;border-color:#ffd7de}.flash button{border:0;background:transparent;color:inherit;display:flex}.flash button svg{width:15px}.page-hero{padding:58px 0 34px}.page-hero.center{text-align:center}.page-hero.center .subhead{margin-inline:auto}.page-hero h1{font:800 clamp(35px,4vw,52px)/1.1 var(--display);letter-spacing:-2px;margin:14px 0}.page-hero p{color:#737e93;max-width:680px;font-size:14px}.app-shell{padding:35px 0 80px}.shell-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:25px;align-items:start}.sidebar{background:#fff;border:1px solid #e6e9f2;border-radius:16px;padding:17px;position:sticky;top:98px}.sidebar-label{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#a1a8b7;font-weight:800;padding:11px 10px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:11px 10px;margin:2px 0;border-radius:9px;color:#707a90;font-size:12px;font-weight:600}.sidebar-link svg{width:16px;height:16px}.sidebar-link.active,.sidebar-link:hover{background:#f0f1ff;color:#5359d9}.sidebar-plan{margin-top:18px;padding:14px;border-radius:12px;background:linear-gradient(135deg,#f0f0ff,#f5fbff);border:1px solid #e5e7fa}.sidebar-plan strong{display:block;font-size:12px}.sidebar-plan p{font-size:10px;color:#7e879a;margin:6px 0 10px}.workspace{min-width:0}.workspace-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.workspace-top h1{font:800 27px var(--display);letter-spacing:-1px;margin:0}.workspace-top p{font-size:12px;color:#80889b;margin:6px 0 0}.workspace-actions{display:flex;gap:9px;flex-wrap:wrap}.panel{border:1px solid #e5e8f1;background:#fff;border-radius:16px;padding:22px;box-shadow:0 3px 10px rgba(30,40,70,.015)}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.panel-head h2,.panel h2{font:800 15px var(--display);letter-spacing:-.4px;margin:0}.panel-head p{font-size:11px;color:#8790a2;margin:5px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat-card{padding:18px;border:1px solid #e7eaf2;border-radius:14px;background:#fff}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7e879b;font-size:10px;font-weight:600}.stat-top svg{width:16px;color:#7379e6}.stat-value{font:800 27px var(--display);letter-spacing:-1px;margin-top:10px}.stat-foot{font-size:10px;color:#9299a8;margin-top:3px}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:540px}.data-table th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#9aa2b2;font-weight:800;padding:12px;border-bottom:1px solid #edf0f5}.data-table td{font-size:11px;color:#68748a;padding:14px 12px;border-bottom:1px solid #f0f2f7}.data-table tr:last-child td{border-bottom:0}.table-primary{font-weight:700;color:#28324b!important}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800;background:#f1f2f7;color:#68718a}.badge-success{background:#e8fbf2;color:#14815d}.badge-warn{background:#fff5df;color:#99661b}.badge-primary{background:#eeeefe;color:#575bd3}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.empty-state{padding:42px 22px;text-align:center;border:1px dashed #dfe3ed;border-radius:14px;background:#fbfcff}.empty-state .feature-icon{margin:0 auto 14px}.empty-state h3{font:800 16px var(--display);margin:0 0 6px}.empty-state p{font-size:12px;color:#858da1;max-width:330px;margin:0 auto 18px}.form-wrap{max-width:460px;margin:25px auto 90px}.auth-card{background:#fff;border:1px solid #e4e8f1;border-radius:22px;padding:34px;box-shadow:var(--shadow-sm)}.auth-card h1{font:800 28px var(--display);letter-spacing:-1.2px;margin:10px 0 7px}.auth-card>p{font-size:12px;color:#818a9d;margin:0 0 25px}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:11px;font-weight:700;color:#48536b}.field input,.field select,.field textarea,.input-control{width:100%;min-height:43px;padding:11px 12px;border:1px solid #dfe4ed;border-radius:10px;background:#fff;color:#2c3650;font-size:12px;outline:0;transition:border .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus,.input-control:focus{border-color:#888df0;box-shadow:0 0 0 3px rgba(91,98,224,.1)}.field textarea{resize:vertical;min-height:105px;line-height:1.65}.field-hint{font-size:10px;color:#9098a8;margin-top:1px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.auth-switch{text-align:center;font-size:11px;color:#7f8799;margin-top:20px}.auth-switch a{font-weight:800;color:var(--primary)}.password-hint{font-size:10px;color:#8a93a5}.builder-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1fr);gap:18px;align-items:start}.editor-panel{padding:21px}.editor-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px;border-bottom:1px solid #edf0f5;padding-bottom:13px}.editor-tab{border:1px solid transparent;background:transparent;border-radius:8px;padding:8px 10px;font-size:10px;color:#7e879b;font-weight:700}.editor-tab.active{background:#eeeefe;color:#575de0}.editor-section{display:none}.editor-section.active{display:block}.editor-section-title{font:800 14px var(--display);margin:0 0 5px}.editor-section-sub{font-size:10px;color:#848da0;margin:0 0 18px}.experience-item{border:1px solid #e9ecf3;border-radius:12px;padding:13px;margin-bottom:13px;position:relative}.experience-item .remove-entry{border:0;background:transparent;color:#a0a6b4;padding:4px;position:absolute;right:8px;top:8px}.experience-item .remove-entry svg{width:14px}.builder-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.preview-panel{position:sticky;top:97px;min-width:0}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #ebedf3}.preview-top strong{font-size:11px}.preview-top span{font-size:9px;color:#8992a4}.resume-preview{background:#fff;border:1px solid #e1e5ee;min-height:780px;padding:46px 45px;box-shadow:0 12px 35px rgba(28,37,70,.07);color:#30394d;overflow:hidden}.preview-name{font:800 27px var(--display);letter-spacing:-1px;margin:0 0 2px;color:#19223b}.preview-headline{font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--tone,#535add);text-transform:uppercase;margin:0 0 8px}.preview-contact{font-size:9px;color:#838b9f;padding-bottom:14px;border-bottom:2px solid var(--tone,#535add);display:flex;gap:7px;flex-wrap:wrap}.preview-summary{font-size:10px;line-height:1.7;color:#5a657a;margin:15px 0 20px}.preview-section{margin-top:19px}.preview-section h3{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:var(--tone,#535add);margin:0 0 12px;font-weight:800}.preview-entry{margin-bottom:14px}.preview-entry-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:800;color:#30394d}.preview-entry-meta{font-size:9px;color:#8790a1;margin:3px 0 5px}.preview-entry p{font-size:9px;line-height:1.7;color:#657086;margin:0;white-space:pre-line}.preview-skills{display:flex;flex-wrap:wrap;gap:5px}.preview-skill{padding:5px 7px;background:#f1f2fd;color:#535ab6;border-radius:4px;font-size:8px}.editor-save-status{font-size:10px;color:#8690a4}.editor-save-status.ok{color:#10855e}.editor-save-status.error{color:#c43d53}.template-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:19px}.search-box{position:relative;min-width:230px;flex:1;max-width:360px}.search-box svg{position:absolute;left:12px;top:12px;width:15px;color:#9098a9}.search-box input{width:100%;min-height:39px;padding:9px 12px 9px 36px;border:1px solid #e0e4ed;border-radius:10px;background:#fff;font-size:11px;outline:0}.filter-select{min-height:39px;padding:8px 12px;border-radius:10px;border:1px solid #e0e4ed;background:white;font-size:11px;color:#6e7890}.template-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.template-gallery .mini-resume{height:270px;padding:25px 23px}.template-gallery .mini-sidebar{padding:24px 10px}.template-gallery .mini-sidebar~.mini-name{margin-left:34%;margin-top:18px}.template-gallery .template-card{padding:13px}.tool-page-grid{display:grid;grid-template-columns:265px minmax(0,1fr);gap:20px}.tool-picker{display:grid;gap:7px}.tool-option{display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:11px;padding:12px;background:transparent;color:#657087;text-align:left}.tool-option.active,.tool-option:hover{background:#fff;border-color:#e4e7f1;color:#5159dc;box-shadow:0 4px 15px rgba(26,34,70,.04)}.tool-option svg{width:18px}.tool-option strong{display:block;font-size:11px;color:#35405a}.tool-option span{display:block;font-size:9px;color:#8c95a7;margin-top:2px}.dropzone{border:1.5px dashed #cbd1e5;border-radius:16px;background:#fafbff;padding:35px 20px;text-align:center;transition:.2s}.dropzone.dragover{background:#f0f1ff;border-color:#7075e9}.dropzone-icon{display:grid;place-items:center;width:49px;height:49px;margin:0 auto 14px;background:#eeefff;color:#5a61dd;border-radius:14px}.dropzone-icon svg{width:22px}.dropzone h3{font:800 15px var(--display);margin:0 0 6px}.dropzone p{font-size:11px;color:#8992a6;margin:0 0 17px}.file-list{display:grid;gap:7px;margin-top:15px}.file-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e7eaf1;border-radius:9px;background:#fff;font-size:11px}.file-row svg{width:16px;color:#5d65db}.file-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row small{color:#8a93a5}.tool-note{display:flex;gap:10px;padding:12px;background:#f8f9fe;border-radius:10px;font-size:10px;color:#778197;margin-top:14px}.tool-note svg{width:15px;flex:none;color:#6b70e0}.checkout-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}.provider-option{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #e2e6f0;border-radius:12px;margin-bottom:10px;cursor:pointer}.provider-option:has(input:checked){border-color:#878cf0;background:#f8f8ff;box-shadow:0 0 0 2px rgba(89,94,220,.07)}.provider-option input{accent-color:#585fe0}.provider-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#f0f2f8;font-size:10px;font-weight:900;color:#323d57;flex:none}.provider-details{flex:1}.provider-details strong{display:block;font-size:12px}.provider-details span{display:block;font-size:10px;color:#8a93a5;line-height:1.5;margin-top:3px}.provider-state{font-size:9px;color:#9a7226}.summary-line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf0f5;font-size:11px;color:#7b859a}.summary-line strong{color:#28334b}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:12px;font-weight:800}.summary-total strong{font:800 26px var(--display);letter-spacing:-1px}.payment-disclaimer{padding:12px;border-radius:10px;background:#fbf8f0;color:#8d743b;font-size:10px;line-height:1.65;margin-top:13px}.notice{border:1px solid #e0e5f2;border-radius:12px;padding:14px;background:#f8f9ff;font-size:11px;color:#66718a;line-height:1.7}.notice strong{color:#33405c}.notice.success{background:#effbf5;border-color:#caefdc;color:#267354}.notice.warning{background:#fff8ec;border-color:#f2e3c4;color:#8f6a2b}.admin-provider-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #edf0f5}.admin-provider-row:last-child{border-bottom:0}.admin-provider-row strong{display:block;font-size:12px}.admin-provider-row p{font-size:10px;color:#828b9e;margin:4px 0}.switch-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#7f889a}.switch-label input{accent-color:#5b61e1}.admin-login-note{padding:13px;border:1px dashed #e1d5b2;border-radius:10px;background:#fffaf0;font-size:11px;color:#856d3a}.table-link{color:#565de0;font-weight:800}.progress-track{height:7px;background:#edf0f8;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#7176f1,#5fcca1);border-radius:99px}.score-wrap{display:flex;align-items:center;gap:18px;padding:20px;background:#fafbff;border:1px solid #e8ebf4;border-radius:14px}.score-ring{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#5f65e2 calc(var(--score)*1%),#e6e9f3 0);position:relative;flex:none}.score-ring:before{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.score-ring span{position:relative;font:800 23px var(--display);letter-spacing:-.8px}.score-text h3{font:800 16px var(--display);margin:0}.score-text p{font-size:11px;color:#7c869a;margin:4px 0 0}.check-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #eef0f5}.check-row:last-child{border-bottom:0}.check-copy strong{display:block;font-size:11px}.check-copy span{display:block;font-size:10px;color:#8992a5;margin-top:4px}.check-points{font-size:10px;font-weight:800;white-space:nowrap}.missing-terms{display:flex;gap:6px;flex-wrap:wrap}.term-chip{font-size:9px;border-radius:6px;padding:5px 8px;background:#fff0f1;color:#ac4250;border:1px solid #ffdbdf}.term-chip.good{background:#eafbf3;color:#21845f;border-color:#cceede}.legal-copy{max-width:800px;margin:0 auto;padding:5px 0 80px}.legal-copy h2{font:800 19px var(--display);margin-top:28px}.legal-copy p,.legal-copy li{font-size:13px;color:#707b90;line-height:1.8}.code-pill{font:10px ui-monospace,monospace;background:#f1f3fa;border:1px solid #e3e6f0;padding:3px 6px;border-radius:5px}.muted{color:#8992a5}.text-danger{color:#bc3e53}.text-success{color:#13885e}.hidden{display:none!important}.page-bottom-space{padding-bottom:70px}
@media(max-width:1080px){.header-inner{gap:22px}.main-nav{gap:16px}.main-nav a{font-size:12px}.hero-grid{gap:30px}.hero-art{transform:scale(.96)}.template-grid,.template-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.shell-grid{grid-template-columns:205px minmax(0,1fr)}.footer-top{gap:25px}.trust-logos{gap:24px}.builder-grid{grid-template-columns:.9fr 1fr}.resume-preview{padding:37px 30px}}
@media(max-width:820px){.wrap{width:min(100% - 34px,700px)}.header-inner{height:68px;gap:12px}.mobile-menu{display:grid;place-items:center;margin-left:auto;width:37px;height:37px;border-radius:9px}.mobile-menu svg{width:19px}.main-nav{position:absolute;display:none;top:67px;left:0;right:0;margin:0;padding:18px 24px 24px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:0 15px 35px rgba(24,33,66,.08);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:13px 2px;border-bottom:1px solid #f0f2f6;font-size:13px}.header-actions{gap:10px}.header-actions .nav-quiet,.header-actions .avatar{display:none}.hero{padding:50px 0 40px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{text-align:center;padding-bottom:0}.hero-copy .subhead{margin-inline:auto;font-size:15px}.hero-actions,.hero-proof{justify-content:center}.display{font-size:clamp(42px,8vw,58px);letter-spacing:-2.6px}.hero-art{min-height:470px;transform:none;margin:0 auto;width:min(520px,100%)}.resume-window{width:370px;max-width:80%;height:410px}.resume-sheet{padding:24px 28px}.float-one{right:0}.float-two{left:0}.trust-inner{flex-direction:column;gap:15px}.trust-logos{gap:25px;flex-wrap:wrap;justify-content:center}.section{padding:62px 0}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.feature-grid{grid-template-columns:repeat(2,1fr)}.template-grid,.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-resume{height:230px}.pdf-band{padding:30px 25px}.pdf-band-content{grid-template-columns:1fr;gap:22px}.pdf-band h2{font-size:29px}.tool-grid{grid-template-columns:repeat(3,1fr)}.tool-tile{min-height:91px;padding:10px}.steps{gap:16px}.pricing-grid{grid-template-columns:1fr;max-width:470px;margin-inline:auto}.price-card{padding:23px}.price-description{min-height:0}.cta-box{align-items:flex-start;flex-direction:column;padding:29px}.cta-box h2{font-size:27px}.footer-top{grid-template-columns:1.3fr 1fr 1fr;gap:28px}.footer-note{grid-column:1/-1;border-left:0;border-top:1px solid #e5e8f0;padding:16px 0 0}.shell-grid{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow:auto;gap:4px;padding:9px}.sidebar-label,.sidebar-plan{display:none}.sidebar-link{white-space:nowrap;margin:0;padding:10px 11px}.sidebar-link svg{width:14px}.app-shell{padding-top:23px}.stats-grid{grid-template-columns:repeat(2,1fr)}.builder-grid{grid-template-columns:1fr}.preview-panel{position:static}.resume-preview{min-height:700px}.tool-page-grid{grid-template-columns:1fr}.tool-picker{display:flex;overflow:auto;padding-bottom:5px}.tool-option{min-width:145px;flex:none}.checkout-layout{grid-template-columns:1fr}.form-wrap{margin:20px auto 65px}}
@media(max-width:520px){.wrap{width:calc(100% - 28px)}.brand{font-size:19px}.brand-mark{width:32px;height:32px}.header-actions .btn{padding:0 11px;min-height:35px;font-size:10px}.header-actions .inline-form{display:none}.hero{padding-top:36px}.display{font-size:41px;letter-spacing:-2.2px}.subhead{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-proof{gap:8px;flex-wrap:wrap;font-size:10px}.hero-art{min-height:390px}.resume-window{width:300px;height:360px;max-width:83%}.resume-sheet{padding:19px 21px}.sheet-head h3{font-size:19px}.sheet-section{margin-top:13px}.float-card{padding:10px;border-radius:11px}.float-one{right:-2px;top:45px}.float-two{left:-2px;bottom:43px}.float-icon{width:30px;height:30px}.float-card strong{font-size:12px}.float-card span{font-size:9px}.trust-logos{font-size:13px;gap:15px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:21px}.template-grid,.template-gallery{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.template-card{padding:8px}.mini-resume{height:190px;padding:14px 12px}.mini-sidebar{padding:14px 5px}.template-meta{align-items:flex-start}.template-meta strong{font-size:10px}.template-meta span{font-size:9px}.template-chip{display:none!important}.pdf-band{padding:26px 18px;border-radius:18px}.pdf-band h2{font-size:26px}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-tile{min-height:84px}.steps{grid-template-columns:1fr;gap:17px}.step{display:grid;grid-template-columns:36px 1fr;column-gap:13px}.step-number{grid-row:1/3}.step h3{margin:0 0 5px}.step p{margin:0}.cta-box{padding:24px 19px}.cta-box h2{font-size:24px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:12px;flex-direction:column}.workspace-top{flex-direction:column}.workspace-top h1{font-size:24px}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-value{font-size:23px}.panel{padding:16px}.auth-card{padding:25px 20px}.auth-card h1{font-size:25px}.field-row{grid-template-columns:1fr;gap:0}.resume-preview{padding:28px 21px;min-height:630px}.preview-name{font-size:23px}.editor-panel{padding:15px}.builder-toolbar .btn{flex:1}.score-wrap{align-items:flex-start;flex-direction:column}.score-ring{width:78px;height:78px}.page-hero{padding-top:40px}.page-hero h1{font-size:36px;letter-spacing:-1.5px}.section-title{font-size:29px}.checkout-layout{gap:14px}.provider-option{padding:11px}.provider-logo{width:34px;height:34px}.data-table{min-width:500px}}
@media print{.site-header,.site-footer,.workspace-top,.builder-toolbar,.preview-top,.editor-panel,.flash-stack{display:none!important}.wrap,.app-shell{width:100%;padding:0;margin:0}.builder-grid{display:block}.preview-panel{position:static;border:0;box-shadow:none}.resume-preview{border:0;box-shadow:none;min-height:auto;padding:12mm}.ambient{display:none}body{background:#fff}}
/* Distinct resume-preview systems: the selected template changes more than its accent color. */
.resume-preview.template-executive .preview-name,.resume-preview.template-academic .preview-name,.resume-preview.template-editorial .preview-name,.resume-preview.template-northstar .preview-name{font-family:Georgia,serif;letter-spacing:-1.1px}.resume-preview.template-executive .preview-contact,.resume-preview.template-academic .preview-contact{justify-content:center;text-align:center}.resume-preview.template-executive .preview-name,.resume-preview.template-executive .preview-headline,.resume-preview.template-academic .preview-name{text-align:center}.resume-preview.template-executive .preview-contact{border-bottom:3px double var(--tone)}.resume-preview.template-editorial .preview-name{font-size:31px;font-weight:500}.resume-preview.template-editorial .preview-section h3{border-bottom:1px solid #e3e6ef;padding-bottom:7px}.resume-preview.template-compact{font-size:90%;padding-top:34px;padding-bottom:32px}.resume-preview.template-compact .preview-section{margin-top:12px}.resume-preview.template-compact .preview-summary{margin:10px 0 13px}.resume-preview.template-monochrome{--tone:#111827!important}.resume-preview.template-monochrome .preview-skills .preview-skill{background:#f3f4f6;color:#303846;border:1px solid #e5e7eb}.resume-preview.template-clarity .preview-name{border-left:5px solid var(--tone);padding-left:12px}.resume-preview.template-summit .preview-headline{letter-spacing:1.5px}.resume-preview.template-product .preview-section h3,.resume-preview.template-tech .preview-section h3,.resume-preview.template-orbit .preview-section h3{border-left:3px solid var(--tone);padding-left:7px}.resume-preview.template-meridian,.resume-preview.template-tech,.resume-preview.template-creative,.resume-preview.template-healthcare{position:relative;padding-left:35%}.resume-preview.template-meridian:before,.resume-preview.template-tech:before,.resume-preview.template-creative:before,.resume-preview.template-healthcare:before{content:'CONTACT\A\A DETAILS\A\A SKILLS';white-space:pre-wrap;position:absolute;left:0;top:0;bottom:0;width:26%;padding:25px 10px;background:color-mix(in srgb,var(--tone) 9%,white);border-right:1px solid color-mix(in srgb,var(--tone) 18%,white);color:var(--tone);font-size:8px;font-weight:800;letter-spacing:1px;line-height:2.4}.resume-preview.template-tech:before{content:'TECH\A\A SKILLS\A\A TOOLS';background:#f0f3ff}.resume-preview.template-creative:before{content:'PROFILE\A\A CONTACT\A\A TOOLS';background:#fff1fa}.resume-preview.template-healthcare:before{content:'CLINICAL\A\A LICENSES\A\A CONTACT';background:#ecfbfc}.resume-preview.template-finance .preview-section h3,.resume-preview.template-consultant .preview-section h3,.resume-preview.template-atlas .preview-section h3{border-bottom:1px solid #dfe4ed;padding-bottom:5px}.resume-preview.template-bloom .preview-skill{border-radius:999px;background:#fff0f6;color:#a52b64}.resume-preview.template-horizon .preview-name{color:#172e4c}.resume-preview.template-foundation .preview-section{margin-top:15px}.resume-preview.template-creative .preview-name{color:var(--tone)}

/* --------------------------------------------------------------------------
   CVPilot AI Signature System — premium product shell and owner console
   These overrides deliberately sit at the end so every page shares one design.
   -------------------------------------------------------------------------- */
:root {
  --bg: #f5f6fb;
  --paper: #ffffff;
  --ink: #121a31;
  --muted: #6e7891;
  --line: #e3e7f1;
  --primary: #6256e8;
  --primary-dark: #4d42ce;
  --violet: #8878f3;
  --mint: #b4f1d5;
  --soft: #f0efff;
  --navy: #111a33;
  --shadow: 0 24px 70px rgba(26, 35, 73, .085);
  --shadow-sm: 0 10px 30px rgba(26, 35, 73, .065);
  --radius: 22px;
}
body {
  background:
    radial-gradient(circle at 8% 0%, rgba(213, 218, 255, .30), transparent 27rem),
    radial-gradient(circle at 95% 24%, rgba(198, 246, 224, .24), transparent 24rem),
    #f5f6fb;
  color: #17203a;
  letter-spacing: -.005em;
}
.wrap { width: min(1280px, calc(100% - 56px)); }
.site-header { background: rgba(249, 250, 255, .9); border-bottom-color: rgba(219, 224, 239, .85); box-shadow: 0 4px 25px rgba(29, 38, 77, .025); }
.header-inner { height: 82px; gap: 30px; }
.brand { font-size: 22px; letter-spacing: -1.05px; }
.brand-mark { width: 38px; height: 38px; border-radius: 13px; background: linear-gradient(145deg, #252f63 0%, #6558e9 72%, #8c7cf5 100%); box-shadow: 0 9px 20px rgba(82, 75, 205, .23); }
.brand-ai { font-size: .8em; letter-spacing: -.5px; }
.main-nav { gap: 22px; }
.main-nav a, .nav-quiet { font-size: 13px; font-weight: 650; color: #5f6983; }
.main-nav a.is-current { color: var(--primary); }
.main-nav a.is-current:after { content: ''; display: block; height: 2px; background: linear-gradient(90deg, var(--primary), #a8a3ff); border-radius: 99px; margin-top: 7px; }
.nav-admin { display: inline-flex !important; align-items: center; gap: 6px; color: #574be0 !important; background: #eeedff; border: 1px solid #dfddff; border-radius: 999px; padding: 8px 11px; }
.nav-admin svg { width: 14px; height: 14px; }
.btn-admin-shortcut { color: #5045cf; background: #efeeff; border-color: #dfddff; }
.btn-admin-shortcut svg { width: 14px; }
.btn { border-radius: 13px; letter-spacing: -.01em; font-size: 13px; }
.btn-primary { background: linear-gradient(135deg, #7065f1, #5147d6 70%, #483fc4); box-shadow: 0 9px 22px rgba(89, 79, 220, .22); }
.btn-primary:hover { box-shadow: 0 13px 28px rgba(89, 79, 220, .28); }
.btn-accent { color: #171a38; background: linear-gradient(135deg, #c7f7df, #9ce9ca); border: 1px solid rgba(146, 223, 189, .8); box-shadow: 0 10px 24px rgba(103, 219, 173, .13); }
.btn-accent:hover { background: linear-gradient(135deg, #d6ffe9, #a1f0d0); }
.btn-light { color: #17213d; background: #fff; border: 1px solid rgba(255,255,255,.35); box-shadow: 0 8px 22px rgba(5, 12, 37, .08); }
.btn-light:hover { background: #f8f9ff; }
.hero { padding-top: 90px; padding-bottom: 72px; }
.hero-grid { gap: 70px; }
.hero-copy { max-width: 620px; }
.display { font-size: clamp(48px, 5.3vw, 76px); letter-spacing: -4.2px; line-height: 1.03; }
.subhead { font-size: 17px; line-height: 1.82; color: #66718b; }
.hero-art { min-height: 525px; }
.resume-window { border-radius: 20px; box-shadow: 0 36px 100px rgba(29, 39, 82, .17); }
.float-card { border-radius: 15px; padding: 15px 17px; box-shadow: 0 18px 45px rgba(28, 40, 84, .13); }
.trust-strip { background: rgba(255,255,255,.74); }
.section { padding: 96px 0; }
.section-head h2, .section-title { font-size: clamp(30px, 3.3vw, 44px); letter-spacing: -2px; }
.feature-card { padding: 29px; border-radius: 20px; background: rgba(255,255,255,.92); border-color: #e6e9f3; box-shadow: 0 3px 10px rgba(26,35,73,.015); }
.feature-card h3 { font-size: 17px; }
.feature-card p { font-size: 13px; color: #737e96; }
.feature-icon { width: 46px; height: 46px; border-radius: 15px; }
.template-card { border-radius: 18px; box-shadow: 0 6px 20px rgba(24, 33, 70, .025); }
.template-card:hover { box-shadow: 0 18px 42px rgba(33, 43, 91, .09); }
.page-hero { position: relative; overflow: hidden; padding: 76px 0 52px; }
.page-hero:before { content: ''; position: absolute; z-index: -1; right: -100px; top: -155px; width: 440px; height: 440px; border-radius: 50%; background: radial-gradient(circle, rgba(204, 205, 255, .55), rgba(227, 229, 255, .04) 69%, transparent 70%); }
.page-hero h1 { font-size: clamp(38px, 4vw, 56px); letter-spacing: -2.6px; line-height: 1.08; }
.page-hero p { font-size: 15px; line-height: 1.8; }
.app-shell { padding: 38px 0 84px; }
.shell-grid { grid-template-columns: 248px minmax(0, 1fr); gap: 28px; align-items: start; }
.sidebar { padding: 17px 14px; border: 1px solid rgba(225, 229, 241, .9); border-radius: 22px; background: rgba(255,255,255,.82); box-shadow: 0 12px 35px rgba(28, 37, 77, .035); }
.sidebar-brandline { display: flex; align-items: center; gap: 11px; padding: 6px 8px 19px; margin-bottom: 10px; border-bottom: 1px solid #edf0f7; }
.sidebar-brand-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 13px; color: white; background: linear-gradient(145deg,#262f65,#695fe8); box-shadow: 0 8px 18px rgba(90,82,208,.19); }
.sidebar-brand-icon svg { width: 19px; height: 19px; }
.sidebar-brandline strong { display: block; color: #19213b; font: 800 13px var(--display); letter-spacing: -.25px; }
.sidebar-brandline small { display: block; margin-top: 3px; color: #939bb0; font-size: 8px; font-weight: 800; letter-spacing: 1.2px; }
.sidebar-label { padding: 10px 10px 7px; color: #a0a7b8; font-size: 9px; font-weight: 850; letter-spacing: 1.2px; }
.sidebar-label-spaced { margin-top: 15px; }
.sidebar-link { position: relative; display: flex; align-items: center; gap: 11px; border-radius: 12px; margin: 3px 0; padding: 12px 11px; color: #707b93; font-size: 12px; font-weight: 650; transition: .18s ease; }
.sidebar-link svg { width: 17px; height: 17px; color: #929ab0; }
.sidebar-link.active, .sidebar-link:hover { background: linear-gradient(110deg, #eeedff, #f6f5ff); color: #5147d6; box-shadow: inset 3px 0 #685be8; }
.sidebar-link.active svg, .sidebar-link:hover svg { color: #6156e5; }
.sidebar-link-trailing { margin-left: auto; opacity: .5; }
.sidebar-link-trailing svg { width: 14px; height: 14px; }
.sidebar-link-admin { background: linear-gradient(110deg, #f0efff, #f7f6ff); color: #5145d3; border: 1px solid #e2e0ff; }
.sidebar-admin-dot { width: 6px; height: 6px; border-radius: 99px; background: #37bf8b; margin-left: auto; box-shadow: 0 0 0 4px rgba(55,191,139,.12); }
.sidebar-plan { margin: 22px 1px 0; padding: 16px 13px; border-radius: 16px; background: linear-gradient(150deg, #161f3b, #252e58); color: white; }
.sidebar-plan strong { display: block; margin-top: 10px; color: white; font-size: 14px; }
.sidebar-plan p { margin: 6px 0 14px; color: #bdc5e3; font-size: 10px; line-height: 1.65; }
.plan-mini-top { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.plan-mini-icon { width: 32px; height: 32px; display: grid; place-items: center; color: #171e42; background: #b7f2d6; border-radius: 10px; }
.plan-mini-icon svg { width: 16px; }
.sidebar-plan .badge { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.16); color: #d6d8ff; font-size: 8px; }
.sidebar-plan .btn-outline { color: white; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); }
.sidebar-security { display: flex; gap: 9px; align-items: flex-start; padding: 16px 8px 5px; color: #99a3b7; }
.sidebar-security > svg { width: 17px; color: #5bba97; flex: none; }
.sidebar-security strong, .sidebar-security small { display: block; }
.sidebar-security strong { font-size: 10px; color: #47526d; }
.sidebar-security small { margin-top: 3px; font-size: 9px; }
.workspace { min-width: 0; }
.workspace-top h1 { font-size: 34px; letter-spacing: -1.5px; }
.workspace-top p { font-size: 13px; }
.panel { background: rgba(255,255,255,.94); border-color: #e4e8f2; border-radius: 20px; box-shadow: 0 5px 20px rgba(30, 39, 78, .025); padding: 25px; }
.panel-head { gap: 16px; }
.panel-head h2, .panel h2 { font-size: 18px; letter-spacing: -.6px; }
.panel-head p { font-size: 12px; line-height: 1.65; }
.panel-head-large { align-items: center; margin-bottom: 22px; }
.panel-head-large h2 { margin-top: 7px; font-size: 21px; }
.panel-head-large p { margin-top: 6px; }
.stats-grid { gap: 14px; }
.stat-card { position: relative; overflow: hidden; padding: 19px; border-radius: 17px; background: rgba(255,255,255,.96); border-color: #e5e9f3; min-width: 0; }
.stat-card:after { content: ''; position: absolute; pointer-events: none; width: 90px; height: 90px; right: -38px; bottom: -48px; border-radius: 50%; background: rgba(99, 88, 232, .055); }
.stat-top { color: #707b94; font-size: 11px; font-weight: 700; }
.stat-value { margin-top: 10px; color: #17213c; font-size: 30px; letter-spacing: -1.3px; }
.stat-foot { margin-top: 6px; font-size: 10px; color: #929bb0; }
.data-table th { color: #9ba3b6; font-size: 9px; letter-spacing: .85px; }
.data-table td { color: #65708a; font-size: 11px; }
.data-table th, .data-table td { padding: 15px 13px; }
.data-table tbody tr:hover { background: #fafaff; }
.badge { border-radius: 8px; font-size: 9px; }
.price-card { border-radius: 22px; box-shadow: 0 8px 28px rgba(31, 40, 83, .035); }
.price-card.popular { box-shadow: 0 22px 55px rgba(83, 76, 198, .13); }
.site-footer { background: rgba(255,255,255,.8); border-top-color: #e4e8f2; }
.footer-brand p, .footer-note p { font-size: 11px; line-height: 1.75; }

/* Elevated workspace welcome panel */
.workspace-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.22fr) minmax(230px,.78fr); gap: 24px; overflow: hidden; min-height: 270px; padding: 31px 32px; border-radius: 24px; background: linear-gradient(116deg, #151e3b 0%, #232c57 59%, #5146b9 100%); box-shadow: 0 22px 52px rgba(33, 39, 93, .18); color: white; }
.workspace-hero:before { content: ''; position: absolute; width: 440px; height: 440px; top: -245px; right: -100px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,255,255,.025), 0 0 0 80px rgba(255,255,255,.02); }
.workspace-hero-copy { position: relative; z-index: 2; align-self: center; }
.hero-kicker { display: inline-flex; align-items: center; gap: 8px; color: #b9c4ed; font-size: 9px; font-weight: 850; letter-spacing: 1.35px; }
.status-pulse { width: 7px; height: 7px; background: #8eebbe; border-radius: 50%; box-shadow: 0 0 0 5px rgba(142,235,190,.12); }
.workspace-hero h1 { margin: 14px 0 9px; font: 800 clamp(26px,2.8vw,38px)/1.1 var(--display); letter-spacing: -1.7px; color: white; }
.workspace-hero h1 span { color: #c3f4da; }
.workspace-hero p { max-width: 490px; margin: 0; color: #c4cce5; font-size: 12px; line-height: 1.75; }
.workspace-hero .workspace-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 21px; }
.workspace-hero-visual { position: relative; min-height: 200px; display: grid; place-items: center; }
.hero-visual-orbit { position: absolute; width: 215px; height: 215px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 25px rgba(255,255,255,.025),0 0 0 50px rgba(255,255,255,.02); }
.hero-document { position: relative; z-index: 1; width: 155px; height: 190px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.6); border-radius: 10px; background: linear-gradient(145deg,#fff,#f0f1ff); transform: rotate(5deg); box-shadow: 0 21px 45px rgba(5,10,32,.24); }
.hero-document-top { display: flex; align-items: center; gap: 3px; padding-bottom: 8px; border-bottom: 1px solid #e7e9f2; }
.hero-document-top span { width: 4px; height: 4px; background: #d3d5e5; border-radius: 50%; }
.hero-document-top b { margin-left: auto; color: #685ce8; font-size: 8px; letter-spacing: 1px; }
.hero-doc-name { width: 75%; height: 7px; margin-top: 14px; border-radius: 9px; background: #263154; }
.hero-doc-role { width: 48%; height: 4px; margin-top: 6px; background: #8178e9; border-radius: 9px; }
.hero-doc-rule { height: 2px; width: 100%; background: #665ce6; margin-top: 10px; }
.hero-doc-label { width: 34%; height: 4px; background: #7076bf; border-radius: 6px; margin-top: 12px; }
.hero-doc-label.lower { margin-top: 10px; }
.hero-doc-line { height: 3px; width: 82%; margin-top: 5px; background: #e2e5ef; border-radius: 5px; }
.hero-doc-line.long { width: 100%; }
.hero-doc-line.medium { width: 64%; }
.hero-doc-pills { display: flex; gap: 4px; margin-top: 9px; }
.hero-doc-pills i { display: block; width: 26px; height: 9px; background: #e7e5ff; border-radius: 4px; }
.hero-doc-pills i:nth-child(2) { background: #d5f5e5; width: 32px; }
.hero-doc-pills i:nth-child(3) { background: #eeeef6; width: 21px; }
.dashboard-hero-gridline { position: absolute; width: 260px; height: 260px; right: -170px; bottom: -180px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.hero-score-chip { position: absolute; z-index: 3; bottom: 5px; left: -10px; display: flex; align-items: center; gap: 9px; padding: 10px 13px; border-radius: 13px; background: #fff; color: #18223f; box-shadow: 0 12px 32px rgba(7,13,42,.18); transform: rotate(-3deg); }
.hero-score-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; background: #e8f9f1; color: #15986c; }
.hero-score-icon svg { width: 15px; }
.hero-score-chip small, .hero-score-chip strong { display: block; }
.hero-score-chip small { color: #8b95a9; font-size: 8px; }
.hero-score-chip strong { margin-top: 1px; font-size: 10px; }
.workspace-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 29px 0 15px; }
.workspace-section-heading h2 { margin: 5px 0 0; font: 800 21px var(--display); letter-spacing: -.8px; color: #1a2440; }
.last-updated { display: inline-flex; align-items: center; gap: 6px; color: #98a0b3; font-size: 9px; }
.last-updated svg { width: 12px; }
.workspace-section-heading-spaced { margin-top: 32px; }
.dashboard-stats { margin-bottom: 24px; }
.dashboard-stats .stat-card { min-height: 142px; padding: 17px 18px; }
.dashboard-stats .stat-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 10px; }
.stat-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; color: #6256e8; background: #efeeff; }
.stat-icon svg { width: 15px; }
.stat-card-mint .stat-icon { color: #168e66; background: #e8faf1; }
.stat-card-blue .stat-icon { color: #2e75cd; background: #e9f3ff; }
.stat-card-cream .stat-icon { color: #a37422; background: #fff5df; }
.dashboard-stats .stat-value { font-size: 29px; }
.dashboard-stats .stat-value small { font: 600 11px var(--font); letter-spacing: 0; color: #9aa2b5; }
.dashboard-stats .stat-plan-value { font-size: 24px; }
.stat-progress { height: 5px; overflow: hidden; margin-top: 14px; border-radius: 99px; background: #e5f4eb; }
.stat-progress span { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg,#46bd8e,#a2e6c7); }
.stat-progress.blue { background: #e8f1fc; }
.stat-progress.blue span { background: linear-gradient(90deg,#428edf,#8dc6ff); }
.stat-inline-link { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 5px; margin-top: 10px; font-size: 10px; color: #665be2; font-weight: 800; }
.stat-inline-link svg { width: 12px; }
.dashboard-resumes-panel { padding: 24px; }
.resume-table-title { display: flex; align-items: center; gap: 10px; min-width: 190px; }
.resume-file-icon { display: grid; place-items: center; width: 36px; height: 39px; flex: none; border: 1px solid #e3e4ff; border-radius: 9px; color: #645be4; background: linear-gradient(145deg,#f4f3ff,#e8e8ff); }
.resume-file-icon svg { width: 16px; }
.resume-table-title strong, .resume-table-title small { display: block; }
.resume-table-title strong { color: #202a46; font-size: 11px; }
.resume-table-title small { margin-top: 3px; color: #9aa2b3; font-size: 9px; }
.template-pill { display: inline-flex; padding: 5px 8px; color: #7065dc; background: #f0efff; border-radius: 7px; font-size: 9px; font-weight: 750; }
.score-out-of { color: #8ca192; font-size: 8px; margin-left: 1px; }
.table-actions { white-space: nowrap; }
.table-actions .table-link { display: inline-flex; align-items: center; gap: 3px; font-size: 10px; }
.table-actions .table-link svg { width: 12px; }
.table-actions .btn { vertical-align: middle; }
.dashboard-empty { padding: 36px 20px 32px; }
.empty-illustration { position: relative; width: 95px; height: 88px; margin: 0 auto 15px; }
.empty-paper { position: absolute; display: flex; flex-direction: column; gap: 7px; width: 62px; height: 77px; left: 17px; top: 3px; padding: 12px 9px; border: 1px solid #e1e2f8; border-radius: 9px; background: linear-gradient(150deg,#fff,#f0f0ff); box-shadow: 0 11px 25px rgba(58,54,131,.11); transform: rotate(-5deg); }
.empty-paper svg { width: 15px; color: #6256e8; margin-bottom: 1px; }
.empty-paper span { height: 3px; border-radius: 5px; background: #dfe2f0; }
.empty-paper span:last-child { width: 60%; }
.empty-spark { position: absolute; display: grid; place-items: center; right: 5px; bottom: 5px; width: 30px; height: 30px; border: 2px solid #fff; border-radius: 10px; background: #b9f3d7; color: #176e53; transform: rotate(8deg); }
.empty-spark svg { width: 15px; }
.empty-actions { display: flex; align-items: center; justify-content: center; gap: 9px; flex-wrap: wrap; margin-top: 19px; }
.quick-tools-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.quick-tool-card { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 17px; border: 1px solid #e4e8f2; border-radius: 17px; background: rgba(255,255,255,.88); transition: transform .2s, box-shadow .2s, border-color .2s; }
.quick-tool-card:hover { transform: translateY(-3px); border-color: #d3d0ff; box-shadow: 0 15px 35px rgba(35, 42, 91, .07); }
.quick-tool-icon { display: grid; place-items: center; width: 35px; height: 35px; flex: none; border-radius: 11px; }
.quick-tool-icon svg { width: 17px; }
.quick-tool-body { min-width: 0; }
.quick-tool-body strong, .quick-tool-body small { display: block; }
.quick-tool-body strong { color: #202a45; font-size: 11px; }
.quick-tool-body small { margin-top: 6px; color: #858fa5; font-size: 9px; line-height: 1.65; }
.quick-tool-link { display: inline-flex; align-items: center; gap: 3px; margin-top: 12px; color: #6257e1; font-size: 9px; font-weight: 800; }
.quick-tool-link svg { width: 12px; }
.quick-purple { color: #6357e4; background: #efeeff; }
.quick-blue { color: #2f7bd1; background: #e9f4ff; }
.quick-mint { color: #13895f; background: #e6f9ef; }

/* Signature owner console */
.admin-dashboard-page { padding-top: 33px; }
.admin-sidebar { position: sticky; top: 100px; }
.admin-brand-icon { background: linear-gradient(145deg,#131c3a,#5347c4); }
.admin-side-status { display: flex; align-items: center; gap: 9px; margin: 22px 4px 2px; padding: 13px 9px; border: 1px solid #e6f3eb; border-radius: 12px; background: #f4fcf7; }
.admin-side-status-dot { width: 7px; height: 7px; flex: none; border-radius: 50%; background: #2cbb83; box-shadow: 0 0 0 4px rgba(44,187,131,.13); }
.admin-side-status strong, .admin-side-status small { display: block; }
.admin-side-status strong { color: #33664f; font-size: 9px; }
.admin-side-status small { margin-top: 3px; color: #7a9b8a; font-size: 8px; }
.admin-workspace { min-width: 0; }
.admin-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(230px,.8fr); gap: 20px; overflow: hidden; padding: 32px 32px 30px; border-radius: 25px; background: linear-gradient(118deg,#111a34 0%,#202952 56%,#4a3da8 100%); box-shadow: 0 25px 55px rgba(28,32,86,.2); color: white; isolation: isolate; }
.admin-hero:before { position: absolute; content: ''; width: 460px; height: 460px; top: -270px; right: 1%; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 42px rgba(255,255,255,.025),0 0 0 85px rgba(255,255,255,.02); z-index: -1; }
.admin-hero-background-mark { position: absolute; right: 34%; bottom: -70px; font: 900 220px/.9 var(--display); letter-spacing: -20px; color: rgba(255,255,255,.025); pointer-events: none; }
.admin-hero-content { position: relative; z-index: 1; }
.admin-hero-kicker { display: inline-flex; align-items: center; gap: 7px; color: #bdc7f1; font-size: 8px; font-weight: 900; letter-spacing: 1.4px; }
.admin-hero-kicker svg { width: 14px; color: #a5f1ce; }
.admin-hero h1 { margin: 15px 0 11px; font: 850 clamp(29px,3.4vw,43px)/1.03 var(--display); letter-spacing: -2px; color: #fff; }
.admin-hero h1 span { color: #c2f4dc; }
.admin-hero p { max-width: 480px; color: #c5cce5; font-size: 11px; line-height: 1.8; }
.admin-hero-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 19px; }
.btn-admin-glass { border: 1px solid rgba(255,255,255,.18); color: white; background: rgba(255,255,255,.08); }
.btn-admin-glass:hover { background: rgba(255,255,255,.14); }
.admin-hero-card { align-self: center; position: relative; z-index: 1; padding: 19px; border: 1px solid rgba(255,255,255,.17); border-radius: 18px; background: rgba(255,255,255,.095); backdrop-filter: blur(14px); box-shadow: inset 0 1px rgba(255,255,255,.08); }
.admin-hero-card-top { display: flex; align-items: center; justify-content: space-between; color: #bdc6e5; font-size: 8px; font-weight: 850; letter-spacing: 1.15px; }
.admin-hero-card-top svg { width: 15px; color: #b7f2d5; }
.admin-hero-card-main { display: flex; align-items: center; gap: 12px; margin-top: 22px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.12); }
.admin-snapshot-ring { width: 48px; height: 48px; display: grid; place-items: center; flex: none; border: 1px solid rgba(181,243,213,.32); border-radius: 16px; color: #b5f4d3; background: rgba(181,243,213,.09); }
.admin-snapshot-ring svg { width: 23px; }
.admin-hero-card-main strong, .admin-hero-card-main span { display: block; }
.admin-hero-card-main strong { color: #fff; font: 800 18px var(--display); letter-spacing: -.5px; }
.admin-hero-card-main span { margin-top: 5px; color: #c1c9e2; font-size: 9px; line-height: 1.6; }
.admin-snapshot-meta { display: grid; gap: 9px; margin-top: 14px; }
.admin-snapshot-meta span { display: flex; align-items: center; gap: 7px; color: #d4d9ed; font-size: 9px; }
.admin-snapshot-meta svg { width: 13px; color: #9ceac3; }
.admin-page-toolbar { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin: 31px 0 16px; }
.admin-page-toolbar h2 { margin: 5px 0 3px; font: 850 23px var(--display); letter-spacing: -.9px; color: #1a2440; }
.admin-page-toolbar p { margin: 0; color: #8992a8; font-size: 10px; }
.admin-toolbar-right { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; justify-content: flex-end; }
.admin-live-pill, .admin-date-label { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid #e5e9f2; border-radius: 8px; background: rgba(255,255,255,.8); color: #8790a7; font-size: 8px; font-weight: 800; letter-spacing: .35px; }
.admin-live-pill i { width: 6px; height: 6px; border-radius: 50%; background: #29b77f; box-shadow: 0 0 0 3px rgba(41,183,127,.11); }
.admin-date-label { font-size: 9px; font-weight: 600; letter-spacing: 0; }
.admin-date-label svg { width: 12px; }
.admin-stats-grid { grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 16px; }
.admin-stat-card { padding: 17px; min-height: 139px; }
.admin-stat-top { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.admin-stat-symbol { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 11px; }
.admin-stat-symbol svg { width: 16px; }
.symbol-indigo { color: #6459e6; background: #eeedff; }
.symbol-mint { color: #178c64; background: #e7f9ef; }
.symbol-blue { color: #2e78cd; background: #e7f2ff; }
.symbol-amber { color: #a47525; background: #fff3dc; }
.admin-stat-caption { color: #a0a7b7; font-size: 7px; font-weight: 900; letter-spacing: 1px; text-align: right; }
.admin-stat-card .stat-value { font: 850 29px var(--display); margin: 13px 0 10px; }
.admin-stat-footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #9099ad; font-size: 9px; }
.admin-stat-footer svg { width: 13px; color: #b4bbcb; }
.admin-content-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(255px,.8fr); gap: 15px; margin-bottom: 15px; }
.admin-analytics-panel, .admin-quick-panel, .admin-gateways-panel, .admin-settings-panel, .admin-table-panel { min-width: 0; }
.admin-analytics-panel, .admin-quick-panel { padding: 22px; }
.admin-chart-legend { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; color: #7e88a0; font-size: 9px; }
.admin-chart-legend span:not(.chart-unit) { display: inline-flex; align-items: center; gap: 6px; }
.admin-chart-legend i { display: inline-block; width: 7px; height: 7px; border-radius: 3px; }
.legend-ai { background: #655ae8; }
.legend-pdf { background: #a9ebcb; }
.chart-unit { margin-left: auto; color: #a1a8b7; font-size: 8px; }
.admin-chart { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); align-items: stretch; gap: 12px; height: 185px; margin-top: 18px; padding: 10px 5px 0; border-bottom: 1px solid #edf0f6; background: repeating-linear-gradient(to bottom, transparent 0, transparent 43px, #f0f2f8 44px, transparent 45px); }
.admin-chart-column { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-width: 0; }
.admin-chart-bar-wrap { width: 100%; max-width: 33px; height: 145px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: relative; }
.admin-chart-total { color: #8992a8; font-size: 8px; font-weight: 800; margin-bottom: 4px; }
.admin-chart-bar { display: flex; flex-direction: column; width: 100%; min-height: 3px; overflow: hidden; border-radius: 7px 7px 3px 3px; background: #f0efff; box-shadow: 0 4px 10px rgba(76,67,191,.07); }
.chart-ai-part { display: block; order: 0; width: 100%; background: linear-gradient(180deg,#8e84fa,#6256e8); }
.chart-pdf-part { display: block; order: 1; width: 100%; background: linear-gradient(180deg,#c9f7de,#83d6b2); }
.admin-chart-day { margin-top: 9px; margin-bottom: 10px; color: #9aa2b4; font-size: 8px; font-weight: 700; }
.admin-chart-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; color: #929bb0; font-size: 8px; }
.admin-chart-foot span { display: inline-flex; align-items: center; gap: 5px; }
.admin-chart-foot svg { width: 12px; }
.admin-chart-foot strong { color: #665bdc; font-size: 9px; }
.admin-quick-link { display: flex; align-items: center; gap: 10px; padding: 13px 0; border-bottom: 1px solid #eef0f6; }
.admin-quick-link:last-of-type { border-bottom: 0; }
.admin-quick-icon { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 12px; }
.admin-quick-icon svg { width: 17px; }
.admin-quick-link > span:nth-child(2) { min-width: 0; flex: 1; }
.admin-quick-link strong, .admin-quick-link small { display: block; }
.admin-quick-link strong { color: #28324c; font-size: 10px; }
.admin-quick-link small { margin-top: 4px; color: #919aae; font-size: 8px; line-height: 1.5; }
.admin-quick-link > svg { width: 13px; color: #aab0c0; }
.admin-security-note { display: flex; gap: 8px; padding: 11px; margin-top: 10px; border: 1px solid #dff2e7; border-radius: 11px; background: #f3fbf6; color: #2b8e65; }
.admin-security-note > svg { width: 15px; flex: none; }
.admin-security-note strong, .admin-security-note small { display: block; }
.admin-security-note strong { font-size: 9px; }
.admin-security-note small { margin-top: 4px; color: #719a85; font-size: 8px; line-height: 1.55; }
.admin-gateways-panel, .admin-settings-panel { margin-bottom: 15px; padding: 23px; }
.admin-gateway-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.admin-gateway-card { min-width: 0; display: flex; flex-direction: column; padding: 15px; border: 1px solid #e5e9f2; border-radius: 15px; background: linear-gradient(150deg,#fff,#fbfbff); }
.admin-gateway-card-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.provider-emblem { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #e4e7f3; border-radius: 11px; background: #f5f6fc; color: #4f5977; font: 900 11px var(--display); letter-spacing: -.5px; }
.provider-razorpay { color: #1d63cb; background: #edf4ff; border-color: #d7e8ff; }
.provider-paypal { color: #0754a5; background: #eaf4ff; border-color: #d8e9fb; }
.provider-stripe { color: #6650d8; background: #f0edff; border-color: #e0daff; }
.admin-gateway-card .badge { font-size: 7px; padding: 5px 6px; }
.admin-gateway-card h3 { margin: 16px 0 6px; color: #222c48; font: 850 14px var(--display); }
.admin-gateway-card p { min-height: 51px; margin: 0; color: #828da4; font-size: 9px; line-height: 1.7; }
.admin-gateway-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 7px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #eef0f6; color: #929bb0; font-size: 8px; }
.admin-gateway-card-bottom svg { width: 14px; flex: none; color: #b18a3a; }
.admin-gateway-card .badge-success + h3 { color: #202a45; }
.admin-gateway-card:has(.badge-success) .admin-gateway-card-bottom svg { color: #1aa374; }
.admin-secret-notice { display: flex; align-items: flex-start; gap: 10px; margin-top: 15px; font-size: 10px; }
.admin-secret-notice > svg { width: 16px; flex: none; margin-top: 2px; }
.admin-settings-form { margin-top: 5px; }
.admin-settings-toggle { display: flex; align-items: center; gap: 12px; padding: 15px; border: 1px solid #e6e9f2; border-radius: 14px; background: #fafbff; }
.settings-toggle-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 12px; color: #5d52dd; background: #eeedff; }
.settings-toggle-icon svg { width: 17px; }
.settings-toggle-copy { min-width: 0; flex: 1; }
.settings-toggle-copy strong, .settings-toggle-copy small { display: block; }
.settings-toggle-copy strong { color: #26304b; font-size: 11px; }
.settings-toggle-copy small { margin-top: 4px; color: #9099ac; font-size: 9px; line-height: 1.5; }
.premium-switch input { position: absolute; opacity: 0; pointer-events: none; }
.premium-switch label { position: relative; display: block; width: 43px; height: 25px; border-radius: 99px; background: #d7dce8; cursor: pointer; transition: background .2s; }
.premium-switch label:after { content: ''; position: absolute; top: 3px; left: 3px; width: 19px; height: 19px; border-radius: 50%; background: white; box-shadow: 0 2px 4px rgba(26,35,70,.18); transition: transform .2s; }
.premium-switch input:checked + label { background: #4db98a; }
.premium-switch input:checked + label:after { transform: translateX(18px); }
.premium-switch input:focus-visible + label { outline: 3px solid rgba(98,86,232,.25); outline-offset: 3px; }
.admin-limit-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; margin-top: 17px; }
.admin-limit-grid .field label { font-size: 10px; }
.admin-limit-grid .field input { min-height: 46px; border-radius: 11px; background: #fbfcff; }
.admin-limit-grid .field-hint { font-size: 8px; }
.admin-settings-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-top: 6px; padding-top: 16px; border-top: 1px solid #edf0f6; }
.admin-settings-footer > span { display: inline-flex; align-items: center; gap: 6px; color: #9aa2b4; font-size: 9px; }
.admin-settings-footer svg { width: 13px; }
.admin-settings-footer .btn { min-height: 42px; }
.admin-bottom-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); align-items: start; gap: 15px; }
.admin-table-panel { padding: 21px; }
.admin-table-panel .panel-head { align-items: flex-start; }
.mini-count { padding: 6px 8px; border-radius: 8px; color: #675ce0; background: #f0efff; font-size: 8px; font-weight: 850; white-space: nowrap; }
.admin-person { display: flex; align-items: center; gap: 8px; min-width: 160px; }
.admin-person-avatar { display: grid; place-items: center; width: 29px; height: 29px; flex: none; border-radius: 10px; background: #efeeff; color: #665be1; font-size: 10px; font-weight: 850; }
.admin-person strong, .admin-person small { display: block; }
.admin-person strong { color: #2c3651; font-size: 9px; }
.admin-person small { margin-top: 3px; color: #9aa2b4; font-size: 8px; }
.badge-neutral { background: #f1f3f8; color: #758099; border-color: #e5e8f0; }
.admin-users-table td, .admin-orders-table td { font-size: 9px; padding: 12px 8px; }
.order-reference { display: block; color: #4f5975; font: 750 9px ui-monospace, SFMono-Regular, Menlo, monospace; }
.table-subline { display: block; margin-top: 5px; color: #98a0b3; font-size: 8px; line-height: 1.5; }
.admin-bottom-note { display: flex; align-items: flex-start; gap: 8px; padding: 14px 4px 0; color: #8d97ab; font-size: 9px; line-height: 1.7; }
.admin-bottom-note svg { width: 14px; flex: none; color: #9b92ef; margin-top: 2px; }

@media (max-width: 1180px) {
  .wrap { width: min(100% - 42px, 1240px); }
  .main-nav { gap: 14px; }
  .shell-grid { grid-template-columns: 220px minmax(0,1fr); gap: 20px; }
  .admin-hero { grid-template-columns: minmax(0,1fr) 250px; padding: 27px; }
  .admin-stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 920px) {
  .wrap { width: min(100% - 34px, 780px); }
  .header-inner { height: 73px; }
  .hero { padding-top: 65px; }
  .hero-grid { gap: 38px; }
  .shell-grid { grid-template-columns: 1fr; }
  .sidebar { position: static; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 10px; }
  .sidebar-brandline { width: 100%; padding-bottom: 10px; }
  .sidebar-label, .sidebar-plan, .sidebar-security, .admin-side-status { display: none; }
  .sidebar-link { padding: 9px 10px; margin: 0; }
  .admin-content-grid, .admin-bottom-grid { grid-template-columns: 1fr; }
  .admin-sidebar { position: static; }
  .admin-hero { grid-template-columns: minmax(0,1fr) 230px; }
  .admin-chart { height: 170px; }
}
@media (max-width: 820px) {
  .wrap { width: min(100% - 34px, 700px); }
  .header-inner { height: 68px; }
  .nav-admin { padding: 10px 0 !important; border: 0; background: transparent; border-radius: 0; }
  .nav-admin.is-current:after { margin-top: 7px; }
  .workspace-hero { grid-template-columns: 1fr; padding: 27px; }
  .workspace-hero-visual { display: none; }
  .quick-tools-grid { grid-template-columns: 1fr; }
  .admin-hero { grid-template-columns: 1fr; }
  .admin-hero-card { max-width: 420px; }
  .admin-gateway-grid { grid-template-columns: 1fr; }
  .admin-gateway-card p { min-height: 0; }
  .admin-limit-grid { grid-template-columns: 1fr; gap: 3px; }
}
@media (max-width: 560px) {
  .wrap { width: calc(100% - 28px); }
  .section { padding: 65px 0; }
  .hero { padding-top: 43px; }
  .display { font-size: 43px; letter-spacing: -2.4px; }
  .admin-hero { padding: 24px 20px; border-radius: 20px; }
  .admin-hero h1 { font-size: 32px; }
  .admin-page-toolbar { align-items: flex-start; flex-direction: column; }
  .admin-toolbar-right { justify-content: flex-start; }
  .admin-stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .admin-stat-card { padding: 13px; min-height: 125px; }
  .admin-stat-card .stat-value { font-size: 25px; }
  .admin-stat-caption { font-size: 6px; letter-spacing: .5px; }
  .admin-content-grid { gap: 10px; }
  .admin-analytics-panel, .admin-quick-panel, .admin-gateways-panel, .admin-settings-panel, .admin-table-panel { padding: 16px; }
  .admin-chart { gap: 5px; height: 156px; }
  .admin-chart-bar-wrap { height: 118px; }
  .admin-chart-legend { gap: 9px; }
  .admin-settings-toggle { align-items: flex-start; padding: 12px; }
  .settings-toggle-copy small { max-width: 220px; }
  .admin-settings-footer { align-items: flex-start; flex-direction: column; }
  .admin-settings-footer .btn { width: 100%; }
  .dashboard-stats .stat-card { padding: 13px; }
  .workspace-section-heading { align-items: flex-start; flex-direction: column; }
  .dashboard-resumes-panel { padding: 15px; }
  .dashboard-resumes-panel .panel-head { align-items: flex-start; }
  .dashboard-resumes-panel .panel-head .btn { white-space: nowrap; }
  .resume-table-title { min-width: 160px; }
}

/* CVPilot Studio 2.0 — richer template gallery, photo-ready resume layouts, and motion system */
:root{--studio-ink:#111831;--studio-lavender:#eeedff;--studio-line:#e5e8f2;--studio-mint:#d9f8e9}
::selection{background:#dcdcff;color:#151936}
.site-header{box-shadow:0 5px 22px rgba(25,35,76,.025)}
.main-nav a{position:relative}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;border-radius:2px;background:var(--primary);transition:right .24s ease}
.main-nav a:hover:after,.main-nav a.is-current:after{right:0}
.btn{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease,border-color .22s ease}
.btn:active{transform:translateY(0) scale(.98)}

/* Template collection hero */
.template-library-hero{position:relative;overflow:hidden;padding:66px 0 55px;background:radial-gradient(circle at 82% 17%,rgba(183,187,255,.36),transparent 28%),radial-gradient(circle at 57% 100%,rgba(170,244,213,.24),transparent 30%),linear-gradient(135deg,#fbfbff 0%,#f1f2ff 52%,#f9fffc 100%);border-bottom:1px solid #e5e8f5;isolation:isolate}
.template-library-hero:before{content:"";position:absolute;z-index:-1;width:600px;height:600px;border-radius:50%;border:1px solid rgba(93,99,218,.09);right:-130px;top:-300px;box-shadow:0 0 0 45px rgba(93,99,218,.025),0 0 0 90px rgba(93,99,218,.018)}
.template-library-hero-grid{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:50px}
.template-library-copy{position:relative;z-index:2}
.template-library-copy h1{font:850 clamp(38px,4.4vw,59px)/1.04 var(--display);letter-spacing:-3px;color:#141b35;margin:17px 0 17px;max-width:620px}
.template-library-copy h1 span{color:#5659dc;position:relative;white-space:nowrap}
.template-library-copy h1 span:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:5px;border-radius:9px;background:#bff1d7;z-index:-1;transform:rotate(-1deg)}
.template-library-copy>p{max-width:620px;color:#707a91;font-size:14px;line-height:1.85;margin:0}
.template-library-stats{display:flex;flex-wrap:wrap;gap:0;margin:27px 0 25px;border:1px solid rgba(211,216,237,.85);background:rgba(255,255,255,.67);backdrop-filter:blur(10px);border-radius:15px;width:max-content;max-width:100%;box-shadow:0 8px 25px rgba(40,48,100,.035)}
.template-library-stats span{display:flex;flex-direction:column;gap:3px;padding:13px 21px;min-width:125px;border-right:1px solid #e8eaf4}
.template-library-stats span:last-child{border:0}
.template-library-stats strong{font:850 22px/1 var(--display);letter-spacing:-.8px;color:#1d2544}
.template-library-stats small{font-size:9px;font-weight:700;color:#8992a6;letter-spacing:.1px}
.template-library-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.template-library-note{display:flex;align-items:center;gap:7px;color:#7d879a;font-size:11px;font-weight:600}
.template-library-note svg{width:15px;color:#1c9b70}
.template-hero-showcase{position:relative;min-height:375px;display:grid;place-items:center;perspective:1000px}
.showcase-orbit{position:absolute;border:1px dashed rgba(98,104,220,.21);border-radius:50%;pointer-events:none}
.orbit-one{width:395px;height:300px;transform:rotate(-15deg)}.orbit-two{width:290px;height:390px;transform:rotate(22deg)}
.showcase-resume{position:absolute;width:252px;height:310px;border-radius:9px;background:#fff;border:1px solid #eaebf3;box-shadow:0 25px 65px rgba(35,42,95,.15);overflow:hidden;padding:19px 20px;color:#29314a}
.showcase-back{height:286px;left:calc(50% - 168px);top:53px;background:linear-gradient(160deg,#fff,#f2f3ff);transform:rotate(-10deg);opacity:.9;padding:30px 20px}
.showcase-back-left{left:calc(50% - 126px);top:60px;transform:rotate(-10deg)}
.showcase-back-name,.showcase-back-line,.showcase-back-label{display:block;height:5px;border-radius:4px;background:#dfe2ee;margin-bottom:8px;width:82%}
.showcase-back-name{width:70%;height:9px;background:#7478d9;margin-bottom:13px}.showcase-back-line.short{width:43%}.showcase-back-line.medium{width:65%}.showcase-back-label{margin-top:22px;width:30%;height:5px;background:#888ce2}
.showcase-front{z-index:2;top:37px;left:calc(50% - 81px);height:322px;transform:rotate(5deg);padding:20px 19px;border-top:6px solid #5a5ee0}
.showcase-resume-head{display:flex;align-items:center;gap:11px}.showcase-photo{width:47px;height:47px;object-fit:cover;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #e0e4f1}
.showcase-resume-head strong,.showcase-resume-head span,.showcase-resume-head small{display:block}.showcase-resume-head strong{font:850 13px var(--display);letter-spacing:-.35px}.showcase-resume-head span{font-size:8px;color:#5b5ede;font-weight:800;margin-top:3px}.showcase-resume-head small{font-size:5.5px;color:#9aa0b1;letter-spacing:.25px;margin-top:4px}
.showcase-resume-rule{height:2px;background:#5e63df;margin-top:16px}.showcase-line{height:4px;width:82%;border-radius:5px;background:#e7e9f1;margin-top:7px}.showcase-line.wide{width:100%}.showcase-section-label{font-size:6px;font-weight:900;letter-spacing:1.1px;color:#5b60dc;margin-top:19px;margin-bottom:8px}.showcase-job{display:flex;justify-content:space-between;gap:6px}.showcase-job b{font-size:6.5px;color:#3c455f}.showcase-job small{font-size:5px;color:#9ba2b4}.showcase-pills{display:flex;gap:4px;margin-top:5px}.showcase-pills i{font-style:normal;font-size:5px;color:#555bd1;background:#eff0ff;border-radius:4px;padding:4px 5px}.showcase-float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.94);border:1px solid #eceef7;border-radius:13px;padding:10px 12px;box-shadow:0 13px 35px rgba(38,44,91,.12);backdrop-filter:blur(12px)}.float-template-count{right:-2px;top:22px;animation:cvpFloat 5.5s ease-in-out infinite}.showcase-float-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef0ff;color:#5d60df}.showcase-float-icon svg{width:16px}.showcase-float-card strong,.showcase-float-card small{display:block}.showcase-float-card strong{font-size:10px;color:#242b47}.showcase-float-card small{font-size:8px;color:#858da3;margin-top:2px}.float-photo-badge{bottom:24px;left:-1px;color:#0b8260;font-size:9px;font-weight:800;animation:cvpFloat 6.2s ease-in-out infinite reverse}.float-photo-badge svg{width:15px}

/* Curated template marketplace */
.template-library-main{padding-top:50px}
.template-library-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}
.template-library-title-row h2{font:850 clamp(26px,3vw,38px)/1.12 var(--display);letter-spacing:-1.6px;color:#17203a;margin:8px 0}
.template-library-title-row p{font-size:12px;color:#7e879c;margin:0;line-height:1.75}
.template-results-counter{display:flex;align-items:center;gap:8px;background:white;border:1px solid #e7eaf3;padding:11px 13px;border-radius:12px;color:#657088;font-size:10px;white-space:nowrap;box-shadow:0 6px 18px rgba(26,35,72,.035)}.template-results-counter svg{width:15px;color:#5b60dd}.template-results-counter strong{font-size:10px;color:#303956}
.template-filter-panel{display:grid;grid-template-columns:minmax(230px,1fr) 205px;gap:12px;padding:13px;background:rgba(255,255,255,.8);border:1px solid #e5e8f2;border-radius:17px;margin-bottom:22px;box-shadow:0 8px 30px rgba(32,40,85,.035)}
.template-filter-panel .search-box{max-width:none}.template-filter-panel .search-box input{min-height:43px;border-radius:11px;font-size:12px}.template-filter-panel .filter-select{min-height:43px;border-radius:11px;font-size:11px}
.template-quick-filters{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:1px}
.template-filter-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid #e5e8f1;border-radius:999px;padding:0 12px;color:#758097;background:#fff;font-size:10px;font-weight:750;transition:all .2s ease}
.template-filter-chip svg{width:13px;height:13px}.template-filter-chip:hover{border-color:#c8ccfb;color:#4d52d8;transform:translateY(-1px)}.template-filter-chip.active{color:white;border-color:#5a60df;background:linear-gradient(135deg,#696df0,#4e54d9);box-shadow:0 6px 16px rgba(79,85,222,.19)}
.template-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.template-card-premium{padding:0!important;border:1px solid #e5e8f1;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;position:relative;background:#fff;box-shadow:0 5px 20px rgba(26,35,75,.025);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}
.template-card-premium:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(30,40,95,.12);border-color:#cfd2f9}
.template-preview-shell{position:relative;height:304px;overflow:hidden;padding-top:14px;background:radial-gradient(circle at 50% 24%,rgba(210,213,255,.35),transparent 50%),linear-gradient(180deg,#f7f8ff,#f2f4fb);border-bottom:1px solid #edf0f6;isolation:isolate}
.template-preview-shell:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38px;background:linear-gradient(0deg,rgba(245,246,252,.8),transparent);pointer-events:none;z-index:2}
.template-preview-page{position:relative;isolation:isolate;width:75%;max-width:236px;height:282px;margin:0 auto;padding:18px 15px;background:#fff;border:1px solid rgba(228,231,241,.95);border-radius:4px 4px 2px 2px;box-shadow:0 12px 28px rgba(22,30,65,.11);overflow:hidden;color:#242d46;transform:translateY(9px) rotate(-.8deg);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.template-card-premium:hover .template-preview-page{transform:translateY(0) rotate(0deg) scale(1.015);box-shadow:0 18px 35px rgba(22,30,65,.15)}
.tp-top-accent{position:absolute;left:0;right:0;top:0;height:5px;background:var(--tone,#595ee0)}
.tp-main{position:relative;z-index:1;width:100%;height:100%;overflow:hidden}
.tp-resume-heading{display:flex;align-items:center;gap:9px;padding-bottom:11px;border-bottom:1.5px solid color-mix(in srgb,var(--tone) 75%,white)}
.tp-profile-photo{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;border:1.5px solid #fff;box-shadow:0 0 0 1px #e2e5ef}
.tp-identity{min-width:0}.tp-identity strong,.tp-identity span,.tp-identity small{display:block}.tp-identity strong{font:850 10px/1.2 var(--display);letter-spacing:-.2px;color:#222b44}.tp-identity span{font-size:6px;font-weight:850;letter-spacing:.6px;color:var(--tone);text-transform:uppercase;margin-top:4px}.tp-identity small{font-size:4.7px;letter-spacing:.22px;color:#9299aa;margin-top:5px;white-space:nowrap}
.tp-contact-rule{display:none;height:1px;background:#e8ebf2;margin-top:10px}
.tp-section{margin-top:12px;position:relative}.tp-section>b{display:block;font-size:5.4px;line-height:1.2;font-weight:900;letter-spacing:1.1px;color:var(--tone);margin-bottom:6px}.tp-line{display:block;width:82%;height:3px;border-radius:3px;background:#e9ebf2;margin:4px 0}.tp-line.long{width:100%}.tp-line.medium{width:67%}.tp-line.short{width:45%}
.tp-job-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:6px 0 3px}.tp-job-row i{display:block;width:43%;height:4px;background:#aeb5c7;border-radius:3px}.tp-job-row span{display:block;width:21%;height:3px;background:#e0e4ee;border-radius:3px}.tp-job-row.second{margin-top:9px}.tp-pills{display:flex;gap:4px;flex-wrap:wrap}.tp-pills i{width:33px;height:8px;border-radius:3px;background:color-mix(in srgb,var(--tone) 12%,white);border:1px solid color-mix(in srgb,var(--tone) 12%,white)}
.tp-sidebar{display:none;position:absolute;left:0;top:0;bottom:0;width:29%;padding:16px 8px 12px;background:color-mix(in srgb,var(--tone) 8%,white);border-right:1px solid color-mix(in srgb,var(--tone) 16%,white);z-index:1}
.tp-sidebar-avatar{width:34px;height:34px;margin:4px auto 15px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--tone) 15%,white);display:grid;place-items:center;color:var(--tone);font-size:9px;font-weight:850}.tp-sidebar-avatar img{width:100%;height:100%;object-fit:cover}.tp-side-line{display:block;width:75%;height:3px;border-radius:4px;background:color-mix(in srgb,var(--tone) 19%,white);margin:5px 0}.tp-side-line.wide{width:100%}.tp-side-line.short{width:50%}.tp-side-label{display:block;font-size:4px;font-weight:900;letter-spacing:.6px;color:var(--tone);margin-top:16px;margin-bottom:6px}
.layout-sidebar .tp-sidebar,.layout-sidebar-photo .tp-sidebar,.layout-creative-photo .tp-sidebar,.layout-two-column .tp-sidebar,.layout-data .tp-sidebar,.layout-code .tp-sidebar{display:block}
.layout-sidebar .tp-main,.layout-sidebar-photo .tp-main,.layout-creative-photo .tp-main,.layout-two-column .tp-main,.layout-data .tp-main,.layout-code .tp-main{margin-left:32%;width:68%}
.layout-sidebar .tp-identity strong,.layout-sidebar-photo .tp-identity strong,.layout-two-column .tp-identity strong{font-size:8px}
.layout-centered .tp-resume-heading{justify-content:center;text-align:center;padding-bottom:12px}.layout-centered .tp-identity small{white-space:normal}.layout-centered .tp-contact-rule{display:block}
.layout-header .tp-resume-heading{border-bottom:3px solid var(--tone);padding:3px 0 12px}.layout-header .tp-identity strong{font-size:13px}
.layout-ats .tp-top-accent,.layout-minimal .tp-top-accent,.layout-classic .tp-top-accent{height:3px}.layout-ats .tp-resume-heading,.layout-minimal .tp-resume-heading,.layout-classic .tp-resume-heading{border-bottom:1px solid #daddE8}
.layout-editorial .tp-identity strong,.layout-editorial-photo .tp-identity strong{font:500 14px/1.1 Georgia,serif;letter-spacing:-.4px}.layout-editorial .tp-identity span,.layout-editorial-photo .tp-identity span{font-weight:500;letter-spacing:.5px}
.layout-compact .tp-section{margin-top:8px}.layout-compact .tp-resume-heading{padding-bottom:7px}.layout-compact .tp-profile-photo{width:32px;height:32px}
.layout-bold .tp-top-accent,.layout-gradient .tp-top-accent{height:44px;background:linear-gradient(115deg,var(--tone),color-mix(in srgb,var(--tone) 55%,#9c93ff))}.layout-bold .tp-resume-heading,.layout-gradient .tp-resume-heading{position:relative;margin-top:18px;padding:12px 9px;border:0;border-radius:6px;background:color-mix(in srgb,var(--tone) 7%,white)}.layout-bold .tp-identity strong{font-size:12px}
.layout-creative .tp-resume-heading,.layout-creative-photo .tp-resume-heading{border-bottom:2px solid var(--tone)}.layout-creative .tp-identity strong{font-size:14px}.layout-creative-photo .tp-identity strong{font-size:9px}
.layout-timeline .tp-job-row{position:relative}.layout-timeline .tp-job-row:before{content:"";position:absolute;left:-5px;top:-5px;width:4px;height:4px;border:1px solid var(--tone);border-radius:50%;background:white}
.layout-results .tp-section:first-of-type{padding:8px 8px 3px;background:color-mix(in srgb,var(--tone) 7%,white);border-radius:4px}
.layout-nordic .tp-top-accent{height:2px}.layout-nordic .tp-resume-heading{border-bottom:1px solid #e5ebe5}
.layout-photo .tp-profile-photo,.layout-editorial-photo .tp-profile-photo,.layout-soft-photo .tp-profile-photo{width:47px;height:47px;border-radius:11px}
.layout-photo .tp-resume-heading{align-items:center}.layout-soft-photo .tp-resume-heading{padding:8px;background:color-mix(in srgb,var(--tone) 6%,white);border-radius:6px}
.layout-luxe .tp-identity strong{font:500 14px Georgia,serif}
.template-preview-zoom{position:absolute;right:11px;bottom:12px;z-index:4;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.92);border:1px solid #e8eaf3;color:#5057da;box-shadow:0 6px 16px rgba(24,33,70,.08);opacity:0;transform:translateY(5px);transition:.22s ease}.template-preview-zoom svg{width:15px}.template-card-premium:hover .template-preview-zoom{opacity:1;transform:translateY(0)}
.template-card-badges{position:absolute;left:10px;top:10px;z-index:5;display:flex;gap:5px;flex-wrap:wrap;max-width:calc(100% - 20px)}.template-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.9);border:1px solid rgba(231,233,243,.9);backdrop-filter:blur(9px);font-size:7px;font-weight:850;color:#687289;box-shadow:0 4px 10px rgba(22,31,68,.04)}.template-badge svg{width:10px;height:10px}.template-badge.badge-photo{color:#6b52cb}.template-badge.badge-ats{color:#108660}
.template-premium-meta{padding:14px 14px 12px;display:flex;flex-direction:column;flex:1}.template-premium-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.template-premium-heading strong{display:block;font:800 13px var(--display);letter-spacing:-.3px;color:#202843}.template-premium-heading span:not(.template-tone-dot){display:block;font-size:9px;color:#8a93a6;margin-top:4px}.template-premium-heading b{font-weight:500;color:#c0c5d2;margin:0 3px}.template-tone-dot{display:block;width:13px;height:13px;flex:none;border-radius:50%;background:var(--tone);box-shadow:0 0 0 4px color-mix(in srgb,var(--tone) 13%,white)}
.template-premium-meta>p{font-size:10px;line-height:1.6;color:#7d879b;margin:12px 0 14px;flex:1;min-height:32px}.template-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eff1f6;padding-top:11px;margin-top:auto}.template-customize-note{display:flex!important;align-items:center;gap:5px;color:#8a93a7!important;font-size:8px!important;white-space:nowrap}.template-customize-note svg{width:12px;color:#8c91db}.template-use-link{display:flex!important;align-items:center;gap:5px;color:#555be1!important;font-size:9px!important;font-weight:850;white-space:nowrap}.template-use-link svg{width:12px;transition:transform .2s ease}.template-card-premium:hover .template-use-link svg{transform:translateX(3px)}
.template-library-bottom-cta{display:flex;align-items:center;gap:14px;background:linear-gradient(110deg,#f2f1ff,#f3fffa);border:1px solid #e3e5f5;border-radius:18px;padding:19px 22px;margin-top:26px}.template-bottom-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:white;color:#5d5fe0;box-shadow:0 5px 14px rgba(45,48,116,.07);flex:none}.template-bottom-icon svg{width:19px}.template-library-bottom-cta>div:nth-child(2){flex:1}.template-library-bottom-cta strong{font:800 12px var(--display);color:#222b46}.template-library-bottom-cta p{font-size:10px;color:#7a8499;margin:4px 0 0}.template-library-bottom-cta .btn{min-height:40px;font-size:10px}

/* Builder photo upload and layout rendering */
.photo-upload-field{margin:3px 0 17px}.optional-field-label{font-size:9px;font-weight:600;color:#929bad;margin-left:5px}.photo-upload-row{display:flex;align-items:center;gap:9px}.photo-upload-control{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:1px dashed #cfd4e9;border-radius:12px;background:linear-gradient(110deg,#fbfbff,#f4f5ff);padding:11px 13px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.photo-upload-control:hover{border-color:#9da3ee;background:#f4f4ff;transform:translateY(-1px)}.photo-upload-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#e8eaff;color:#5c61db;flex:none}.photo-upload-icon svg{width:17px}.photo-upload-control strong,.photo-upload-control small{display:block}.photo-upload-control strong{font-size:10px;color:#303a56}.photo-upload-control small{font-size:8px;color:#8b94a8;margin-top:3px}.photo-upload-arrow{width:14px;height:14px;color:#8c93a9;margin-left:auto;flex:none}.profile-photo-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.photo-upload-row .btn{font-size:9px;white-space:nowrap;padding:0 11px}
.resume-preview{position:relative;isolation:isolate;transition:box-shadow .22s ease}.resume-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;z-index:1}.preview-identity{min-width:0;flex:1}.preview-photo-frame{width:92px;height:92px;flex:none;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 18%,white),color-mix(in srgb,var(--tone) 7%,#e8f8f2));box-shadow:0 0 0 4px #fff,0 0 0 5px color-mix(in srgb,var(--tone) 17%,white);display:grid;place-items:center;color:var(--tone);font:850 25px var(--display)}.preview-photo-frame[hidden]{display:none!important}.preview-photo-frame img{width:100%;height:100%;object-fit:cover}.preview-photo-frame img[hidden]{display:none!important}.preview-photo-frame span[hidden]{display:none!important}.preview-photo-frame span{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 17%,white),#edf0ff);color:var(--tone)}
.resume-preview.layout-modern .preview-name{font-size:30px;letter-spacing:-1.4px}.resume-preview.layout-classic .preview-name,.resume-preview.layout-ats .preview-name{font:800 27px Arial,sans-serif;letter-spacing:-.6px}.resume-preview.layout-classic .preview-contact,.resume-preview.layout-ats .preview-contact{border-bottom:1px solid #aeb5c4}.resume-preview.layout-centered .resume-preview-head{justify-content:center;text-align:center}.resume-preview.layout-centered .preview-contact{justify-content:center;text-align:center}.resume-preview.layout-centered .preview-name{font:500 30px Georgia,serif;letter-spacing:-1px}.resume-preview.layout-centered .preview-headline{letter-spacing:1.6px}.resume-preview.layout-centered .preview-photo-frame{position:absolute;right:0;top:0;width:72px;height:72px;border-radius:50%}.resume-preview.layout-centered .preview-identity{width:100%}.resume-preview.layout-centered .preview-photo-frame:not([hidden]){position:static;margin:0 auto 12px;order:-1}
.resume-preview.layout-header{border-top:11px solid var(--tone);padding-top:34px}.resume-preview.layout-header .preview-name{font-size:30px}.resume-preview.layout-header .preview-contact{padding-top:9px}
.resume-preview.layout-sidebar,.resume-preview.layout-sidebar-photo,.resume-preview.layout-creative-photo,.resume-preview.layout-two-column,.resume-preview.layout-data,.resume-preview.layout-code{padding-left:34%;position:relative}.resume-preview.layout-sidebar:before,.resume-preview.layout-sidebar-photo:before,.resume-preview.layout-creative-photo:before,.resume-preview.layout-two-column:before,.resume-preview.layout-data:before,.resume-preview.layout-code:before{content:"";white-space:pre-wrap;position:absolute;left:0;top:0;bottom:0;width:27%;padding:27px 12px;background:color-mix(in srgb,var(--tone) 9%,white);border-right:1px solid color-mix(in srgb,var(--tone) 17%,white);color:var(--tone);font-size:8px;font-weight:850;letter-spacing:1px;line-height:2.3}
.resume-preview.layout-sidebar-photo .preview-photo-frame,.resume-preview.layout-creative-photo .preview-photo-frame{position:absolute;left:4%;top:28px;width:21%;height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 4px color-mix(in srgb,var(--tone) 20%,white);z-index:2}.resume-preview.layout-sidebar-photo .preview-photo-frame[hidden],.resume-preview.layout-creative-photo .preview-photo-frame[hidden]{display:grid!important}.resume-preview.layout-sidebar-photo .preview-photo-frame span,.resume-preview.layout-creative-photo .preview-photo-frame span{font-size:14px}
.resume-preview.layout-bold{padding-top:0}.resume-preview.layout-bold .resume-preview-head{margin:0 -45px 18px;padding:24px 45px 22px;background:linear-gradient(120deg,var(--tone),color-mix(in srgb,var(--tone) 62%,#8c7fff));color:white}.resume-preview.layout-bold .preview-name,.resume-preview.layout-bold .preview-headline{color:white}.resume-preview.layout-bold .preview-contact{border:0;color:rgba(255,255,255,.78);padding-bottom:0}.resume-preview.layout-bold .preview-summary{border-left:3px solid var(--tone);padding-left:12px}
.resume-preview.layout-gradient{border-top:10px solid var(--tone);background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 4%,white),white 160px)}
.resume-preview.layout-editorial .preview-name,.resume-preview.layout-editorial-photo .preview-name,.resume-preview.layout-luxe .preview-name{font:500 31px Georgia,serif;letter-spacing:-1px}.resume-preview.layout-editorial .preview-section h3,.resume-preview.layout-editorial-photo .preview-section h3{font-family:Georgia,serif;font-size:11px;letter-spacing:.2px;text-transform:none;border-bottom:1px solid #d6d9e2;padding-bottom:7px}
.resume-preview.layout-nordic .preview-contact{border-bottom:1px solid #dde6df}.resume-preview.layout-nordic .preview-section h3{color:#477960}.resume-preview.layout-compact{font-size:90%;padding-top:35px;padding-bottom:30px}.resume-preview.layout-compact .preview-section{margin-top:12px}.resume-preview.layout-compact .preview-summary{margin:9px 0 13px}.resume-preview.layout-timeline .preview-entry{position:relative;border-left:2px solid color-mix(in srgb,var(--tone) 23%,white);padding-left:11px;margin-left:3px}.resume-preview.layout-timeline .preview-entry:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--tone);left:-4px;top:2px}.resume-preview.layout-results .preview-entry-top span:first-child{color:var(--tone)}.resume-preview.layout-data .preview-section h3,.resume-preview.layout-code .preview-section h3{border-bottom:1px solid color-mix(in srgb,var(--tone) 21%,white);padding-bottom:6px}.resume-preview.layout-soft-photo .preview-name{color:var(--tone)}.resume-preview.layout-soft-photo .preview-headline{letter-spacing:1px}

/* Admin command bar and responsive operation tools */
.admin-commandbar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px;border:1px solid #e5e8f2;border-radius:15px;background:rgba(255,255,255,.82);box-shadow:0 6px 25px rgba(28,36,78,.035);margin:-5px 0 17px;flex-wrap:wrap}
.admin-command-search{position:relative;flex:1;min-width:220px;max-width:430px}.admin-command-search svg{position:absolute;left:12px;top:12px;width:15px;color:#969fb2}.admin-command-search input{width:100%;min-height:39px;padding:8px 12px 8px 36px;border:1px solid #e2e5ef;border-radius:10px;background:#fbfcff;font-size:10px;outline:0}.admin-command-search input:focus{border-color:#a9aff1;box-shadow:0 0 0 3px rgba(93,97,225,.09)}.admin-command-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.admin-command-actions .btn{min-height:37px;font-size:9px;padding:0 11px}.sidebar-count{display:inline-grid;place-items:center;min-width:24px;height:21px;padding:0 6px;border-radius:7px;background:#efefff;color:#555bd5;font-size:8px;font-weight:850}.admin-snapshot-meta{flex-wrap:wrap;gap:8px 14px}.admin-snapshot-meta span{font-size:8px}
.admin-filterable-table tbody tr{transition:background .15s ease}.admin-filterable-table tbody tr:hover{background:#f8f9ff}

/* Motion, reveals and focus polish */
@keyframes cvpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes cvpRiseIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes cvpGlow{0%,100%{box-shadow:0 0 0 0 rgba(92,96,224,0)}50%{box-shadow:0 0 0 5px rgba(92,96,224,.075)}}
.motion-enabled .reveal-on-scroll:not(.is-visible){opacity:0;transform:translateY(16px);pointer-events:none}
.motion-enabled .reveal-on-scroll.is-visible{opacity:1;transform:translateY(0);transition:opacity .48s ease var(--reveal-delay,0ms),transform .48s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}
.template-library-hero .eyebrow .pulse{animation:cvpGlow 2.7s ease-in-out infinite}
.template-results-counter{animation:cvpRiseIn .5s ease both}
:focus-visible{outline:3px solid rgba(89,94,224,.32);outline-offset:3px}
.template-card-premium:focus-visible{outline-offset:5px}
@media(max-width:1080px){.template-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-library-hero-grid{gap:28px}.template-library-copy h1{font-size:48px}.template-preview-page{width:78%}}
@media(max-width:820px){.template-library-hero{padding:48px 0 39px}.template-library-hero-grid{grid-template-columns:1fr;gap:20px}.template-library-copy{text-align:center}.template-library-copy>p{margin-inline:auto}.template-library-stats{margin-left:auto;margin-right:auto}.template-library-actions{justify-content:center}.template-hero-showcase{min-height:345px;max-width:500px;width:100%;margin:0 auto}.template-library-title-row{align-items:flex-start;flex-direction:column;gap:14px}.template-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.template-preview-shell{height:285px}.template-preview-page{height:260px;width:76%}.template-filter-panel{grid-template-columns:minmax(0,1fr) 180px}.admin-commandbar{align-items:stretch}.admin-command-search{max-width:none}.admin-command-actions{width:100%}.admin-command-actions .btn{flex:1}}
@media(max-width:520px){.template-library-copy h1{font-size:40px;letter-spacing:-2px}.template-library-copy>p{font-size:12px}.template-library-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.template-library-stats span{min-width:0;padding:11px 5px}.template-library-stats strong{font-size:18px}.template-library-stats small{font-size:7px}.template-hero-showcase{min-height:320px;transform:scale(.96);margin-block:-5px}.showcase-back{left:calc(50% - 145px)}.showcase-front{left:calc(50% - 77px)}.float-template-count{right:0;top:12px}.float-photo-badge{left:0;bottom:15px}.template-quick-filters{gap:6px}.template-filter-chip{font-size:9px;padding:0 9px}.template-filter-panel{grid-template-columns:1fr;padding:10px}.template-filter-panel .filter-select{width:100%}.template-library-grid{gap:10px}.template-preview-shell{height:232px;padding-top:10px}.template-preview-page{width:83%;height:214px;padding:12px 10px}.tp-section{margin-top:8px}.tp-section>b{font-size:4.7px}.tp-line{height:2.5px}.tp-profile-photo{width:30px;height:30px}.tp-identity strong{font-size:8px}.tp-identity span{font-size:5px}.tp-identity small{font-size:3.5px}.tp-sidebar{padding:11px 5px}.tp-sidebar-avatar{width:25px;height:25px;margin-bottom:10px}.tp-side-label{margin-top:10px;font-size:3px}.tp-side-line{height:2px}.template-card-badges{left:6px;top:6px;gap:3px}.template-badge{font-size:6px;padding:3px 5px}.template-badge svg{width:8px;height:8px}.template-premium-meta{padding:10px 9px}.template-premium-heading strong{font-size:10px}.template-premium-heading span:not(.template-tone-dot){font-size:7px}.template-premium-meta>p{font-size:8px;min-height:39px;margin:9px 0 10px}.template-customize-note{font-size:7px!important}.template-use-link{font-size:7px!important}.template-library-bottom-cta{align-items:flex-start;flex-wrap:wrap;padding:15px}.template-library-bottom-cta .btn{width:100%}.photo-upload-row{align-items:stretch;flex-wrap:wrap}.photo-upload-control{width:100%;flex-basis:100%}.photo-upload-row .btn{margin-left:auto}.resume-preview{padding:27px 22px}.resume-preview.layout-bold .resume-preview-head{margin:0 -22px 16px;padding:19px 22px}.preview-photo-frame{width:62px;height:62px;border-radius:14px}.resume-preview.layout-sidebar,.resume-preview.layout-sidebar-photo,.resume-preview.layout-creative-photo,.resume-preview.layout-two-column,.resume-preview.layout-data,.resume-preview.layout-code{padding-left:32%}.resume-preview.layout-sidebar:before,.resume-preview.layout-sidebar-photo:before,.resume-preview.layout-creative-photo:before,.resume-preview.layout-two-column:before,.resume-preview.layout-data:before,.resume-preview.layout-code:before{width:25%;padding:20px 7px;font-size:6px}.resume-preview.layout-sidebar-photo .preview-photo-frame,.resume-preview.layout-creative-photo .preview-photo-frame{left:3%;top:24px;width:21%}.admin-command-actions{display:grid;grid-template-columns:1fr 1fr}.admin-command-actions a{grid-column:1/-1}.admin-command-actions .btn{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-enabled .reveal-on-scroll:not(.is-visible){opacity:1;transform:none}}


/* Named template signatures — per-design treatment layered over reusable layout families. */
.template-preview-page.template-basic-classic .tp-top-accent,
.template-preview-page.template-clean-ats .tp-top-accent,
.template-preview-page.template-classic-ats .tp-top-accent,
.template-preview-page.template-legal-professional .tp-top-accent{height:2px;background:#283246}
.template-preview-page.template-basic-classic .tp-identity strong,
.template-preview-page.template-clean-ats .tp-identity strong,
.template-preview-page.template-classic-ats .tp-identity strong{font-family:Arial,sans-serif;letter-spacing:0}
.template-preview-page.template-modern-pro .tp-top-accent{height:7px}
.template-preview-page.template-modern-pro .tp-resume-heading{padding-bottom:14px}
.template-preview-page.template-professional-blue .tp-resume-heading,
.template-preview-page.template-corporate-edge .tp-resume-heading{margin:-18px -15px 0;padding:18px 15px 12px;background:color-mix(in srgb,var(--tone) 9%,white)}
.template-preview-page.template-professional-blue .tp-top-accent,
.template-preview-page.template-corporate-edge .tp-top-accent{height:8px}
.template-preview-page.template-executive-elite .tp-identity strong,
.template-preview-page.template-elegant-serif .tp-identity strong,
.template-preview-page.template-luxe-editorial .tp-identity strong{font:500 13px Georgia,serif;letter-spacing:-.3px}
.template-preview-page.template-executive-elite .tp-resume-heading{justify-content:center;text-align:center}
.template-preview-page.template-executive-elite .tp-main{text-align:center}
.template-preview-page.template-executive-elite .tp-line{margin-left:auto;margin-right:auto}
.template-preview-page.template-executive-elite .tp-section{text-align:left}
.template-preview-page.template-modern-photo .tp-profile-photo,
.template-preview-page.template-portrait-pro .tp-profile-photo,
.template-preview-page.template-international-profile .tp-profile-photo{width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 4px color-mix(in srgb,var(--tone) 28%,white)}
.template-preview-page.template-portfolio-photo .tp-profile-photo,
.template-preview-page.template-rose-portfolio .tp-profile-photo{border-radius:12px;width:52px;height:52px}
.template-preview-page.template-bold-creative .tp-resume-heading,
.template-preview-page.template-marketing-leader .tp-resume-heading,
.template-preview-page.template-startup-founder .tp-resume-heading{margin:-18px -15px 0;padding:20px 15px 13px;background:linear-gradient(125deg,var(--tone),color-mix(in srgb,var(--tone) 60%,#a9a7ff));border:0}
.template-preview-page.template-bold-creative .tp-identity strong,
.template-preview-page.template-marketing-leader .tp-identity strong,
.template-preview-page.template-startup-founder .tp-identity strong{color:white;font-size:12px}
.template-preview-page.template-bold-creative .tp-identity span,
.template-preview-page.template-marketing-leader .tp-identity span,
.template-preview-page.template-startup-founder .tp-identity span{color:rgba(255,255,255,.83)}
.template-preview-page.template-nordic-clean .tp-resume-heading,
.template-preview-page.template-sage-minimal .tp-resume-heading,
.template-preview-page.template-customer-success .tp-resume-heading{border-bottom:1px solid #dce8df}
.template-preview-page.template-tech-modern .tp-sidebar,
.template-preview-page.template-software-engineer .tp-sidebar,
.template-preview-page.template-blueprint .tp-sidebar{background:#20283b;color:#f5f7ff;border:0}
.template-preview-page.template-tech-modern .tp-sidebar .tp-side-line,
.template-preview-page.template-software-engineer .tp-sidebar .tp-side-line,
.template-preview-page.template-blueprint .tp-sidebar .tp-side-line{background:rgba(255,255,255,.24)}
.template-preview-page.template-tech-modern .tp-sidebar .tp-side-label,
.template-preview-page.template-software-engineer .tp-sidebar .tp-side-label,
.template-preview-page.template-blueprint .tp-sidebar .tp-side-label{color:#a9b4ff}
.template-preview-page.template-data-analyst .tp-section:first-of-type{padding:7px;background:#f3f8fd;border-radius:5px}
.template-preview-page.template-sales-professional .tp-pills i,
.template-preview-page.template-operations-lead .tp-pills i{height:11px;border-radius:999px}
.template-preview-page.template-ux-designer .tp-section>b,
.template-preview-page.template-rose-portfolio .tp-section>b{letter-spacing:1.5px}
.template-preview-page.template-teacher-educator .tp-identity strong,
.template-preview-page.template-legal-professional .tp-identity strong{font-family:Georgia,serif;font-weight:500}
.template-preview-page.template-gradient-accent .tp-top-accent{height:12px;background:linear-gradient(90deg,var(--tone),#9d8bff,#c2f5df)}
.template-preview-page.template-metro-modern .tp-sidebar,
.template-preview-page.template-two-column-classic .tp-sidebar{background:color-mix(in srgb,var(--tone) 7%,#f8fafc)}
.template-preview-page.template-luxe-editorial .tp-resume-heading{padding-bottom:16px;border-bottom:1px solid #d8c4ac}
.template-preview-page.template-luxe-editorial .tp-section>b{font-family:Georgia,serif;text-transform:none;letter-spacing:.2px;font-size:7px}
.template-preview-page.template-timeline-pro .tp-section:nth-of-type(2),
.template-preview-page.template-project-manager .tp-section:nth-of-type(2){padding-left:8px;border-left:2px solid color-mix(in srgb,var(--tone) 35%,white)}
.template-preview-page.template-minimal-ats .tp-top-accent{height:0}
.template-preview-page.template-minimal-ats .tp-resume-heading{border-bottom:1px solid #222}
.template-preview-page.template-nursing-specialist .tp-sidebar{background:#e9f7f9}
.template-preview-page.template-sage-minimal .tp-top-accent{height:3px}
.template-preview-page.template-gradient-accent .tp-section b{color:var(--tone)}

/* Matching live-editor signatures so the template picker changes the document, not only the card. */
.resume-preview.template-basic-classic .preview-section h3,
.resume-preview.template-clean-ats .preview-section h3,
.resume-preview.template-classic-ats .preview-section h3{border-bottom:1px solid #c7cbd5;text-transform:uppercase;letter-spacing:.7px}
.resume-preview.template-professional-blue .resume-preview-head,
.resume-preview.template-corporate-edge .resume-preview-head{padding:15px 14px;background:color-mix(in srgb,var(--tone) 8%,white);border-radius:5px}
.resume-preview.template-executive-elite .preview-name,
.resume-preview.template-elegant-serif .preview-name,
.resume-preview.template-luxe-editorial .preview-name{font-family:Georgia,serif;font-weight:500;letter-spacing:-.8px}
.resume-preview.template-bold-creative .resume-preview-head,
.resume-preview.template-marketing-leader .resume-preview-head,
.resume-preview.template-startup-founder .resume-preview-head{padding:24px 18px;background:linear-gradient(125deg,var(--tone),color-mix(in srgb,var(--tone) 58%,#a6a5ff));border-radius:0;color:white}
.resume-preview.template-bold-creative .preview-name,
.resume-preview.template-marketing-leader .preview-name,
.resume-preview.template-startup-founder .preview-name{color:white}
.resume-preview.template-tech-modern .preview-section h3,
.resume-preview.template-software-engineer .preview-section h3,
.resume-preview.template-blueprint .preview-section h3{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2px}
.resume-preview.template-nordic-clean .preview-section h3,
.resume-preview.template-sage-minimal .preview-section h3{color:#477960;border-bottom:1px solid #dce8df}
.resume-preview.template-gradient-accent{border-top:10px solid transparent;border-image:linear-gradient(90deg,var(--tone),#9d8bff,#bff3d9) 1}
.resume-preview.template-luxe-editorial .preview-section h3{font:600 12px Georgia,serif;text-transform:none;letter-spacing:0;border-bottom:1px solid #d7c4ae;padding-bottom:7px}
.resume-preview.template-data-analyst .preview-section h3{border-bottom:2px solid color-mix(in srgb,var(--tone) 22%,white)}
.resume-preview.template-minimal-ats{box-shadow:none;border-color:#d9dde5}
.resume-preview.template-portfolio-photo .preview-photo-frame,
.resume-preview.template-rose-portfolio .preview-photo-frame{border-radius:12px}
.resume-preview.template-teacher-educator .preview-section h3,
.resume-preview.template-legal-professional .preview-section h3{font-family:Georgia,serif;text-transform:none;letter-spacing:.1px}
.resume-preview.template-sales-professional .preview-entry-top span:first-child,
.resume-preview.template-operations-lead .preview-entry-top span:first-child{font-weight:850;color:var(--tone)}
@keyframes cvpCardShine{0%{background-position:-160% 0}100%{background-position:160% 0}}
.template-card-premium:hover .template-preview-shell:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.48) 50%,transparent 65%);background-size:220% 100%;animation:cvpCardShine .8s ease forwards}
.admin-hero{overflow:hidden}
.admin-stat-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.admin-stat-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(32,42,91,.08)}
.admin-quick-link{transition:transform .2s ease,border-color .2s ease,background .2s ease}
.admin-quick-link:hover{transform:translateX(3px);border-color:#cbcffa;background:#fcfcff}


/* Template operations module inside the owner console */
.admin-template-ops-panel{padding:23px;margin-bottom:17px}
.admin-template-ops-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:14px 0 21px}
.admin-template-kpi{display:flex;align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid #e9ebf4;border-radius:14px;background:linear-gradient(135deg,#fff,#fafaff)}
.admin-template-kpi-icon{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:12px;background:#efefff;color:#605ce0}
.admin-template-kpi-icon.mint{background:#e5fbf1;color:#169a70}.admin-template-kpi-icon.blue{background:#eaf3ff;color:#347ad7}.admin-template-kpi-icon svg{width:17px}
.admin-template-kpi strong,.admin-template-kpi small{display:block}.admin-template-kpi strong{font:850 23px/1 var(--display);letter-spacing:-.8px;color:#202744}.admin-template-kpi small{margin-top:5px;color:#929aaf;font-size:9px;font-weight:750}
.admin-template-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 22px}
.admin-template-category>div:first-child{display:flex;justify-content:space-between;gap:12px;color:#67718b;font-size:10px}.admin-template-category strong{color:#38415d;font-size:10px}
.admin-template-category-track{height:6px;margin-top:7px;border-radius:999px;background:#f0f1f8;overflow:hidden}.admin-template-category-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6769e8,#a4a6ff);min-width:3px}
.admin-template-ops-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:19px;padding-top:14px;border-top:1px solid #edf0f6;color:#929bb0;font-size:9px}.admin-template-ops-footer>span{display:flex;align-items:center;gap:7px}.admin-template-ops-footer svg{width:14px}.admin-template-ops-footer code{font-size:9px;color:#656bd7;background:#f1f1ff;padding:3px 5px;border-radius:5px}
@media(max-width:560px){.admin-template-ops-panel{padding:16px}.admin-template-ops-stats{gap:7px}.admin-template-kpi{padding:9px;gap:7px;align-items:flex-start;flex-direction:column}.admin-template-kpi-icon{width:31px;height:31px;border-radius:9px}.admin-template-kpi strong{font-size:20px}.admin-template-kpi small{font-size:8px}.admin-template-category-list{gap:13px}.admin-template-category>div:first-child{font-size:9px}}

/* CVPilot Career Workspace — cohesive premium styles for resume.io-inspired workflows */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#606a80;font-size:13px;font-weight:650;padding:10px 0;cursor:pointer}
.nav-dropdown-trigger:hover,.nav-dropdown.open .nav-dropdown-trigger{color:var(--primary)}
.nav-dropdown-trigger svg{width:14px;height:14px;transition:transform .18s ease}
.nav-dropdown.open .nav-dropdown-trigger svg{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;display:none;top:calc(100% + 16px);left:-24px;width:300px;padding:9px;border:1px solid #e5e8f3;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(28,37,77,.15);backdrop-filter:blur(20px);z-index:100}
.nav-dropdown.open .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid;animation:cvpMenuIn .18s ease both}
.nav-dropdown-menu a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:#28304a!important;transition:background .16s,transform .16s}
.nav-dropdown-menu a:hover{background:#f4f5ff;transform:translateX(2px)}
.nav-dropdown-menu a>svg{width:19px;height:19px;color:#5c60dc;flex:none}
.nav-dropdown-menu a span{display:grid;gap:2px}
.nav-dropdown-menu a strong{font-size:12px;font-weight:800}
.nav-dropdown-menu a small{font-size:10px;color:#838ba0;font-weight:500}
@keyframes cvpMenuIn{from{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}

.career-page{padding:40px 0 90px;min-height:60vh}
.career-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 30px}
.career-page-header h1{font:800 clamp(32px,4vw,46px)/1.08 var(--display);letter-spacing:-2px;margin:10px 0 12px;color:#172038}
.career-page-header p{margin:0;max-width:650px;color:#758097;font-size:14px;line-height:1.75}
.career-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.career-two-col{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);gap:20px;align-items:start}
.career-panel{border:1px solid rgba(224,228,240,.95);border-radius:20px;padding:24px;background:rgba(255,255,255,.92);box-shadow:0 12px 38px rgba(31,42,82,.045);min-width:0}
.career-panel .panel-head{padding:0;margin:0 0 22px;border:0;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.career-panel .panel-head h2{font:800 20px/1.2 var(--display);letter-spacing:-.7px;margin:5px 0 7px;color:#202842}
.career-panel .panel-head p{font-size:11px;line-height:1.6;color:#8a92a7;margin:0;max-width:430px}
.panel-head-icon{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:13px;color:#585ce0;background:#f0f0ff;border:1px solid #e5e6ff}
.panel-head-icon svg{width:18px;height:18px}
.career-form{display:grid;gap:2px}
.career-form .field{margin-bottom:12px;min-width:0}
.career-form label{font-size:11px;font-weight:750;color:#48516a}
.career-form input,.career-form textarea,.career-form select{width:100%;max-width:100%;border:1px solid #e0e5f0;border-radius:11px;background:#fbfcff;color:#222b43;padding:11px 12px;font-size:12px;outline:none;transition:border .16s,box-shadow .16s,background .16s}
.career-form input:focus,.career-form textarea:focus,.career-form select:focus{border-color:#9ea4f4;box-shadow:0 0 0 3px rgba(91,95,221,.10);background:white}
.career-form textarea{resize:vertical;line-height:1.7;min-height:84px}
.career-form .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.career-form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:7px}
.field-hint{display:block;color:#959db0;font-size:10px;line-height:1.55}
.career-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:30px;align-items:center;overflow:hidden;padding:34px 38px;margin:0 0 26px;border:1px solid #e3e7f4;border-radius:24px;background:radial-gradient(circle at 88% 10%,rgba(193,194,255,.47),transparent 35%),radial-gradient(circle at 10% 120%,rgba(189,244,222,.47),transparent 32%),linear-gradient(125deg,#fff,#f9faff 65%,#f4f4ff);box-shadow:0 18px 55px rgba(38,47,97,.055)}
.career-hero h1{font:800 clamp(33px,4vw,48px)/1.06 var(--display);letter-spacing:-2.1px;margin:12px 0 14px;color:#18213b;max-width:700px}
.career-hero p{font-size:14px;line-height:1.8;color:#69758d;max-width:620px;margin:0}
.career-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.career-note{display:inline-flex;gap:7px;align-items:center;color:#848ca1;font-size:10px}.career-note svg{width:14px;color:#159a71}
.career-hero-art{min-height:230px;position:relative;display:grid;place-items:center}
.import-paper{width:170px;height:220px;position:relative;z-index:1;border:1px solid #e2e5ef;border-radius:7px;background:white;box-shadow:0 20px 40px rgba(38,49,98,.14);padding:23px 19px;transform:rotate(-4deg)}
.import-avatar{display:block;width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,#dedfff,#bff1da);margin-bottom:10px}
.import-paper>i{display:block;width:100%;height:4px;border-radius:4px;background:#e5e8f2;margin:7px 0}.import-paper>i.w80{width:80%}.import-paper>i.w65{width:65%}.import-paper>b{display:block;font:800 6px var(--display);letter-spacing:1px;color:#555bca;margin-top:13px}
.import-pills{display:flex;gap:4px;margin-top:8px}.import-pills span{height:8px;width:24px;border-radius:3px;background:#e9eaff}.import-pills span:nth-child(2){background:#e0f7ed}.import-arrow{position:absolute;z-index:2;right:18%;top:42%;width:45px;height:45px;display:grid;place-items:center;color:white;background:linear-gradient(140deg,#6a70ef,#5055d9);border-radius:15px;box-shadow:0 11px 25px rgba(76,83,210,.3);animation:cvpFloat 4s ease-in-out infinite}.import-spark{position:absolute;right:9%;top:15%;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e5fbf1;color:#12966c;animation:cvpFloat 4.6s ease-in-out infinite reverse}.import-spark svg{width:17px}
@keyframes cvpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.career-side-panel{padding:27px;background:linear-gradient(160deg,#17213c,#222d50);color:#fff;border-color:#252f50;box-shadow:0 18px 38px rgba(27,37,72,.13)}
.career-side-panel h3{font:800 21px/1.2 var(--display);letter-spacing:-.6px;margin:0 0 20px}
.career-side-panel .feature-icon{margin-bottom:16px}
.career-step{display:flex;gap:13px;padding:14px 0;border-top:1px solid rgba(255,255,255,.10)}
.career-step>span{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:9px;background:rgba(164,166,255,.15);color:#c6c8ff;font:800 10px var(--display)}
.career-step strong{display:block;color:#fff;font-size:11px}.career-step p{font-size:10px;line-height:1.65;color:#bac3da;margin:4px 0 0}
.career-side-panel .notice{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.11);color:#d4d9e7;font-size:10px}.career-side-panel .notice strong{color:#fff}

.template-filter-chip{display:inline-flex;align-items:center;gap:7px;min-height:35px;padding:0 12px;border:1px solid #e1e5f0;border-radius:999px;background:white;color:#68718a;font-size:10px;font-weight:750;transition:all .18s}
.template-filter-chip svg{width:13px;height:13px}.template-filter-chip:hover{border-color:#c4c8f6;color:#4d52ce;transform:translateY(-1px)}.template-filter-chip.active{border-color:#d3d4ff;background:#f0f0ff;color:#4e52d4;box-shadow:inset 0 0 0 1px rgba(91,95,221,.04)}
.template-results-counter{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #e4e7f2;border-radius:12px;background:white;color:#778198;font-size:10px}.template-results-counter svg{width:15px}.template-results-counter strong{color:#303a58;font-size:11px}

.job-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 20px}
.job-stat-card{display:flex;align-items:center;gap:13px;min-width:0;padding:17px;border:1px solid #e4e8f2;border-radius:16px;background:linear-gradient(145deg,#fff,#fbfbff);box-shadow:0 7px 20px rgba(33,43,83,.025);transition:transform .2s,border-color .2s}.job-stat-card:hover{transform:translateY(-2px);border-color:#d2d5fc}
.job-stat-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid #e2e4ff;border-radius:13px;background:#f0f0ff;color:#5b5fe1}.job-stat-card:nth-child(2) .job-stat-icon{background:#e9faf2;border-color:#d4f4e5;color:#15976d}.job-stat-card:nth-child(3) .job-stat-icon{background:#edf5ff;border-color:#d8eaff;color:#357cd3}.job-stat-card:nth-child(4) .job-stat-icon{background:#fff4e8;border-color:#fde6ca;color:#be752e}
.job-stat-icon svg{width:17px}.job-stat-card small{display:block;color:#8992a7;font-size:9px;font-weight:750}.job-stat-card strong{display:block;color:#222b46;font:850 25px/1.1 var(--display);letter-spacing:-.8px;margin-top:4px}
.job-tracker-layout{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)}
.job-table-wrap{width:100%;overflow:auto}.job-table{min-width:600px}.job-table .job-role-cell{display:flex;align-items:flex-start;gap:11px}.company-monogram{display:grid;place-items:center;width:33px;height:33px;flex:none;border-radius:11px;background:linear-gradient(145deg,#e9eaff,#f0f9ff);color:#5459cd;font:850 12px var(--display)}.job-role-cell>span:last-child{display:grid;gap:3px}.job-role-cell strong{font-size:11px;color:#29324d}.job-role-cell small{color:#929aaf;font-size:9px}.job-role-cell a{display:inline-flex;gap:4px;align-items:center;margin-top:4px;color:#5c61d8;font-size:9px;font-weight:700}.job-role-cell a svg{width:11px;height:11px}.job-notes{margin:8px 0 0;font-size:10px;color:#6e7890}.job-notes summary{cursor:pointer;color:#676cda;font-weight:700}.job-notes p{margin:5px 0;line-height:1.6;white-space:pre-wrap;max-width:270px}.job-status-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;background:#f0f1f7;color:#737c92}.job-status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-applied,.status-screening{background:#eef1ff;color:#5a5fe0}.status-interview{background:#e8f5ff;color:#327cd0}.status-offer{background:#e8f9f0;color:#11845d}.status-rejected,.status-withdrawn{background:#fff0f1;color:#c34e63}.follow-date{font-size:10px;font-weight:750;color:#505a76;white-space:nowrap}.follow-date.is-due{color:#c05c2c}.due-label{display:block;color:#c05c2c;font-size:8px;font-weight:800;margin-top:3px}.job-row-actions{display:flex;align-items:center;gap:3px}.job-row-actions form{display:inline-flex;margin:0}.job-search{width:min(210px,100%)}.job-search input{min-width:0;width:100%;padding:9px 10px;font-size:10px}

.cover-template-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;margin-bottom:20px;border:1px solid #e6e8f2;border-radius:16px;background:linear-gradient(100deg,#fff,#fafaff)}.cover-template-strip strong{display:block;font:800 12px var(--display);color:#303954}.cover-template-strip small{display:block;color:#9299ac;font-size:9px;margin-top:3px}.cover-style-options{display:flex;gap:7px;flex-wrap:wrap}.cover-style-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #e4e7f1;border-radius:999px;background:#fff;padding:8px 11px;color:#747e94;font-size:10px;font-weight:750;transition:all .18s}.cover-style-chip.active{color:#5055d7;border-color:#cecffb;background:#f0f0ff}.style-swatch{display:block;width:20px;height:13px;border-radius:3px;border:1px solid #dfe3eb;background:linear-gradient(#777 2px,transparent 2px 5px,#c6cbd8 5px 6px,transparent 6px);background-size:100% 8px}.style-classic{background:linear-gradient(#212a43 2px,transparent 2px 5px,#c6cbd8 5px 6px,transparent 6px);background-size:100% 8px}.style-minimal{background:linear-gradient(#6b70df 2px,transparent 2px 5px,#d2d5e0 5px 6px,transparent 6px);background-size:100% 8px}
.cover-letter-grid{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr)}.letter-library{position:sticky;top:96px}.letter-list{display:grid;gap:6px}.letter-list-item{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid transparent;border-radius:12px;transition:all .17s;min-width:0}.letter-list-item:hover{background:#f8f8ff;border-color:#ebeaff}.letter-list-item.active{background:#f1f1ff;border-color:#dedfff}.letter-list-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#edeeff;color:#5d62d9}.letter-list-icon svg{width:16px}.letter-list-copy{display:grid;gap:3px;min-width:0;flex:1}.letter-list-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#303953}.letter-list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#969db0}.letter-list-item>svg{width:14px;color:#9ca4b7;flex:none}.delete-letter-form{margin-top:16px;border-top:1px solid #eef0f5;padding-top:12px}.letter-empty{padding:30px 12px}.cover-editor-panel{min-width:0}.cover-letter-preview-wrap{margin:20px 0;padding:18px;border-radius:15px;background:#f2f4fa;border:1px solid #e5e8f2}.cover-letter-preview-wrap .field-hint{margin:0 0 10px}.cover-letter-preview{background:white;color:#263049;border:1px solid #e2e6ef;border-radius:4px;box-shadow:0 8px 24px rgba(38,48,86,.08);min-height:360px;padding:34px 40px;font-size:11px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.cover-letter-preview:before{content:"CVPILOT AI  /  CAREER STUDIO";display:block;font:800 8px var(--display);letter-spacing:1.5px;color:#5b5fe0;border-bottom:1px solid #e5e8f1;padding-bottom:12px;margin-bottom:22px;white-space:normal}.cover-letter-preview[data-style="classic"]{font-family:Georgia,serif;font-size:12px;border-top:4px double #242d45}.cover-letter-preview[data-style="classic"]:before{color:#252e46;letter-spacing:2px}.cover-letter-preview[data-style="minimal"]{border:0;box-shadow:none;padding:22px 28px;font-size:10px}.cover-letter-preview[data-style="minimal"]:before{color:#7c8496;border-bottom:0;margin-bottom:12px}
.delete-letter-form button{color:#a14a5d}

.interview-layout{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)}.interview-output-panel{min-height:510px;position:relative;overflow:hidden}.interview-output{margin-top:15px;min-height:360px;padding:23px;border:1px solid #e7e9f3;border-radius:17px;background:radial-gradient(circle at 93% 8%,rgba(201,203,255,.26),transparent 27%),linear-gradient(145deg,#fbfcff,#f8fbff)}.interview-empty-visual{display:flex;align-items:center;gap:20px;position:relative;min-height:145px}.interview-speech{display:grid;gap:8px;padding:15px;border:1px solid #e5e8f2;border-radius:13px;background:#fff;box-shadow:0 8px 20px rgba(35,45,82,.05);width:43%;min-width:120px}.interview-speech svg{width:19px;height:19px;color:#5c61de}.interview-speech span{display:block;height:5px;border-radius:4px;background:#e8eaf2}.interview-speech span:nth-child(2){width:78%}.interview-speech span:nth-child(3){width:56%}.speech-two{transform:translateY(15px)}.speech-two svg{color:#169a71}.interview-spark{position:absolute;left:45%;top:-8px;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e8fbf2;color:#14976d;animation:cvpFloat 4s ease-in-out infinite}.interview-empty-visual+h3{font:800 20px var(--display);letter-spacing:-.6px;margin:10px 0 7px;color:#28324d}.interview-empty-visual~p{font-size:11px;color:#8791a8;line-height:1.7;max-width:410px}.interview-result-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #e6e9f1}.interview-result-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;margin:0;color:#38425d;font:11px/1.8 var(--font)}.interview-output.is-loading{display:grid;place-items:center}.interview-loading{text-align:center}.loading-orbit{display:block;width:38px;height:38px;margin:0 auto 16px;border:3px solid #e2e4ff;border-top-color:#6267e5;border-radius:50%;animation:cvpSpin .8s linear infinite}@keyframes cvpSpin{to{transform:rotate(360deg)}}

.examples-page-header{margin-bottom:26px}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.example-card{display:flex;flex-direction:column;min-width:0;padding:21px;border:1px solid #e5e8f1;border-radius:18px;background:linear-gradient(150deg,#fff,#fafbff);box-shadow:0 5px 22px rgba(30,41,82,.025);transition:transform .2s,border-color .2s,box-shadow .2s}.example-card:hover{transform:translateY(-4px);border-color:#d0d3fb;box-shadow:0 18px 32px rgba(31,42,83,.08)}.example-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.example-card-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#f0f0ff;color:#6064df}.example-card:nth-child(3n+2) .example-card-icon{background:#e8faf2;color:#158b66}.example-card:nth-child(3n) .example-card-icon{background:#fff0e8;color:#be6d40}.example-card-icon svg{width:20px}.example-category{font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#8a93a7}.example-card h2{font:800 17px/1.25 var(--display);letter-spacing:-.5px;margin:0 0 9px;color:#28314b}.example-summary{font-size:11px;line-height:1.7;color:#808aa1;margin:0 0 15px}.example-bullets-title{display:block;margin-top:5px;color:#49536e;font-size:10px;font-weight:800}.example-card ul{padding-left:16px;margin:7px 0 17px;color:#778199;font-size:10px;line-height:1.8}.example-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #edf0f5;color:#5b60d7;font-size:10px;font-weight:800}.example-guidance-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:28px 0;padding:22px;border:1px solid #e1e6ef;border-radius:18px;background:linear-gradient(115deg,#fff,#f5f8ff)}.example-guidance-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:10px;border-radius:12px;background:#f0f0ff;color:#5d61dc}.example-guidance-strip strong{display:block;font-size:11px;color:#303953}.example-guidance-strip p{font-size:10px;line-height:1.7;color:#8791a7;margin:6px 0 0}.examples-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:20px;background:#18213b;color:white;box-shadow:0 18px 40px rgba(27,37,75,.12)}.examples-bottom-cta h2{font:800 22px var(--display);letter-spacing:-.7px;margin:0 0 6px}.examples-bottom-cta p{font-size:11px;color:#bfc7da;margin:0}

.versions-layout{grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)}.version-list{display:grid}.version-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eff1f6}.version-row:last-child{border-bottom:0}.version-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;color:#5e63dd;background:#f0f0ff}.version-icon svg{width:16px}.version-copy{min-width:0;display:grid;gap:4px;flex:1}.version-copy strong{font-size:11px;color:#333d58}.version-copy small{font-size:9px;color:#8c95a9}.version-row form{margin:0}.version-share-panel{position:sticky;top:96px}.version-share-panel h2{font:800 21px var(--display);margin:0 0 10px;letter-spacing:-.5px}.version-share-panel>p{color:#8790a5;font-size:10px;line-height:1.7}.share-analytics-number{display:flex;align-items:baseline;gap:8px;margin:20px 0 6px}.share-analytics-number strong{font:850 40px var(--display);letter-spacing:-1.8px;color:#5258db}.share-analytics-number span{color:#7f899e;font-size:11px}
.shared-resume-page{padding:45px 0 70px}.shared-resume-wrap{width:min(860px,calc(100% - 32px));margin:0 auto}.shared-resume-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:12px 16px;border:1px solid #e4e7f1;border-radius:14px;background:rgba(255,255,255,.9)}.shared-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:#e9faf2;color:#14845f;font-size:9px;font-weight:800}.shared-badge svg{width:13px}.shared-document-frame{padding:26px;border:1px solid #e4e7f1;border-radius:20px;background:#f1f3f9}.shared-document-frame .resume-preview{margin:0 auto;box-shadow:0 16px 36px rgba(30,40,73,.1)}.shared-resume-footer{text-align:center;padding:19px;color:#8b93a8;font-size:10px}.shared-resume-footer .brand{font-size:17px;justify-content:center;margin-bottom:8px}

/* Resume editor customization controls affect the real preview and its print dimensions. */
.resume-preview{font-size:var(--resume-font-size,10px);line-height:var(--resume-leading,1.5);width:min(100%,var(--resume-paper-width,210mm));}
.resume-preview .preview-section{margin-top:var(--resume-section-gap,15px)}
.resume-preview .preview-entry p{line-height:var(--resume-leading,1.5);font-size:inherit}
.resume-preview:not(.layout-bold):not(.layout-sidebar):not(.layout-sidebar-photo):not(.layout-creative-photo):not(.layout-two-column):not(.layout-data):not(.layout-code){padding-left:var(--resume-page-pad,36px);padding-right:var(--resume-page-pad,36px)}
.resume-preview[data-paper-size="letter"]{--resume-paper-width:8.5in}
.resume-preview .preview-name{font-size:clamp(23px,2.5vw,30px)}
.resume-preview.template-photo-editorial .preview-photo-frame,.resume-preview.template-portfolio-photo .preview-photo-frame{border-radius:50%;}

.share-link-row{display:flex;gap:8px;align-items:center;margin-top:9px}.share-link-row input{flex:1;min-width:0;padding:10px;border:1px solid #e1e5ef;border-radius:9px;background:#fff;font-size:11px;color:#36405a}
.career-page .notice{margin-top:13px;overflow-wrap:anywhere}
.career-page .notice-warn{border-color:#f2dabb;background:#fffaf1;color:#805b2e}
.career-page .hidden{display:none!important}
.table-footer-note{display:flex;align-items:center;gap:7px;margin-top:14px;color:#939aae;font-size:9px}.table-footer-note svg{width:13px;color:#21a078}
.character-counter{font-variant-numeric:tabular-nums;color:#949caf;font-size:10px}
.field-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:5px}

@media(max-width:980px){.nav-dropdown-menu{left:auto;right:-80px}.career-two-col,.job-tracker-layout,.interview-layout,.cover-letter-grid,.versions-layout{grid-template-columns:1fr}.letter-library,.version-share-panel{position:static}.career-side-panel{order:2}.career-hero{grid-template-columns:1fr .65fr;padding:27px}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.job-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-page-header{align-items:flex-start}}
@media(max-width:760px){.nav-dropdown{display:block}.nav-dropdown-trigger{width:100%;justify-content:space-between;padding:12px 10px}.nav-dropdown-menu{position:static;width:100%;margin:2px 0 8px;box-shadow:none;border-radius:12px;background:#fbfbff}.nav-dropdown.open .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid}.main-nav{align-items:stretch}.career-page{padding:28px 0 62px}.career-page-header{display:grid;grid-template-columns:1fr;gap:16px}.career-header-actions{justify-content:flex-start}.career-page-header h1{font-size:35px;letter-spacing:-1.4px}.career-hero{grid-template-columns:1fr;padding:24px}.career-hero-art{min-height:190px;order:-1}.career-hero h1{font-size:35px;letter-spacing:-1.5px}.career-panel{padding:18px}.cover-template-strip{align-items:flex-start;flex-direction:column}.cover-letter-preview-wrap{padding:10px}.cover-letter-preview{padding:27px 24px;min-height:320px}.example-guidance-strip{grid-template-columns:1fr}.examples-bottom-cta{align-items:flex-start;flex-direction:column}.job-stats-grid{gap:8px}.job-stat-card{padding:12px;gap:9px}.job-stat-icon{width:33px;height:33px}.job-stat-card strong{font-size:22px}.version-row{gap:8px}.version-copy small{font-size:8px}}
@media(max-width:520px){.examples-grid{grid-template-columns:1fr}.career-form .field-row{grid-template-columns:1fr;gap:0}.career-page-header h1{font-size:30px}.career-hero h1{font-size:30px}.career-hero-art{min-height:160px}.import-paper{transform:scale(.86) rotate(-4deg)}.import-arrow{right:14%;top:38%}.career-page-header p{font-size:12px}.career-header-actions .btn{width:100%}.career-form-actions .btn{flex:1}.job-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.job-stat-card{align-items:flex-start;flex-direction:column}.share-link-row{align-items:stretch;flex-direction:column}.shared-document-frame{padding:10px}.shared-resume-top{align-items:flex-start;flex-direction:column}.career-note{align-items:flex-start}.field-footer{align-items:flex-start;flex-direction:column}}
@media print{body{background:#fff!important}.site-header,.site-footer,.ambient,.flash-stack,.career-page-header,.letter-library,.cover-template-strip,.cover-editor-panel .panel-head,.cover-editor-panel .career-form,.delete-letter-form{display:none!important}.career-page{padding:0!important}.wrap,.career-page .wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.cover-letter-preview-wrap{display:block!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important}.cover-letter-preview-wrap .field-hint{display:none}.cover-letter-preview{border:0!important;box-shadow:none!important;border-radius:0!important;min-height:0!important;width:100%!important;padding:16mm 18mm!important;font-size:11pt!important;line-height:1.65!important}.interview-output{border:0!important;background:#fff!important;padding:0!important}.interview-result-toolbar{display:none!important}.interview-result-text{font-size:11pt!important}.shared-document-frame{border:0!important;padding:0!important;background:#fff!important}.shared-resume-top,.shared-resume-footer{display:none!important}.resume-preview{width:var(--resume-paper-width,210mm)!important;max-width:100%!important;min-height:0!important;border:0!important;box-shadow:none!important;page-break-after:always;padding:12mm!important}}

/* Premium document previews: realistic typography and content rather than decorative placeholder lines. */
.brand-logo-image{display:block;width:auto;max-width:168px;max-height:42px;object-fit:contain}
.brand-wordmark{display:inline-block;max-width:190px;overflow:hidden;text-overflow:ellipsis;color:#182139;white-space:nowrap}
.showcase-initials{display:grid;place-items:center;flex:none;border:1px solid #e4e7ef;border-radius:50%;background:linear-gradient(145deg,#edf1f7,#dfe6ef);color:#44526a;font:800 17px var(--display);box-shadow:0 3px 12px rgba(26,35,60,.09)}
.tp-profile-photo.monogram-photo{display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#f2f4f8,#dce3ec);color:#536078;font:800 8px var(--display);letter-spacing:.4px;border:1px solid #e4e8ef;border-radius:50%;box-shadow:none}
.tp-sidebar-photo-initials{width:100%;height:100%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tone) 14%,white);border-radius:inherit;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--tone) 9%,white));color:var(--tone);font:800 9px var(--display)}
.tp-copy{margin:0;color:#60697a;font:400 5.1px/1.48 Arial,sans-serif;letter-spacing:0;max-width:100%;overflow-wrap:anywhere}
.tp-entry{margin-top:5px;padding-left:0;position:relative}
.tp-entry-title{display:block;color:#202a3d;font:700 5.5px/1.25 Arial,sans-serif;letter-spacing:0;margin:0 0 1px}
.tp-entry-meta{display:block;color:#8790a0;font:400 4.6px/1.35 Arial,sans-serif;margin:0 0 3px;letter-spacing:0}
.tp-bullets{margin:3px 0 0;padding-left:9px;color:#636d7d;font:400 4.25px/1.42 Arial,sans-serif}
.tp-bullets li{margin:1px 0;padding:0}
.tp-entry-secondary{margin-top:6px;padding-top:4px;border-top:1px solid #edf0f4}
.tp-education .tp-entry-title{margin-top:4px}
.tp-real-skills{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px}
.tp-real-skills span{display:inline-block;padding:2px 4px;border:1px solid color-mix(in srgb,var(--tone) 16%,white);border-radius:2px;background:color-mix(in srgb,var(--tone) 5%,white);color:#505a6e;font:500 4.3px/1.3 Arial,sans-serif;white-space:nowrap}
.tp-section>b{font-size:5.1px;letter-spacing:.8px;margin-bottom:4px}
.template-preview-page{border-radius:2px;background:#fff}
.template-preview-shell{background:linear-gradient(180deg,#f6f7fa,#edf0f5)}
.template-card-premium:hover .template-preview-page{transform:translateY(0) rotate(0deg) scale(1.012)}
/* Original template signatures — subtle, print-ready variations based on real resume layout conventions. */
.template-preview-page.template-signature-modern .tp-resume-heading,.resume-preview.template-signature-modern .resume-preview-head{border-bottom:2px solid var(--tone)}
.template-preview-page.template-swiss-editorial .tp-identity strong,.resume-preview.template-swiss-editorial .preview-name{font-family:Georgia,serif;letter-spacing:-.7px;font-weight:500}
.template-preview-page.template-boardroom-executive .tp-resume-heading,.resume-preview.template-boardroom-executive .resume-preview-head{justify-content:center;text-align:center}
.template-preview-page.template-executive-photo .tp-top-accent,.template-preview-page.template-midnight-executive .tp-top-accent,.resume-preview.template-midnight-executive{border-top:8px solid var(--tone)}
.template-preview-page.template-corporate-compact .tp-section,.resume-preview.template-corporate-compact .preview-section{margin-top:9px}
.template-preview-page.template-classic-black .tp-top-accent,.template-preview-page.template-clearspace .tp-top-accent{height:0}
.template-preview-page.template-cobalt-sidebar .tp-sidebar,.template-preview-page.template-navy-sidebar-photo .tp-sidebar{background:color-mix(in srgb,var(--tone) 11%,white);border-right:2px solid color-mix(in srgb,var(--tone) 23%,white)}
.template-preview-page.template-emerald-sidebar .tp-sidebar,.resume-preview.template-emerald-sidebar:before{background:#edf5f0;color:#28664f}
.template-preview-page.template-bronze-classic .tp-resume-heading,.template-preview-page.template-sandstone-editorial .tp-resume-heading{border-bottom:1px solid color-mix(in srgb,var(--tone) 38%,white)}
.template-preview-page.template-rose-minimal .tp-section>b,.resume-preview.template-rose-minimal .preview-section h3{color:var(--tone)}
.template-preview-page.template-steel-blue .tp-top-accent{height:8px}
.template-preview-page.template-split-profile .tp-sidebar{width:31%;background:#eef3f5}
.template-preview-page.template-recruiter-ready .tp-resume-heading,.template-preview-page.template-classic-black .tp-resume-heading{border-bottom:1px solid #cbd0d9}
.template-preview-page.template-data-story .tp-section:first-of-type,.template-preview-page.template-analyst-brief .tp-section:first-of-type{padding:5px 5px 4px;background:color-mix(in srgb,var(--tone) 7%,white);border-left:2px solid var(--tone)}
.template-preview-page.template-engineering-grid .tp-section>b,.template-preview-page.template-cyber-security .tp-section>b{font-family:monospace;letter-spacing:.35px}
.template-preview-page.template-product-impact .tp-entry-title,.resume-preview.template-product-impact .preview-entry-top span:first-child{color:var(--tone)}
.template-preview-page.template-consultant-brief .tp-resume-heading,.template-preview-page.template-clean-letterhead .tp-resume-heading{border-bottom:3px double var(--tone)}
.template-preview-page.template-clinical-cv .tp-sidebar{background:#eaf7f7}
.template-preview-page.template-finance-analyst .tp-section>b{color:#285c46}
.template-preview-page.template-legal-counsel .tp-identity strong,.resume-preview.template-legal-counsel .preview-name{font-family:Georgia,serif;font-weight:500}
.template-preview-page.template-academic-research .tp-section>b{font-family:Georgia,serif;letter-spacing:.25px}
.template-preview-page.template-scientist-cv .tp-section,.resume-preview.template-scientist-cv .preview-section{margin-top:8px}
.template-preview-page.template-graduate-first-step .tp-section:first-of-type{padding:5px;border-left:2px solid var(--tone);background:color-mix(in srgb,var(--tone) 5%,white)}
.template-preview-page.template-internship-starter .tp-top-accent{height:3px}
.template-preview-page.template-teacher-portfolio .tp-identity strong,.resume-preview.template-teacher-portfolio .preview-name{font-family:Georgia,serif}
.template-preview-page.template-sales-performance .tp-section:first-of-type,.template-preview-page.template-operations-excellence .tp-section:first-of-type{border:1px solid color-mix(in srgb,var(--tone) 18%,white);padding:5px}
.template-preview-page.template-marketing-growth .tp-top-accent{height:38px;background:var(--tone)}
.template-preview-page.template-marketing-growth .tp-resume-heading{margin-top:14px;padding:7px;background:#fff;border:0}
.template-preview-page.template-ux-case-study .tp-identity strong,.template-preview-page.template-brand-designer .tp-identity strong{font-size:12px;letter-spacing:-.3px}
.template-preview-page.template-hospitality-profile .tp-profile-photo,.template-preview-page.template-global-cv .tp-profile-photo,.template-preview-page.template-premium-monogram .tp-profile-photo{width:38px;height:38px;border-radius:50%}
.template-preview-page.template-people-leader .tp-resume-heading,.template-preview-page.template-premium-monogram .tp-resume-heading{justify-content:center;text-align:center}
.template-preview-page.template-project-lead .tp-entry{padding-left:7px;border-left:1px solid color-mix(in srgb,var(--tone) 35%,white)}
.template-preview-page.template-nonprofit-mission .tp-section>b,.resume-preview.template-nonprofit-mission .preview-section h3{color:#477660}
.template-preview-page.template-public-service .tp-identity strong,.resume-preview.template-public-service .preview-name{font-family:Arial,sans-serif;letter-spacing:0}
.template-preview-page.template-modern-timeline .tp-entry{padding-left:7px;border-left:1px solid var(--tone)}
.template-preview-page.template-portfolio-minimal .tp-section>b{font-weight:700;letter-spacing:.3px}
.template-preview-page.template-people-operations .tp-section>b{color:#3b766d}
.template-preview-page.template-product-operations .tp-sidebar{background:#edf1fa}
.template-preview-page.template-recruiter-blue .tp-resume-heading{border-bottom:3px solid var(--tone)}
.template-preview-page.template-elegant-linen .tp-identity strong,.resume-preview.template-elegant-linen .preview-name{font-family:Georgia,serif;font-weight:500}
.template-preview-page.template-navy-sidebar-photo .tp-sidebar{background:#edf1f7}
/* Use the optional user-uploaded portrait inside the final document, but use neutral monograms in gallery examples. */
.template-preview-page .tp-sidebar-avatar{background:#fff;border:0}
@media(max-width:820px){.tp-copy{font-size:5px}.tp-bullets{font-size:4.2px}}
@media(max-width:520px){.tp-copy{font-size:4.55px}.tp-bullets{font-size:3.8px}.tp-entry-title{font-size:5px}.brand-logo-image{max-width:142px;max-height:36px}.brand-wordmark{max-width:148px;font-size:19px}}

/* Admin brand and monetization controls — carefully spaced, compact, and responsive. */
.admin-brand-panel,.admin-pricing-panel{padding:24px;margin-bottom:18px;scroll-margin-top:100px}
.admin-brand-form,.admin-pricing-form{display:grid;gap:17px}
.brand-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}
.brand-config-grid .field,.admin-brand-form>.field,.admin-pricing-form .field{min-width:0;margin:0}
.admin-brand-form .field>label,.admin-pricing-form .field>label{display:block;margin-bottom:7px;color:#3c4660;font-size:11px;font-weight:800}
.admin-brand-form .field input:not([type=file]):not([type=color]),.admin-brand-form .field textarea,.admin-brand-form .field select,.admin-pricing-form .field input,.admin-pricing-form .field select{width:100%;min-height:43px;padding:10px 12px;border:1px solid #e0e5ef;border-radius:11px;background:#fff;color:#26314b;font-size:12px;outline:none;transition:border-color .18s,box-shadow .18s}
.admin-brand-form .field textarea{resize:vertical;min-height:85px;line-height:1.55}
.admin-brand-form .field input:focus,.admin-brand-form .field textarea:focus,.admin-brand-form .field select:focus,.admin-pricing-form .field input:focus,.admin-pricing-form .field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,white)}
.admin-brand-form .field-hint{display:block;margin-top:6px;color:#8993a8;font-size:9px;line-height:1.55}
.admin-color-input-row{display:flex;align-items:center;gap:9px;min-height:43px}
.admin-color-input-row input[type=color]{width:47px;height:43px;padding:4px;border:1px solid #e0e5ef;border-radius:11px;background:white;cursor:pointer}
.admin-color-input-row input[readonly]{width:112px;min-height:34px;padding:6px 8px;border:1px solid #e4e8f1;border-radius:8px;background:#fafbfe;color:#6d7790;font:700 11px ui-monospace,monospace}
.brand-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.brand-asset-card{min-width:0;padding:17px;border:1px solid #e4e8f1;border-radius:16px;background:linear-gradient(150deg,#fff,#fafbff)}
.brand-asset-heading{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.brand-asset-heading strong,.brand-asset-heading small{display:block}.brand-asset-heading strong{color:#27324c;font-size:12px}.brand-asset-heading small{margin-top:4px;color:#8b95aa;font-size:9px}
.brand-asset-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;border:1px solid #e7e6ff;border-radius:12px;background:#f0efff;color:#5b56d8}.brand-asset-icon svg{width:17px}.brand-asset-icon.favicon-icon{background:#e7f8ef;border-color:#d6f1e2;color:#16865e}
.brand-asset-preview{display:flex;align-items:center;justify-content:center;gap:10px;min-height:86px;padding:14px;border:1px dashed #dce2ed;border-radius:12px;background:repeating-linear-gradient(135deg,#fbfcfe 0,#fbfcfe 10px,#f6f8fb 10px,#f6f8fb 20px);overflow:hidden}
.brand-logo-preview img{max-width:100%;max-height:58px;object-fit:contain}.brand-logo-preview strong{font:800 16px var(--display);letter-spacing:-.6px;color:#24304c;overflow-wrap:anywhere}
.favicon-preview{min-height:86px}.favicon-preview img{width:42px;height:42px;object-fit:contain;border-radius:9px;background:#fff;padding:4px;box-shadow:0 5px 18px rgba(25,35,64,.1)}.favicon-preview span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;font:900 13px var(--display)}
.file-pick-label{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;margin-top:12px;border:1px solid #dfe4f0;border-radius:10px;background:white;color:#4a536b;font-size:10px;font-weight:800;cursor:pointer;transition:border-color .18s,background .18s}.file-pick-label:hover{border-color:#c4c5f4;background:#fafaff}.file-pick-label svg{width:14px}.brand-file-input{display:block;width:100%;margin-top:6px;color:#7e879c;font-size:9px}.brand-live-preview{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #e3e8f1;border-radius:12px;background:#fafbfe}.brand-live-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#19a773;box-shadow:0 0 0 4px rgba(25,167,115,.1)}.brand-live-preview>div{flex:1;min-width:0}.brand-live-preview strong,.brand-live-preview small{display:block}.brand-live-preview strong{color:#34405b;font-size:10px}.brand-live-preview small{margin-top:3px;color:#8993a8;font-size:9px}.brand-preview-swatch{width:25px;height:25px;border-radius:8px;background:var(--preview-brand);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.brand-preview-swatch.secondary{margin-left:-4px}
.admin-price-currency-row{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);align-items:end;gap:15px}.pricing-currency-note{display:flex;align-items:flex-start;gap:9px;padding:13px 14px;border:1px solid #e5e8f4;border-radius:12px;background:#f8f9ff;color:#747e96;font-size:10px;line-height:1.65}.pricing-currency-note svg{width:15px;flex:none;margin-top:1px;color:var(--primary)}.admin-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.admin-gateway-config-form{display:grid;gap:16px}.admin-gateway-config-card{min-width:0}.admin-gateway-options{margin-top:13px;padding-top:13px;border-top:1px solid #edf0f6;display:grid;gap:13px}.gateway-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.gateway-toggle-row>span:first-child{min-width:0}.gateway-toggle-row strong,.gateway-toggle-row small{display:block}.gateway-toggle-row strong{font-size:10px;color:#39445c}.gateway-toggle-row small{margin-top:3px;color:#8a94a8;font-size:8px;line-height:1.5}.admin-gateway-options .field{margin:0}.admin-gateway-options .field label{display:block;margin-bottom:6px;color:#66718a;font-size:9px;font-weight:800}.admin-gateway-options .field select{width:100%;min-height:37px;padding:7px 9px;border:1px solid #e1e5ef;border-radius:9px;background:white;color:#34405b;font-size:10px}.admin-gateway-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #edf0f6}.admin-gateway-form-footer>span{display:flex;align-items:center;gap:7px;color:#8a94a8;font-size:9px}.admin-gateway-form-footer>span svg{width:14px;color:#16a071}
/* Make the editor, admin console, forms, and template grid genuinely usable on mobile screens. */
@media(max-width:1000px){.admin-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-config-grid{gap:13px}.admin-brand-panel,.admin-pricing-panel{padding:20px}}
@media(max-width:720px){.brand-assets-grid{grid-template-columns:1fr}.admin-price-currency-row{grid-template-columns:1fr}.admin-gateway-form-footer{align-items:stretch;flex-direction:column}.admin-gateway-form-footer .btn{width:100%}.admin-brand-panel,.admin-pricing-panel{padding:16px;border-radius:16px}.brand-asset-card{padding:13px}.admin-price-grid{gap:10px}.brand-config-grid{grid-template-columns:1fr}.admin-brand-form .admin-settings-footer,.admin-pricing-form .admin-settings-footer{align-items:stretch;flex-direction:column}.admin-brand-form .admin-settings-footer .btn,.admin-pricing-form .admin-settings-footer .btn{width:100%}}
@media(max-width:480px){.admin-price-grid{grid-template-columns:1fr}.brand-live-preview{align-items:flex-start;flex-wrap:wrap}.brand-live-preview>div{width:calc(100% - 25px);flex-basis:calc(100% - 25px)}.brand-preview-swatch{width:22px;height:22px}.brand-asset-preview{min-height:75px}.admin-gateway-options{gap:10px}.gateway-toggle-row small{max-width:205px}.admin-brand-panel .panel-head,.admin-pricing-panel .panel-head{align-items:flex-start}}
.brand-assets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.social-preview img{display:block;width:100%;max-height:110px;object-fit:contain;border-radius:7px}
.social-preview-default{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#3e4a63}.social-preview-default .brand-mark{width:31px;height:31px;border-radius:9px}.social-preview-default strong{font:800 12px var(--display)}.social-preview-default small{flex-basis:100%;color:#858fa4;font-size:8px;margin-left:40px;margin-top:-7px}
@media(max-width:1000px){.brand-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.brand-assets-grid{grid-template-columns:1fr}}

/* Resume preview sidebars are real, data-driven content blocks (not decorative pseudo-text). */
.preview-sidebar-content{display:none;position:absolute;z-index:1;left:0;top:0;bottom:0;width:27%;padding:26px 13px 24px;overflow:hidden;background:color-mix(in srgb,var(--tone) 8%,white);border-right:1px solid color-mix(in srgb,var(--tone) 19%,white);color:#364058}
.preview-sidebar-content.is-visible{display:flex;flex-direction:column;gap:22px}
.resume-preview.layout-sidebar:before,.resume-preview.layout-sidebar-photo:before,.resume-preview.layout-creative-photo:before,.resume-preview.layout-two-column:before,.resume-preview.layout-data:before,.resume-preview.layout-code:before{display:none}
.preview-sidebar-group{min-width:0}.preview-sidebar-group h3{margin:0 0 9px;padding-bottom:5px;border-bottom:1px solid color-mix(in srgb,var(--tone) 25%,white);font-size:8px;line-height:1.2;letter-spacing:1px;text-transform:uppercase;color:var(--tone);font-weight:850}
.preview-sidebar-group p{margin:0 0 6px;color:#5f687b;font-size:8px;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.preview-sidebar-group p[hidden]{display:none!important}
.preview-sidebar-skills{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.preview-sidebar-skill{display:block;max-width:100%;padding:3px 5px;border:1px solid color-mix(in srgb,var(--tone) 13%,white);border-radius:4px;background:rgba(255,255,255,.68);color:#505b70;font-size:7px;line-height:1.35;overflow-wrap:anywhere}
.preview-sidebar-content[aria-hidden="true"]{display:none!important}
.resume-preview.layout-sidebar .preview-contact,.resume-preview.layout-sidebar-photo .preview-contact,.resume-preview.layout-creative-photo .preview-contact,.resume-preview.layout-two-column .preview-contact,.resume-preview.layout-data .preview-contact,.resume-preview.layout-code .preview-contact{display:none}
.resume-preview.layout-sidebar .preview-section[data-preview-section="skills"],.resume-preview.layout-sidebar-photo .preview-section[data-preview-section="skills"],.resume-preview.layout-creative-photo .preview-section[data-preview-section="skills"],.resume-preview.layout-two-column .preview-section[data-preview-section="skills"],.resume-preview.layout-data .preview-section[data-preview-section="skills"],.resume-preview.layout-code .preview-section[data-preview-section="skills"]{display:none}
.resume-preview.layout-sidebar-photo .preview-sidebar-content,.resume-preview.layout-creative-photo .preview-sidebar-content{padding-top:137px}
.resume-preview.layout-creative-photo .preview-sidebar-content{background:color-mix(in srgb,var(--tone) 12%,white);border-right:0}
.resume-preview.layout-data .preview-sidebar-content{background:#f3f5fa}
.resume-preview.layout-code .preview-sidebar-content{background:#edf0f5;font-family:ui-monospace,monospace}
.resume-preview.layout-two-column .preview-sidebar-content{background:#f1f4f8}
.resume-preview.layout-sidebar-photo .preview-sidebar-group h3,.resume-preview.layout-creative-photo .preview-sidebar-group h3{border-color:color-mix(in srgb,var(--tone) 23%,white)}
.resume-preview.layout-sidebar-photo .preview-photo-frame,.resume-preview.layout-creative-photo .preview-photo-frame{z-index:4}
/* Variations for the added print-minded templates. */
.resume-preview.template-signature-modern .preview-name,.resume-preview.template-recruiter-blue .preview-name{letter-spacing:-1.2px}
.resume-preview.template-swiss-editorial .preview-name,.resume-preview.template-sandstone-editorial .preview-name,.resume-preview.template-elegant-linen .preview-name,.resume-preview.template-legal-counsel .preview-name{font-family:Georgia,serif;font-weight:500;letter-spacing:-.7px}
.resume-preview.template-boardroom-executive .resume-preview-head,.resume-preview.template-people-leader .resume-preview-head,.resume-preview.template-premium-monogram .resume-preview-head{justify-content:center;text-align:center}
.resume-preview.template-boardroom-executive .preview-contact,.resume-preview.template-people-leader .preview-contact,.resume-preview.template-premium-monogram .preview-contact{justify-content:center}
.resume-preview.template-corporate-compact .preview-section,.resume-preview.template-scientist-cv .preview-section{margin-top:11px}
.resume-preview.template-clearspace .preview-section h3,.resume-preview.template-classic-black .preview-section h3{color:#3e4857}
.resume-preview.template-emerald-sidebar .preview-sidebar-content,.resume-preview.template-clinical-cv .preview-sidebar-content{background:#edf6f1}
.resume-preview.template-cobalt-sidebar .preview-sidebar-content,.resume-preview.template-navy-sidebar-photo .preview-sidebar-content{background:#eff2f9}
.resume-preview.template-finance-analyst .preview-section h3,.resume-preview.template-nonprofit-mission .preview-section h3,.resume-preview.template-people-operations .preview-section h3{color:var(--tone)}
.resume-preview.template-marketing-growth .resume-preview-head{padding:23px;background:linear-gradient(110deg,var(--tone),color-mix(in srgb,var(--tone) 50%,#d7a2e0));margin:-46px -45px 20px}
.resume-preview.template-marketing-growth .preview-name,.resume-preview.template-marketing-growth .preview-headline,.resume-preview.template-marketing-growth .preview-contact{color:#fff}
.resume-preview.template-marketing-growth .preview-contact{border-color:rgba(255,255,255,.45)}
.resume-preview.template-project-lead .preview-entry,.resume-preview.template-modern-timeline .preview-entry{padding-left:12px;border-left:2px solid color-mix(in srgb,var(--tone) 35%,white)}
.resume-preview.template-data-story .preview-section:first-of-type,.resume-preview.template-analyst-brief .preview-section:first-of-type{padding:12px;border-left:3px solid var(--tone);background:color-mix(in srgb,var(--tone) 5%,white)}
.resume-preview.template-engineering-grid .preview-section h3,.resume-preview.template-cyber-security .preview-section h3{font-family:ui-monospace,monospace;letter-spacing:.5px}
.resume-preview.template-clean-letterhead .resume-preview-head,.resume-preview.template-consultant-brief .resume-preview-head{border-bottom:3px double var(--tone);padding-bottom:16px}
.resume-preview.template-public-service .preview-name,.resume-preview.template-recruiter-ready .preview-name{font-family:Arial,sans-serif;letter-spacing:-.4px}
.resume-preview.template-ux-case-study .preview-name,.resume-preview.template-brand-designer .preview-name{font-size:29px}
.resume-preview.template-rose-minimal .preview-section h3{color:var(--tone)}
.resume-preview.template-sales-performance .preview-section:first-of-type,.resume-preview.template-operations-excellence .preview-section:first-of-type{padding:12px;border:1px solid color-mix(in srgb,var(--tone) 19%,white)}
.resume-preview.template-steel-blue .resume-preview-head{border-bottom:4px solid var(--tone);padding-bottom:14px}
.resume-preview.template-executive-photo .preview-name,.resume-preview.template-midnight-executive .preview-name{font-family:Georgia,serif;font-weight:500}
@media(max-width:820px){.preview-sidebar-content{width:27%;padding:24px 10px 18px;gap:16px}.preview-sidebar-group h3{font-size:7px}.preview-sidebar-group p{font-size:7px}.preview-sidebar-skill{font-size:6px}.resume-preview.layout-sidebar-photo .preview-sidebar-content,.resume-preview.layout-creative-photo .preview-sidebar-content{padding-top:114px}}
@media(max-width:520px){.resume-preview.layout-sidebar,.resume-preview.layout-sidebar-photo,.resume-preview.layout-creative-photo,.resume-preview.layout-two-column,.resume-preview.layout-data,.resume-preview.layout-code{padding-left:32%}.preview-sidebar-content{width:25%;padding:22px 6px 15px;gap:13px}.preview-sidebar-group h3{font-size:6px;letter-spacing:.5px;margin-bottom:6px}.preview-sidebar-group p{font-size:6px;margin-bottom:4px}.preview-sidebar-skill{font-size:5.5px;padding:2px 3px}.resume-preview.layout-sidebar-photo .preview-sidebar-content,.resume-preview.layout-creative-photo .preview-sidebar-content{padding-top:105px}.resume-preview.template-marketing-growth .resume-preview-head{margin:0 -22px 16px;padding:19px 22px}.resume-preview.template-sales-performance .preview-section:first-of-type,.resume-preview.template-operations-excellence .preview-section:first-of-type{padding:8px}}
/* Theme tokens are owner-configurable; apply them to the primary interactive surfaces. */
.brand-mark{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 74%,white),var(--primary-dark));box-shadow:0 6px 14px color-mix(in srgb,var(--primary) 22%,transparent)}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 20%,transparent)}
.btn-primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,white),var(--primary-dark));box-shadow:0 12px 24px color-mix(in srgb,var(--primary) 24%,transparent)}
.eyebrow,.link-arrow,.main-nav a:hover,.main-nav a.is-current,.nav-quiet:hover{color:var(--primary)}

.tp-identity strong,.tp-entry-title{font-family:var(--preview-font,Arial),sans-serif}
.tp-sidebar{display:flex;flex-direction:column;gap:9px;padding:11px 7px 8px;overflow:hidden}
.tp-sidebar-avatar{width:33px;height:33px;flex:none;margin:0 auto 2px;border-radius:50%;overflow:hidden}
.tp-sidebar-section{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.tp-sidebar-section b{display:block;margin:0 0 2px;color:var(--tone);font:800 4.5px/1.3 Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase}
.tp-sidebar-section small,.tp-sidebar-section span{display:block;width:100%;margin:0;color:#687285;font:400 4.3px/1.35 Arial,sans-serif;overflow-wrap:anywhere;word-break:break-word}
.tp-sidebar-section span{padding:2px 3px;border:1px solid color-mix(in srgb,var(--tone) 13%,white);border-radius:2px;background:rgba(255,255,255,.65)}
.tp-sidebar-education{padding-top:5px;border-top:1px solid color-mix(in srgb,var(--tone) 16%,white)}
@media(max-width:520px){.tp-sidebar{gap:7px;padding:9px 5px 6px}.tp-sidebar-avatar{width:27px;height:27px}.tp-sidebar-section b{font-size:4px}.tp-sidebar-section small,.tp-sidebar-section span{font-size:3.8px}}

/* Document-first template studio refresh — large paper previews, real typography, no skeleton bars. */
.template-document-hero .template-library-copy h1{max-width:650px;font-size:clamp(40px,4.9vw,62px);letter-spacing:-3px;line-height:1.02}
.template-document-hero .template-library-copy h1 span{color:var(--primary)}
.template-document-hero .template-library-copy>p{max-width:550px;font-size:15px;line-height:1.8;color:#677187}
.template-document-showcase{min-height:410px;perspective:1200px;isolation:isolate}
.doc-showcase-sheet{position:absolute;width:230px;height:326px;box-sizing:border-box;overflow:hidden;border:1px solid #e0e4ed;border-radius:1px;background:#fff;box-shadow:0 20px 55px rgba(28,38,65,.15);padding:23px 20px;color:#263044;font-family:Arial,sans-serif}
.doc-showcase-back{width:210px;height:297px;top:38px;opacity:.98}
.doc-showcase-back.doc-showcase-blue{left:calc(50% - 94px);transform:translateX(-48%) rotate(-7deg);background:#fff;padding-top:26px}
.doc-showcase-back.doc-showcase-rail{left:calc(50% - 25px);transform:translateX(5%) rotate(6deg);background:linear-gradient(90deg,#eef3f2 0 29%,#fff 29%);padding-left:76px;padding-top:28px}
.doc-showcase-front{z-index:3;left:calc(50% - 105px);top:28px;width:245px;height:348px;transform:rotate(1.5deg);padding:23px 21px;border-top:4px solid #365f9c}
.doc-showcase-name{font:700 11px/1.25 Georgia,serif;letter-spacing:.2px;color:#202b3c}.doc-showcase-role{font:700 6px/1.4 Arial,sans-serif;letter-spacing:.8px;color:#42618b;margin-top:5px;text-transform:uppercase}.doc-showcase-rule{height:1px;background:#9aaac0;margin:12px 0}
.doc-showcase-sheet h4{margin:14px 0 5px;font:700 6px/1.2 Arial,sans-serif;letter-spacing:1px;color:#34475f;text-transform:uppercase;border-bottom:1px solid #d8dee8;padding-bottom:4px}.doc-showcase-sheet p{font:400 6px/1.45 Arial,sans-serif;color:#606b7b;margin:0 0 5px}.doc-showcase-sheet b{display:block;font:700 6.2px/1.3 Arial,sans-serif;color:#29364b;margin:5px 0 2px}.doc-showcase-sheet small{display:block;font:400 5.2px/1.3 Arial,sans-serif;color:#7f899a;margin-bottom:4px}.doc-showcase-sheet ul{margin:3px 0 0;padding-left:10px;color:#606b7b;font:400 5.6px/1.4 Arial,sans-serif}.doc-showcase-sheet li{margin:1px 0}.doc-showcase-head{display:flex;gap:9px;align-items:center;padding-bottom:9px;border-bottom:1px solid #d9dfe9}.doc-showcase-head img{width:44px;height:54px;object-fit:cover;object-position:center 24%;border-radius:1px}.doc-showcase-head strong,.doc-showcase-head span,.doc-showcase-head small{display:block}.doc-showcase-head strong{font:700 11px/1.2 Arial,sans-serif;color:#202b3c}.doc-showcase-head span{margin-top:3px;font:700 6px/1.2 Arial,sans-serif;letter-spacing:.5px;color:#355f9c;text-transform:uppercase}.doc-showcase-head small{margin-top:4px;font:400 4.9px/1.3 Arial,sans-serif;color:#8390a2}.doc-showcase-label{position:absolute;z-index:5;bottom:14px;right:5px;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #e0e5ee;border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 9px 25px rgba(27,38,70,.11);font-size:10px;font-weight:750;color:#42516a}.doc-showcase-label svg{width:15px;height:15px;color:#268367}
.template-document-main{padding-top:32px}
.template-document-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;align-items:stretch}
.template-document-card{border-color:#e1e4ea;box-shadow:0 3px 14px rgba(20,29,48,.035);border-radius:12px;overflow:hidden;background:#fff}
.template-document-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(25,38,65,.11);border-color:#ccd3e1}
.template-document-shell{height:405px;padding:12px 8px 20px;background:#eef0f4;border-bottom:1px solid #e1e5ec;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;position:relative}
.template-document-shell:after{display:none!important;content:none!important}
.template-document-page{box-sizing:border-box;position:relative;width:92%;max-width:254px;height:auto;aspect-ratio:210 / 297;margin:0 auto;padding:0;border-radius:1px;border:1px solid #e0e3e9;background:#fff;box-shadow:0 9px 22px rgba(27,36,57,.13);overflow:hidden;transform:none;color:#242d3d;transition:transform .25s ease,box-shadow .25s ease}
.template-document-card:hover .template-document-page{transform:translateY(-2px);box-shadow:0 14px 28px rgba(27,36,57,.15)}
.template-document-page .tp-top-accent{height:3px;background:var(--tone,#405a79)}
.template-document-page .tp-main{position:relative;z-index:1;height:100%;width:100%;margin:0;padding:19px 17px 12px;overflow:hidden;box-sizing:border-box}
.template-document-page .tp-resume-heading{display:flex;align-items:center;gap:9px;padding:0 0 9px;border-bottom:1px solid color-mix(in srgb,var(--tone) 45%,#dce2ea);min-height:34px}
.template-document-page .tp-identity{min-width:0;flex:1}
.template-document-page .tp-identity strong{display:block;color:#1e2a3b;font-family:var(--preview-font,Arial,sans-serif);font-size:11px;line-height:1.15;letter-spacing:-.22px;font-weight:700;overflow-wrap:anywhere}
.template-document-page .tp-identity span{display:block;font:700 6.3px/1.3 Arial,sans-serif;letter-spacing:.65px;text-transform:uppercase;color:var(--tone);margin-top:4px}
.template-document-page .tp-identity small{display:block;margin-top:4px;font:400 5.1px/1.35 Arial,sans-serif;letter-spacing:0;color:#657184;white-space:normal;overflow-wrap:anywhere}
.template-document-page .tp-profile-photo{display:block;width:43px;height:53px;object-fit:cover;object-position:center 25%;flex:none;border:0;border-radius:1px;box-shadow:none}
.template-document-page .tp-section{position:relative;margin-top:9px;break-inside:avoid}
.template-document-page .tp-section>b{display:block;margin:0 0 4px;padding:0 0 3px;border-bottom:1px solid color-mix(in srgb,var(--tone) 26%,#e5e8ee);color:var(--tone);font:700 6px/1.25 Arial,sans-serif;letter-spacing:.85px;text-transform:uppercase}
.template-document-page .tp-copy{margin:3px 0 0;max-width:100%;color:#4f5b6d;font:400 6px/1.42 var(--preview-font,Arial,sans-serif);letter-spacing:0;overflow-wrap:anywhere}
.template-document-page .tp-entry{margin-top:6px;padding:0;position:relative;break-inside:avoid}
.template-document-page .tp-entry-top{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;margin:0}
.template-document-page .tp-entry-title{display:block;margin:0;color:#222e40;font:700 6.2px/1.28 var(--preview-font,Arial,sans-serif);letter-spacing:0}
.template-document-page .tp-entry-top time{color:#6d7889;white-space:nowrap;font:400 5px/1.3 Arial,sans-serif}
.template-document-page .tp-entry-meta{display:block;margin:2px 0 0;color:#667286;font:400 5.25px/1.35 Arial,sans-serif;letter-spacing:0}
.template-document-page .tp-bullets{margin:3px 0 0;padding-left:9px;list-style:disc;color:#4d5868;font:400 5.4px/1.39 var(--preview-font,Arial,sans-serif)}
.template-document-page .tp-bullets li{margin:1.5px 0;padding:0}
.template-document-page .tp-entry-secondary{margin-top:6px;padding-top:5px;border-top:1px solid #edf0f3}
.template-document-page .tp-real-skills{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}
.template-document-page .tp-real-skills span{display:inline-block;margin:0;padding:2px 4px;border:1px solid color-mix(in srgb,var(--tone) 16%,#eef1f5);border-radius:1px;background:color-mix(in srgb,var(--tone) 4%,white);color:#455164;font:500 5.15px/1.3 var(--preview-font,Arial,sans-serif);white-space:normal}
.template-document-page .tp-sidebar{display:none}
.template-document-page.layout-sidebar,.template-document-page.layout-sidebar-photo,.template-document-page.layout-creative-photo,.template-document-page.layout-two-column,.template-document-page.layout-data,.template-document-page.layout-code{padding:0}
.template-document-page.layout-sidebar .tp-sidebar,.template-document-page.layout-sidebar-photo .tp-sidebar,.template-document-page.layout-creative-photo .tp-sidebar,.template-document-page.layout-two-column .tp-sidebar,.template-document-page.layout-data .tp-sidebar,.template-document-page.layout-code .tp-sidebar{position:absolute;display:flex;flex-direction:column;gap:12px;left:0;top:0;bottom:0;width:30%;padding:16px 9px 12px;box-sizing:border-box;overflow:hidden;background:color-mix(in srgb,var(--tone) 7%,#f5f6f7);border-right:1px solid color-mix(in srgb,var(--tone) 14%,#e6e9ef);z-index:2}
.template-document-page.layout-sidebar .tp-main,.template-document-page.layout-sidebar-photo .tp-main,.template-document-page.layout-creative-photo .tp-main,.template-document-page.layout-two-column .tp-main,.template-document-page.layout-data .tp-main,.template-document-page.layout-code .tp-main{margin-left:30%;width:70%;padding:19px 12px 12px 10px}
.template-document-page .tp-sidebar-avatar{width:100%;max-width:57px;height:57px;margin:0 auto 1px;border:0;border-radius:1px;overflow:hidden;background:#e7eaef;display:block;box-shadow:none}
.template-document-page .tp-sidebar-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%}
.template-document-page .tp-sidebar-section{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0}
.template-document-page .tp-sidebar-section b{display:block;padding:0 0 3px;margin:0 0 1px;border-bottom:1px solid color-mix(in srgb,var(--tone) 23%,#e2e7ed);color:var(--tone);font:700 5.1px/1.25 Arial,sans-serif;letter-spacing:.55px;text-transform:uppercase}
.template-document-page .tp-sidebar-section small,.template-document-page .tp-sidebar-section span{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;border-radius:0;color:#465265;font:400 4.8px/1.35 Arial,sans-serif;overflow-wrap:anywhere;word-break:break-word}
.template-document-page .tp-sidebar-section span{padding-left:5px;position:relative}
.template-document-page .tp-sidebar-section span:before{content:'·';position:absolute;left:0;color:var(--tone);font-weight:700}
.template-document-page.layout-sidebar-photo .tp-sidebar,.template-document-page.layout-creative-photo .tp-sidebar{background:color-mix(in srgb,var(--tone) 10%,#f4f5f6)}
.template-document-page.layout-centered .tp-resume-heading,.template-document-page.layout-centered .tp-main{text-align:center}
.template-document-page.layout-centered .tp-resume-heading{justify-content:center;padding:4px 0 10px}
.template-document-page.layout-centered .tp-identity small{white-space:normal}
.template-document-page.layout-centered .tp-section,.template-document-page.layout-centered .tp-entry{text-align:left}
.template-document-page.layout-classic .tp-top-accent,.template-document-page.layout-ats .tp-top-accent,.template-document-page.layout-minimal .tp-top-accent{height:0}
.template-document-page.layout-classic .tp-resume-heading,.template-document-page.layout-ats .tp-resume-heading,.template-document-page.layout-minimal .tp-resume-heading{border-bottom:1px solid #aeb6c2}
.template-document-page.layout-classic .tp-section>b,.template-document-page.layout-ats .tp-section>b,.template-document-page.layout-minimal .tp-section>b{color:#2e3744;border-color:#c4cbd4}
.template-document-page.layout-header .tp-main{padding-top:0}
.template-document-page.layout-header .tp-resume-heading{margin:0 -17px;padding:21px 17px 12px;background:color-mix(in srgb,var(--tone) 10%,white);border-bottom:2px solid var(--tone)}
.template-document-page.layout-header .tp-identity strong{font-size:12px}
.template-document-page.layout-editorial .tp-identity strong,.template-document-page.layout-editorial-photo .tp-identity strong,.template-document-page.layout-luxe .tp-identity strong{font-family:Georgia,serif;font-weight:500;letter-spacing:-.25px;font-size:13px}
.template-document-page.layout-editorial .tp-section>b,.template-document-page.layout-editorial-photo .tp-section>b{font-family:Georgia,serif;font-weight:600;letter-spacing:.45px}
.template-document-page.layout-nordic .tp-section>b{color:#465f53;border-color:#d3dfd7}
.template-document-page.layout-timeline .tp-entry{padding-left:8px;border-left:1.5px solid color-mix(in srgb,var(--tone) 43%,white)}
.template-document-page.layout-timeline .tp-entry:before{content:'';position:absolute;left:-4.5px;top:1px;width:6px;height:6px;border:1px solid var(--tone);border-radius:50%;background:#fff}
.template-document-page.layout-results .tp-profile-section{padding:7px 8px;background:color-mix(in srgb,var(--tone) 5%,white);border-left:2px solid var(--tone)}
.template-document-page.layout-code .tp-identity strong,.template-document-page.template-technical-specialist .tp-identity strong{font-family:ui-monospace,Consolas,monospace;letter-spacing:-.3px}
.template-document-page.layout-compact .tp-section{margin-top:7px}
.template-document-page.layout-compact .tp-copy{line-height:1.35}
.template-document-page.layout-photo .tp-profile-photo,.template-document-page.layout-soft-photo .tp-profile-photo{width:46px;height:58px;border-radius:1px}
.template-document-page.layout-photo .tp-resume-heading{align-items:center}
.template-document-page.template-deep-navy-profile .tp-top-accent,.template-document-page.template-deep-navy-profile .tp-resume-heading{background:#172f4d}
.template-document-page.template-deep-navy-profile .tp-resume-heading{margin:-19px -17px 0;padding:20px 17px 12px;border:0}
.template-document-page.template-deep-navy-profile .tp-identity strong{color:#fff}
.template-document-page.template-deep-navy-profile .tp-identity span{color:#b8d0ee}
.template-document-page.template-deep-navy-profile .tp-identity small{color:#d4deea}
.template-document-page.template-studio-bold .tp-resume-heading,.template-document-page.template-bold-creative .tp-resume-heading{border-bottom:3px solid var(--tone)}
.template-document-page.template-warm-editorial .tp-identity strong,.template-document-page.template-minimalist-serif .tp-identity strong,.template-document-page.template-classic-longform .tp-identity strong{font-family:Georgia,serif}
.template-document-page.layout-gradient .tp-top-accent{height:4px;background:var(--tone)}
.template-card-badges{top:10px;left:10px}
.template-badge{font-size:8px;padding:5px 7px;border-radius:5px;box-shadow:0 2px 6px rgba(20,30,50,.05)}
.template-document-card .template-premium-meta{padding:14px 15px 13px}
.template-document-card .template-premium-heading strong{font:750 13px/1.3 var(--display);letter-spacing:-.25px}
.template-document-card .template-premium-heading span:not(.template-tone-dot){font-size:9px;line-height:1.4}
.template-document-card .template-premium-meta>p{font-size:10.5px;line-height:1.6;min-height:45px;color:#687386}
.template-document-card .template-card-footer{padding-top:10px}
.template-document-card .template-customize-note,.template-document-card .template-use-link{font-size:8.5px!important}
@media(max-width:1100px){.template-document-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-document-shell{height:405px}}
@media(max-width:820px){.template-document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.template-document-shell{height:360px;padding-top:10px}.template-document-page{width:88%;max-width:254px}.template-document-page .tp-main{padding:17px 14px 10px}.template-document-page.layout-sidebar .tp-main,.template-document-page.layout-sidebar-photo .tp-main,.template-document-page.layout-creative-photo .tp-main,.template-document-page.layout-two-column .tp-main,.template-document-page.layout-data .tp-main,.template-document-page.layout-code .tp-main{padding:17px 10px 10px 8px}}
@media(max-width:520px){.template-document-hero .template-library-copy h1{font-size:36px;letter-spacing:-1.8px}.template-document-showcase{min-height:340px;transform:scale(.9);margin:-10px auto}.doc-showcase-sheet{width:192px;height:272px;padding:18px 15px}.doc-showcase-back{width:178px;height:252px}.doc-showcase-front{width:207px;height:294px;left:calc(50% - 91px);top:22px;padding:18px 16px}.doc-showcase-back.doc-showcase-blue{left:calc(50% - 80px)}.doc-showcase-back.doc-showcase-rail{left:calc(50% - 18px);padding-left:64px}.doc-showcase-head img{width:35px;height:44px}.doc-showcase-head strong{font-size:9px}.doc-showcase-sheet h4{margin-top:10px}.doc-showcase-label{right:-2px;bottom:8px;font-size:8px}.template-document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-document-shell{height:284px;padding:8px 4px 12px}.template-document-page{width:91%;max-width:254px}.template-document-page .tp-main{padding:13px 10px 8px}.template-document-page .tp-resume-heading{padding-bottom:6px;gap:5px}.template-document-page .tp-identity strong{font-size:8.1px}.template-document-page .tp-identity span{font-size:4.8px;margin-top:2px}.template-document-page .tp-identity small{font-size:3.8px;margin-top:2px}.template-document-page .tp-profile-photo{width:31px;height:39px}.template-document-page .tp-section{margin-top:6px}.template-document-page .tp-section>b{font-size:4.5px;margin-bottom:2px;padding-bottom:2px}.template-document-page .tp-copy{font-size:4.4px;line-height:1.33}.template-document-page .tp-entry{margin-top:4px}.template-document-page .tp-entry-title{font-size:4.8px}.template-document-page .tp-entry-top time{font-size:3.9px}.template-document-page .tp-entry-meta{font-size:3.9px}.template-document-page .tp-bullets{font-size:4px;line-height:1.3;padding-left:7px}.template-document-page .tp-real-skills span{font-size:3.8px;padding:1px 2px}.template-document-page .tp-sidebar{gap:7px;padding:11px 5px 7px!important}.template-document-page .tp-sidebar-avatar{max-width:35px;height:38px}.template-document-page .tp-sidebar-section b{font-size:3.9px;padding-bottom:2px}.template-document-page .tp-sidebar-section small,.template-document-page .tp-sidebar-section span{font-size:3.7px}.template-document-page.layout-sidebar .tp-main,.template-document-page.layout-sidebar-photo .tp-main,.template-document-page.layout-creative-photo .tp-main,.template-document-page.layout-two-column .tp-main,.template-document-page.layout-data .tp-main,.template-document-page.layout-code .tp-main{padding:13px 7px 8px 6px}.template-document-card .template-premium-meta{padding:10px 9px}.template-document-card .template-premium-heading strong{font-size:10px}.template-document-card .template-premium-heading span:not(.template-tone-dot){font-size:7px}.template-document-card .template-premium-meta>p{font-size:8px;min-height:43px;margin:8px 0}.template-document-card .template-customize-note,.template-document-card .template-use-link{font-size:6.7px!important}.template-document-card .template-customize-note svg,.template-document-card .template-use-link svg{width:10px}.template-badge{font-size:5.7px;padding:3px 4px}.template-card-badges{top:6px;left:6px;gap:3px}}

/* Mobile containment for the reference-inspired template studio. */
html{overflow-x:clip}
.template-document-hero{overflow:hidden}
@media(max-width:820px){
  .template-document-hero .template-library-hero-grid{grid-template-columns:minmax(0,1fr);width:min(100% - 32px,620px);gap:18px}
  .template-document-hero .template-library-copy{min-width:0;width:100%;max-width:100%}
  .template-document-hero .template-library-copy h1{max-width:100%;font-size:clamp(34px,7.5vw,48px);letter-spacing:-2px;overflow-wrap:normal;word-break:normal}
  .template-document-hero .template-library-copy h1 span{white-space:normal}
  .template-document-hero .template-library-copy>p{max-width:100%;font-size:13px}
  .template-document-hero .template-library-stats{width:100%;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .template-document-hero .template-library-stats span{min-width:0;padding:10px 6px}
  .template-document-hero .template-library-stats small{display:block;white-space:normal;overflow-wrap:anywhere;font-size:8px;line-height:1.3}
  .template-document-showcase{width:100%;max-width:100%;box-sizing:border-box;transform:none;margin:0 auto;overflow:hidden}
}
@media(max-width:520px){
  .template-document-hero .template-library-copy h1{font-size:clamp(32px,8.5vw,38px);letter-spacing:-1.7px}
  .template-document-hero .template-library-stats strong{font-size:19px}
  .template-document-hero .template-library-stats small{font-size:7px}
  .template-document-hero .template-library-actions{justify-content:center;flex-wrap:wrap}
  .doc-showcase-label{right:4px;max-width:calc(100% - 8px);white-space:normal}
  .template-document-showcase{min-height:330px;margin:0 auto}
  .template-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Owner console: editable commercial plans and safe per-template controls. */
.admin-pricing-panel,.admin-template-ops-panel,.admin-settings-panel,.admin-gateways-panel{scroll-margin-top:96px}
.admin-price-currency-row{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1fr);align-items:end;gap:14px;margin:8px 0 18px}
.admin-price-currency-row .field{margin:0;min-width:0}
.admin-price-currency-row .field label{display:block;margin-bottom:7px;color:#3c4660;font-size:11px;font-weight:800}
.admin-price-currency-row select{width:100%;min-height:43px;border:1px solid #e0e5ef;border-radius:11px;background:#fff;padding:10px 12px;color:#26314b;font-size:12px}
.admin-price-currency-row .field-hint{display:block;margin-top:6px;color:#8993a8;font-size:9px;line-height:1.6}
.plan-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.plan-config-card{min-width:0;padding:18px;border:1px solid #e4e8f2;border-radius:19px;background:linear-gradient(155deg,#fff,#fbfcff);box-shadow:0 10px 26px rgba(30,42,80,.035);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.plan-config-card:hover{transform:translateY(-2px);border-color:#d4d7fc;box-shadow:0 16px 35px rgba(30,42,80,.07)}
.plan-config-card.is-featured{border-color:#c7c8fd;box-shadow:0 13px 32px rgba(79,82,210,.09);background:linear-gradient(155deg,#fff,#f8f8ff)}
.plan-config-card-head{display:flex;align-items:center;gap:10px;min-width:0;padding-bottom:14px;margin-bottom:15px;border-bottom:1px solid #edf0f6}
.plan-config-symbol{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:13px;background:#eff0ff;color:#5b5bda}
.plan-config-card:nth-child(2) .plan-config-symbol{background:#eaf4ff;color:#2d79ca}
.plan-config-card:nth-child(3) .plan-config-symbol{background:#fff4e5;color:#a66b14}
.plan-config-symbol svg{width:19px;height:19px}
.plan-config-card-head>div:nth-child(2){flex:1;min-width:0}
.plan-config-card-head .eyebrow{font-size:8px;letter-spacing:1.1px;color:#8b93aa}
.plan-config-card-head h3{margin:4px 0 0;color:#252f4b;font:850 17px/1.15 var(--display);letter-spacing:-.5px;overflow-wrap:anywhere}
.plan-config-switch{display:flex;align-items:center;gap:5px;flex:none}
.plan-config-switch input,.template-admin-switch input,.template-featured-switch input{accent-color:var(--primary);width:15px;height:15px}
.plan-config-switch label{font-size:9px;font-weight:800;color:#65718a;white-space:nowrap}
.plan-config-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 11px}
.plan-config-fields .field{min-width:0;margin:0}
.plan-config-fields .field>label{display:block;margin-bottom:6px;color:#46516a;font-size:10px;font-weight:800}
.plan-config-fields input:not([type=checkbox]):not([type=hidden]),.plan-config-fields select,.plan-config-fields textarea{display:block;width:100%;min-width:0;min-height:39px;padding:9px 10px;border:1px solid #e1e5ef;border-radius:10px;background:#fff;color:#2f3952;font:500 11px/1.4 var(--body);outline:none;transition:border-color .18s,box-shadow .18s}
.plan-config-fields textarea{resize:vertical;min-height:74px;line-height:1.6}
.plan-config-fields input:focus,.plan-config-fields select:focus,.plan-config-fields textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,white)}
.plan-config-fields .field-wide{grid-column:1/-1}
.plan-config-fields .field-hint{display:block;margin-top:5px;color:#929bb0;font-size:8px;line-height:1.5}
.plan-free-price-note{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dcefe5;border-radius:12px;background:#f2fbf6;color:#2f785c}
.plan-free-price-note>i{width:24px;height:24px;flex:none}.plan-free-price-note span{flex:1;min-width:0}.plan-free-price-note strong,.plan-free-price-note small{display:block}.plan-free-price-note strong{font-size:10px}.plan-free-price-note small{margin-top:3px;font-size:8px;color:#648b7b}.plan-free-price-note b{font-size:13px;white-space:nowrap}
.plan-config-limits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border:1px solid #edf0f6;border-radius:13px;background:#f8f9fd}
.plan-config-limits .field input{min-height:36px;padding:7px}
.plan-featured-row{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #e8e9fb;border-radius:12px;background:#f8f8ff;cursor:pointer}
.plan-featured-row input{width:15px;height:15px;accent-color:var(--primary);flex:none}
.plan-featured-row strong,.plan-featured-row small{display:block}.plan-featured-row strong{font-size:10px;color:#404867}.plan-featured-row small{margin-top:3px;font-size:8px;color:#8790a8;line-height:1.45}
.admin-pricing-form>.admin-settings-footer{margin-top:6px}

.admin-template-config-form{display:grid;gap:12px;margin-top:7px}
.admin-template-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px;border:1px solid #e8ebf4;border-radius:14px;background:#fbfcff}
.admin-template-toolbar .search-box{flex:1;min-width:220px}
.template-admin-toolbar-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#8790a5;font-size:9px}
.template-admin-toolbar-meta>span{margin-right:4px;font-weight:800}
.admin-template-config-list{display:grid;gap:10px}
.admin-template-config-row-form{margin:0;min-width:0}
.admin-template-config-row{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;min-width:0;padding:14px;border:1px solid #e4e8f2;border-radius:17px;background:#fff;box-shadow:0 7px 18px rgba(30,42,80,.025);transition:border-color .18s,box-shadow .18s}
.admin-template-config-row:hover{border-color:#d4d7fa;box-shadow:0 12px 24px rgba(34,40,86,.055)}
.template-admin-preview{position:relative;align-self:start;display:flex;flex-direction:column;gap:8px;min-height:168px;padding:18px 12px 12px;border:1px solid #e7eaf1;border-radius:5px;background:#fff;box-shadow:0 9px 18px rgba(31,42,80,.08);overflow:hidden;color:#27324a}
.template-admin-paper-top{position:absolute;left:0;right:0;top:0;height:5px;background:var(--template-tone,#4e55df)}
.template-admin-preview strong{margin-top:7px;font:800 11px/1.2 var(--display);overflow-wrap:anywhere;color:#1f2943}
.template-admin-preview small{font-size:7px;font-weight:800;letter-spacing:.8px;color:var(--template-tone,#4e55df)}
.template-admin-preview>span:not(.template-admin-paper-top){display:block;height:4px;border-radius:10px;background:#e8ebf2;width:92%}
.template-admin-preview>span:nth-last-child(2){width:72%}.template-admin-preview>span:last-child{width:54%}
.template-admin-main{min-width:0}
.template-admin-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf0f6}
.template-admin-row-top>div:first-child{min-width:0}.template-admin-row-top>div:first-child strong,.template-admin-row-top>div:first-child small{display:block}.template-admin-row-top>div:first-child strong{font:850 14px/1.25 var(--display);letter-spacing:-.2px;color:#29324d;overflow-wrap:anywhere}.template-admin-row-top>div:first-child small{margin-top:4px;font-size:9px;color:#929bb0;overflow-wrap:anywhere}
.template-admin-switch{display:flex;align-items:center;gap:5px;flex:none;white-space:nowrap}.template-admin-switch label{font-size:9px;font-weight:800;color:#68738b}
.template-admin-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;align-items:end}
.template-admin-fields .field{margin:0;min-width:0}.template-admin-fields .field>label{display:block;margin-bottom:5px;font-size:9px;font-weight:800;color:#59647c}
.template-admin-fields input:not([type=checkbox]):not([type=hidden]),.template-admin-fields select{display:block;width:100%;min-width:0;min-height:36px;padding:8px 9px;border:1px solid #e2e6f0;border-radius:9px;background:#fff;color:#34405b;font:500 10px/1.3 var(--body);outline:none}
.template-admin-fields input:focus,.template-admin-fields select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,white)}
.template-admin-fields .field-wide{grid-column:span 2}.template-tone-field input[type=color]{display:block;width:100%;height:36px;padding:3px;border:1px solid #e2e6f0;border-radius:9px;background:#fff;cursor:pointer}
.template-featured-switch{display:flex;align-items:center;gap:6px;min-height:36px;padding:8px 10px;border:1px solid #ebeafc;border-radius:9px;background:#faf9ff;color:#5961a1;font-size:9px;font-weight:800}
.template-featured-switch input{accent-color:var(--primary);flex:none}
.admin-template-row-save{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;margin-top:12px;border-top:1px solid #edf0f6}
.admin-template-row-save>span{display:flex;align-items:center;gap:7px;color:#929bb0;font-size:9px}.admin-template-row-save>span svg{width:14px;height:14px;color:#169a70}
.admin-template-row-save .btn{white-space:nowrap}
@media(max-width:1100px){.plan-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-config-card:last-child:nth-child(odd){grid-column:1/-1}.template-admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.plan-config-grid{grid-template-columns:1fr}.plan-config-card:last-child:nth-child(odd){grid-column:auto}.admin-price-currency-row{grid-template-columns:1fr}.admin-template-config-row{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:11px}.template-admin-preview{min-height:145px;padding:15px 8px 8px}.template-admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.template-admin-fields .field-wide{grid-column:1/-1}.admin-template-toolbar{align-items:stretch}.admin-template-toolbar .search-box{min-width:0;width:100%}.template-admin-toolbar-meta{justify-content:space-between}}
@media(max-width:520px){.admin-pricing-panel,.admin-template-ops-panel,.admin-settings-panel,.admin-gateways-panel{padding:14px}.plan-config-card{padding:14px;border-radius:15px}.plan-config-card-head{gap:8px}.plan-config-card-head h3{font-size:15px}.plan-config-limits{gap:6px;padding:9px}.plan-config-limits .field>label{font-size:9px}.plan-config-limits .field-hint{font-size:7px}.admin-template-config-row{grid-template-columns:1fr}.template-admin-preview{width:100%;max-width:160px;min-height:180px;padding:22px 15px 14px}.template-admin-preview strong{font-size:13px}.template-admin-preview small{font-size:8px}.template-admin-preview>span:not(.template-admin-paper-top){height:5px}.template-admin-row-save{align-items:stretch;flex-direction:column}.template-admin-row-save .btn{width:100%;justify-content:center}.admin-template-row-save>span{font-size:8px}.template-admin-fields{grid-template-columns:1fr}.template-admin-fields .field-wide{grid-column:auto}.template-admin-row-top{align-items:center}.template-admin-row-top>div:first-child strong{font-size:13px}}

/* CVPilot Pro Admin Console: multi-page workspace, mobile-first and intentionally restrained. */
.admin-console-root{padding-top:24px;padding-bottom:70px;background:linear-gradient(180deg,rgba(245,247,255,.68),rgba(247,248,252,0) 420px)}
.admin-console-grid{width:min(1500px,calc(100% - 40px));grid-template-columns:254px minmax(0,1fr);gap:23px;align-items:start}
.admin-console-sidebar{position:sticky;top:92px;display:flex;flex-direction:column;gap:0;min-width:0;max-height:calc(100vh - 112px);overflow:auto;padding:14px 12px 12px;border:1px solid rgba(222,227,242,.95);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(27,37,76,.07);scrollbar-width:thin;scrollbar-color:#d8dcf0 transparent}
.admin-console-brand{display:flex;align-items:center;gap:11px;padding:9px 9px 17px;border-bottom:1px solid #edf0f6}
.admin-console-brand-symbol{display:grid;place-items:center;width:41px;height:41px;flex:none;border-radius:14px;background:linear-gradient(140deg,#5763f1,#7560df);color:#fff;box-shadow:0 9px 18px rgba(87,99,241,.23)}
.admin-console-brand-symbol svg{width:20px;height:20px}
.admin-console-brand strong,.admin-console-brand small{display:block}.admin-console-brand strong{font:850 14px var(--display);letter-spacing:-.4px;color:#18223c}.admin-console-brand small{margin-top:3px;color:#9aa3b8;font-size:8px;font-weight:850;letter-spacing:1.4px}
.admin-console-workspace-tag{display:flex;align-items:center;gap:7px;margin:12px 3px 10px;padding:9px 10px;border:1px solid #e3f3eb;border-radius:10px;background:#f5fcf8;color:#54806c;font-size:9px;font-weight:750}
.admin-status-pulse{width:7px;height:7px;border-radius:50%;background:#31bf87;box-shadow:0 0 0 4px rgba(49,191,135,.12)}.admin-console-tag-end{margin-left:auto;color:#9ab6a7;font-size:7px;letter-spacing:1px}
.admin-console-nav-label{padding:14px 11px 6px;color:#9ba4b7;font-size:8px;letter-spacing:1.35px}.admin-console-nav{display:grid;gap:3px}
.admin-console-sidebar .admin-nav-link{gap:10px;margin:0;padding:10px;border:1px solid transparent;border-radius:11px;color:#69758c;font-size:11px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s}
.admin-console-sidebar .admin-nav-link svg{width:16px;height:16px;flex:none}.admin-console-sidebar .admin-nav-link span:nth-of-type(1){min-width:0}.admin-console-sidebar .admin-nav-link:hover{background:#f6f7ff;border-color:#e7e9ff;transform:translateX(2px)}.admin-console-sidebar .admin-nav-link.active{color:#4b50d5;border-color:#e2e4ff;background:linear-gradient(115deg,#efefff,#fafaff);box-shadow:inset 3px 0 #5b61ee}.admin-nav-count{display:inline-grid;place-items:center;margin-left:auto;min-width:24px;height:20px;padding:0 6px;border-radius:7px;background:#e9eaff;color:#4d53ce;font-size:8px;font-weight:850}.admin-nav-dot{width:7px;height:7px;margin-left:auto;border-radius:100%;background:#e5a24b}.admin-nav-dot.is-ready{background:#21b87f;box-shadow:0 0 0 3px rgba(33,184,127,.1)}
.admin-console-sidebar-spacer{flex:1;min-height:15px}.admin-console-security{display:flex;align-items:center;gap:9px;margin:18px 3px 10px;padding:12px 10px;border:1px solid #e4f2ea;border-radius:12px;background:linear-gradient(145deg,#f5fcf7,#fbfefc)}.admin-console-security-icon{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:9px;background:#e4f8ec;color:#169a68}.admin-console-security-icon svg{width:15px}.admin-console-security strong,.admin-console-security small{display:block}.admin-console-security strong{font-size:9px;color:#35694f}.admin-console-security small{margin-top:2px;color:#86a493;font-size:8px}.admin-console-lock{width:13px;margin-left:auto;color:#9dbdac}.admin-console-site-link{display:flex;align-items:center;gap:8px;padding:11px 10px;border-top:1px solid #edf0f6;color:#79849a;font-size:10px;font-weight:750}.admin-console-site-link svg{width:14px}.admin-console-site-link svg:last-child{margin-left:auto;color:#aab1c2}.admin-console-site-link:hover{color:var(--primary)}
.admin-console-main{min-width:0;animation:adminConsoleIn .4s ease both}.admin-console-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;margin-bottom:21px;padding:0 2px}.admin-breadcrumb{display:flex;align-items:center;gap:8px;color:#9ba3b4;font-size:10px}.admin-breadcrumb svg{width:13px}.admin-breadcrumb strong{color:#39445e;font-weight:800}.admin-console-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.admin-console-live{display:inline-flex;align-items:center;gap:6px;color:#6c8f7e;font-size:8px;font-weight:850;letter-spacing:.7px;text-transform:uppercase}.admin-console-live i{width:6px;height:6px;border-radius:50%;background:#25b97e;box-shadow:0 0 0 3px rgba(37,185,126,.12)}.admin-console-top-actions .btn{min-height:34px;font-size:10px}.admin-console-user{display:flex;align-items:center;gap:7px;padding-left:10px;border-left:1px solid #e3e7f0}.admin-console-user-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eaeaff;color:#4e53d7;font-size:11px;font-weight:850}.admin-console-user strong,.admin-console-user small{display:block}.admin-console-user strong{font-size:9px;color:#35415b}.admin-console-user small{font-size:8px;color:#9aa3b5;margin-top:1px}
.admin-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 22px;padding:0 2px 18px;border-bottom:1px solid #e6eaf3}.admin-section-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#7169dc;font-size:8px;font-weight:900;letter-spacing:1.35px}.admin-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#32bd89;box-shadow:0 0 0 4px rgba(50,189,137,.1)}.admin-section-heading h1{margin:9px 0 6px;color:#19213b;font:850 clamp(25px,2.5vw,34px)/1.1 var(--display);letter-spacing:-1.4px}.admin-section-heading p{max-width:660px;margin:0;color:#7e879c;font-size:11px;line-height:1.8}.admin-section-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.admin-heading-date{display:inline-flex;align-items:center;gap:6px;padding:9px 10px;border:1px solid #e6e9f2;border-radius:10px;background:#fff;color:#818ba0;font-size:9px;white-space:nowrap}.admin-heading-date svg{width:13px}.admin-console-footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding:15px 3px 0;border-top:1px solid #e8ebf3;color:#a2a9b8;font-size:8px;letter-spacing:.2px}
.admin-console-main .admin-hero{margin-bottom:24px}.admin-console-main .admin-page-toolbar{margin-top:0}.admin-commandbar-copy{display:flex;align-items:center;gap:10px;color:#706bd9}.admin-commandbar-copy>svg{width:18px}.admin-commandbar-copy strong,.admin-commandbar-copy small{display:block}.admin-commandbar-copy strong{font-size:10px;color:#3a4560}.admin-commandbar-copy small{margin-top:2px;font-size:8px;color:#929bb0}.admin-commandbar{align-items:center}.admin-console-metrics{margin-bottom:18px}.admin-analytics-page-panel{padding:23px}.admin-chart-tall{height:260px}.admin-chart-tall .admin-chart-bar-wrap{height:210px;max-width:48px}.admin-analytics-note{display:flex;align-items:center;gap:13px;margin-top:17px;padding:17px}.admin-analytics-note-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:#eeefff;color:#6159df}.admin-analytics-note-icon svg{width:20px}.admin-analytics-note h3{margin:0 0 4px;font:800 12px var(--display)}.admin-analytics-note p{margin:0;color:#838da2;font-size:10px;line-height:1.7}.admin-analytics-note>a{margin-left:auto;flex:none}
.admin-console-main .admin-brand-panel,.admin-console-main .admin-pricing-panel,.admin-console-main .admin-template-ops-panel,.admin-console-main .admin-settings-panel,.admin-console-main .admin-gateways-panel{margin-bottom:0;scroll-margin-top:18px}.admin-console-main .admin-template-config-list{max-height:none}.admin-console-main .admin-bottom-grid{grid-template-columns:1fr}.admin-console-main .admin-table-panel{padding:23px}.admin-full-table .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-table-toolbar{display:flex;align-items:center;gap:8px}.admin-page-search{display:flex;align-items:center;gap:9px;margin:16px 0;padding:0 13px;min-height:43px;border:1px solid #e4e8f2;border-radius:12px;background:#fbfcff;color:#97a0b4}.admin-page-search svg{width:16px;flex:none}.admin-page-search input{width:100%;border:0;outline:0;background:transparent;color:#29344e;font-size:11px}.admin-page-search:focus-within{border-color:#b0b5fa;box-shadow:0 0 0 4px rgba(91,97,238,.08)}.admin-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #edf0f5;color:#9aa3b5;font-size:8px}.admin-table-footer span:first-child{display:flex;align-items:center;gap:6px}.admin-table-footer svg{width:13px;color:#61ad8e}
.admin-gateway-dashboard-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-gateway-summary-card{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:17px;border:1px solid #e5e9f3;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 5px 16px rgba(20,31,67,.025)}.admin-gateway-summary-icon{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:12px}.admin-gateway-summary-icon svg{width:18px}.summary-purple{background:#efedff;color:#6359e8}.summary-green{background:#e8faf1;color:#168b60}.summary-blue{background:#eaf3ff;color:#347fce}.admin-gateway-summary-card small,.admin-gateway-summary-card strong,.admin-gateway-summary-card span:not(.admin-gateway-summary-icon){display:block}.admin-gateway-summary-card small{color:#959eb2;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.admin-gateway-summary-card strong{margin-top:4px;color:#27334d;font:800 12px var(--display);overflow-wrap:anywhere}.admin-gateway-summary-card div>span{margin-top:5px;color:#8993a7;font-size:9px;line-height:1.6}.admin-gateway-encryption-warning,.admin-gateway-notice{display:flex;gap:12px;margin-bottom:15px;padding:15px 17px;border-radius:14px}.admin-gateway-encryption-warning>svg,.admin-gateway-notice>svg{width:18px;flex:none;margin-top:2px}.admin-gateway-encryption-warning strong,.admin-gateway-notice strong{font-size:11px}.admin-gateway-encryption-warning p,.admin-gateway-notice p{margin:5px 0 0;font-size:10px;line-height:1.7}.admin-gateway-encryption-warning code,.admin-gateway-notice code{padding:2px 5px;border-radius:5px;background:rgba(20,31,57,.06);font-size:9px;overflow-wrap:anywhere}
.admin-provider-stack{display:grid;gap:15px}.admin-provider-card{overflow:hidden;border:1px solid #e1e6f0;border-radius:19px;background:#fff;box-shadow:0 8px 27px rgba(25,36,73,.035);transition:box-shadow .25s,border-color .25s,transform .25s;animation:adminConsoleIn .42s ease both}.admin-provider-card:hover{border-color:#cfd5ee;box-shadow:0 18px 36px rgba(25,36,73,.065);transform:translateY(-1px)}.admin-provider-card-heading{display:flex;align-items:flex-start;gap:14px;padding:20px 21px 15px}.admin-provider-brand-mark{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:14px;background:#f0efff;color:#5859d6;font:900 15px var(--display);letter-spacing:-.5px}.admin-provider-brand-mark.provider-razorpay{background:#e9f4ff;color:#2076ce}.admin-provider-brand-mark.provider-paypal{background:#e8f5ff;color:#145a9f}.admin-provider-brand-mark.provider-stripe{background:#f0edff;color:#6052d9}.admin-provider-title{min-width:0;flex:1}.admin-provider-title h2{margin:0;color:#202b44;font:850 15px var(--display);letter-spacing:-.4px}.admin-provider-title>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.admin-provider-title>div>span{padding:4px 7px;border-radius:6px;background:#f3f5fa;color:#8b94a8;font-size:8px;font-weight:800}.admin-provider-title p{margin:7px 0 0;color:#8b95a9;font-size:10px;line-height:1.7}.admin-provider-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.admin-provider-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #e6e9f0;border-radius:8px;background:#f8f9fc;color:#737e93;font-size:8px;font-weight:900;white-space:nowrap}.admin-provider-badge i{width:6px;height:6px;border-radius:50%;background:#adb5c7}.admin-provider-badge.is-ready{border-color:#cfefdf;background:#f0fbf5;color:#177b56}.admin-provider-badge.is-ready i{background:#25b77e}.admin-provider-badge.is-warning{border-color:#f2e3c3;background:#fffaf0;color:#986f28}.admin-provider-badge.is-warning i{background:#dfa33f}.admin-provider-status small{color:#a0a8b8;font-size:8px}.admin-provider-meta-row{display:flex;gap:13px;flex-wrap:wrap;padding:10px 21px;border-block:1px solid #edf0f6;background:linear-gradient(90deg,#fbfcff,#fff);color:#8e98ac;font-size:8px}.admin-provider-meta-row span{display:inline-flex;align-items:center;gap:6px}.admin-provider-meta-row svg{width:12px;color:#9a9fe0}.admin-provider-form{padding:0 21px 19px}.admin-provider-switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid #edf0f6}.admin-provider-switch-row strong,.admin-provider-switch-row small{display:block}.admin-provider-switch-row strong{font-size:10px;color:#36415b}.admin-provider-switch-row small{margin-top:4px;color:#9aa3b5;font-size:8px}.admin-toggle{position:relative;display:inline-flex;flex:none;cursor:pointer}.admin-toggle input{position:absolute;width:1px;height:1px;opacity:0}.admin-toggle span{width:42px;height:24px;padding:3px;border-radius:99px;background:#dfe4ed;transition:background .2s}.admin-toggle span:after{content:'';display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(17,26,51,.14);transition:transform .2s}.admin-toggle input:checked+span{background:#5a62e9}.admin-toggle input:checked+span:after{transform:translateX(18px)}.admin-toggle input:focus-visible+span{outline:3px solid rgba(91,97,238,.2);outline-offset:2px}.admin-provider-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:18px 0}.admin-provider-form-grid .field{min-width:0}.admin-provider-form-grid .field>label{display:block;margin-bottom:6px;color:#647089;font-size:9px;font-weight:800}.admin-provider-form-grid input,.admin-provider-form-grid select{width:100%;min-width:0;min-height:41px;padding:10px 12px;border:1px solid #e2e7f0;border-radius:10px;background:#fbfcff;color:#2b3550;outline:0;font-size:10px;transition:border-color .2s,box-shadow .2s}.admin-provider-form-grid input:focus,.admin-provider-form-grid select:focus{border-color:#a7adf5;box-shadow:0 0 0 3px rgba(92,98,232,.09)}.admin-provider-form-grid .field-hint{display:block;margin-top:6px;color:#9aa3b5;font-size:8px;line-height:1.6}.admin-secret-label{margin-left:4px;padding:3px 5px;border-radius:4px;background:#f3f4f8;color:#9aa2b3;font-size:7px;text-transform:uppercase;letter-spacing:.5px}.admin-secret-input-wrap{position:relative;display:flex}.admin-secret-input-wrap input{padding-right:42px}.admin-secret-reveal{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:7px;background:transparent;color:#929bb0}.admin-secret-reveal:hover{background:#eef0fb;color:#5a5fdd}.admin-secret-reveal svg{width:15px}.admin-provider-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:15px;border-top:1px solid #edf0f6}.admin-clear-secret{display:flex;align-items:flex-start;gap:8px;max-width:440px}.admin-clear-secret input{margin-top:3px;accent-color:#d45567}.admin-clear-secret strong,.admin-clear-secret small{display:block}.admin-clear-secret strong{color:#6d778d;font-size:9px}.admin-clear-secret small{margin-top:3px;color:#a0a7b6;font-size:8px;line-height:1.6}.admin-provider-bottom-row .btn{min-height:39px;font-size:10px}.admin-provider-footnote{display:flex;gap:8px;padding:12px 21px;background:#fbfcff;border-top:1px solid #edf0f6;color:#9aa2b4;font-size:8px;line-height:1.65}.admin-provider-footnote svg{width:13px;flex:none;color:#898fce}.admin-webhook-url-panel{margin-top:17px;padding:22px}.admin-webhook-url-panel h2{margin:4px 0;color:#202a43;font:850 17px var(--display)}.admin-webhook-url-panel p{margin:0;color:#8791a6;font-size:10px}.admin-webhook-list{display:grid;gap:8px;margin-top:15px}.admin-webhook-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e8ebf3;border-radius:10px;background:#fbfcff}.admin-webhook-provider{color:#536078;font-size:9px;font-weight:800}.admin-webhook-row code{min-width:0;color:#6d75a0;font-size:9px;overflow-wrap:anywhere}.admin-webhook-row .btn{min-height:30px;padding-inline:9px;font-size:8px}
@keyframes adminConsoleIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1080px){.admin-console-grid{grid-template-columns:220px minmax(0,1fr);gap:16px}.admin-console-sidebar{padding:12px 9px}.admin-provider-card-heading{padding:17px}.admin-provider-form{padding-inline:17px}.admin-provider-footnote{padding-inline:17px}.admin-gateway-dashboard-summary{gap:9px}.admin-gateway-summary-card{padding:13px}}
@media(max-width:820px){.admin-console-grid{grid-template-columns:1fr;width:min(100% - 24px,760px);gap:15px}.admin-console-sidebar{position:static;max-height:none;overflow:visible;padding:12px;border-radius:17px}.admin-console-brand{padding-bottom:11px}.admin-console-workspace-tag{margin:9px 2px}.admin-console-sidebar-spacer,.admin-console-security,.admin-console-site-link{display:none}.admin-console-nav-label{display:none}.admin-console-nav{display:flex;gap:5px;overflow-x:auto;padding:3px 0 4px;scrollbar-width:thin}.admin-console-sidebar .admin-nav-link{flex:none;white-space:nowrap;padding:9px 10px;font-size:10px}.admin-console-sidebar .admin-nav-link.active{box-shadow:inset 0 -2px #5b61ee}.admin-console-topbar{margin-bottom:15px}.admin-section-heading{margin-bottom:16px}.admin-gateway-dashboard-summary{grid-template-columns:1fr}.admin-gateway-summary-card{align-items:center}.admin-gateway-summary-card div>span{max-width:500px}.admin-console-main .admin-hero{grid-template-columns:1fr}.admin-console-main .admin-hero-card{max-width:440px}}
@media(max-width:560px){.admin-console-root{padding-top:14px}.admin-console-grid{width:calc(100% - 20px)}.admin-console-topbar{align-items:flex-start;flex-direction:column}.admin-console-top-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.admin-console-user{margin-left:auto}.admin-section-heading{align-items:flex-start;flex-direction:column;padding-bottom:14px}.admin-section-heading h1{font-size:26px}.admin-section-heading-actions{justify-content:flex-start}.admin-console-main .admin-hero{padding:22px;border-radius:19px}.admin-console-main .admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-console-main .admin-stat-card{min-height:115px;padding:12px}.admin-console-main .admin-stat-card .stat-value{font-size:23px}.admin-console-main .admin-content-grid{grid-template-columns:1fr}.admin-commandbar{align-items:flex-start;flex-direction:column}.admin-command-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-command-actions .btn{white-space:normal}.admin-console-main .admin-brand-panel,.admin-console-main .admin-pricing-panel,.admin-console-main .admin-template-ops-panel,.admin-console-main .admin-settings-panel,.admin-console-main .admin-gateways-panel,.admin-console-main .admin-table-panel{padding:15px}.admin-provider-card-heading{gap:10px;padding:14px;flex-wrap:wrap}.admin-provider-brand-mark{width:39px;height:39px;border-radius:12px}.admin-provider-title{flex-basis:calc(100% - 52px)}.admin-provider-status{width:100%;align-items:flex-start;margin-left:49px;text-align:left}.admin-provider-meta-row{padding:10px 14px;gap:8px 12px}.admin-provider-form{padding:0 14px 14px}.admin-provider-form-grid{grid-template-columns:1fr;gap:13px;padding:14px 0}.admin-provider-switch-row{align-items:flex-start}.admin-provider-bottom-row{align-items:stretch;flex-direction:column}.admin-provider-bottom-row .btn{width:100%}.admin-provider-footnote{padding:11px 14px}.admin-webhook-url-panel{padding:15px}.admin-webhook-row{grid-template-columns:1fr auto;gap:6px}.admin-webhook-row code{grid-column:1/-1;grid-row:2}.admin-webhook-row .btn{grid-column:2;grid-row:1}.admin-full-table .panel-head{flex-direction:column}.admin-table-toolbar{width:100%;justify-content:space-between;flex-wrap:wrap}.admin-table-footer{align-items:flex-start;flex-direction:column}.admin-analytics-note{align-items:flex-start;flex-wrap:wrap}.admin-analytics-note>a{margin-left:0}.admin-console-footer{flex-direction:column}.admin-console-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.admin-console-main,.admin-provider-card{animation:none!important;transition:none!important}.admin-console-sidebar .admin-nav-link{transition:none!important}}


/* Admin shell cleanup: keep admin tools in their own application chrome. */
.admin-console-body{min-height:100vh;background:#f5f7fc;color:#17213a}
.admin-console-body .admin-console-root{min-height:100vh;padding-top:25px;padding-bottom:50px;background:radial-gradient(ellipse at 12% 0%,rgba(103,110,242,.07),transparent 36%),linear-gradient(180deg,#f7f8fd 0%,#f5f7fb 100%)}
.admin-console-body .admin-console-grid{width:min(1540px,calc(100% - 48px));grid-template-columns:260px minmax(0,1fr);gap:25px}
.admin-console-body .admin-console-sidebar{top:22px;max-height:calc(100vh - 44px)}
.admin-console-body .admin-console-main{min-width:0}
.admin-console-body .admin-console-brand-symbol.has-admin-brand-logo{background:#fff;border:1px solid #e5e9f3;box-shadow:0 5px 15px rgba(24,36,76,.06);padding:3px;overflow:hidden}
.admin-console-brand-logo{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}
.admin-console-body .admin-console-flash-stack{width:min(1540px,calc(100% - 48px));margin:18px auto 0;position:relative;z-index:5}
.admin-console-body .admin-console-flash-stack .flash{border-radius:12px;box-shadow:0 8px 25px rgba(30,41,70,.06)}
.admin-console-logout{margin:0}
.admin-console-logout .btn{display:inline-flex;align-items:center;gap:6px}
.admin-console-logout .btn svg{width:13px;height:13px}
.admin-console-body .admin-console-topbar{padding:0 3px 13px;margin-bottom:19px;border-bottom:1px solid #e7ebf4}
.admin-console-body .admin-console-top-actions{gap:12px}
.admin-console-body .admin-console-user{padding-left:12px}
.admin-console-body .admin-section-heading{margin-bottom:23px}
@media(max-width:1080px){.admin-console-body .admin-console-grid{grid-template-columns:225px minmax(0,1fr);gap:17px}.admin-console-body .admin-console-sidebar{top:18px;max-height:calc(100vh - 36px)}}
@media(max-width:820px){.admin-console-body .admin-console-root{padding-top:14px}.admin-console-body .admin-console-grid{width:calc(100% - 24px);grid-template-columns:1fr;gap:16px}.admin-console-body .admin-console-sidebar{position:static;top:auto;max-height:none}.admin-console-body .admin-console-flash-stack{width:calc(100% - 24px);margin-top:12px}.admin-console-body .admin-console-topbar{border-bottom:0;padding-bottom:0}}
@media(max-width:560px){.admin-console-body .admin-console-grid{width:calc(100% - 18px)}.admin-console-body .admin-console-flash-stack{width:calc(100% - 18px)}.admin-console-body .admin-console-top-actions{display:flex;align-items:center;gap:8px}.admin-console-body .admin-console-live{display:none}.admin-console-body .admin-console-user{margin-left:auto}.admin-console-logout .btn{padding-inline:9px;font-size:10px}}

}


/* CVPilot PDF Studio: accessible card selector and focused workspace */
.pdf-hero .pdf-hero-inner { padding-top: 18px; padding-bottom: 12px; }
.pdf-hero .eyebrow { display:inline-flex; align-items:center; gap:7px; }
.pdf-hero .eyebrow svg { width:14px; height:14px; }
.pdf-hero .subhead { max-width:690px; }
.pdf-hero-proof { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:20px; color:var(--muted); font-size:12px; }
.pdf-hero-proof span { display:inline-flex; align-items:center; gap:7px; }
.pdf-hero-proof svg { width:15px; height:15px; color:var(--sage-deep, var(--primary)); }
.pdf-tools-page { padding-top:20px; }
.pdf-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:0 0 18px; }
.pdf-section-heading h2 { margin:4px 0 4px; font:800 clamp(20px,2.3vw,27px)/1.2 var(--display); letter-spacing:-.035em; color:var(--ink); }
.pdf-section-heading p { margin:0; color:var(--muted); font-size:13px; }
.pdf-private-pill { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; flex:none; border:1px solid var(--line); border-radius:999px; background:var(--paper); color:var(--muted); font-size:11px; font-weight:700; }
.pdf-private-pill svg { width:14px; height:14px; color:var(--sage-deep, var(--primary)); }
.pdf-tool-catalog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 24px; }
.pdf-tool-card.tool-option { position:relative; display:flex; flex-direction:column; align-items:stretch; gap:14px; width:100%; min-width:0; min-height:190px; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--paper); color:var(--ink); text-align:left; box-shadow:0 4px 14px rgba(45,42,32,.025); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease; }
.pdf-tool-card.tool-option:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--primary) 35%,var(--line)); box-shadow:0 12px 30px rgba(42,39,29,.08); color:var(--ink); background:var(--paper); }
.pdf-tool-card.tool-option:focus-visible { outline:3px solid color-mix(in srgb,var(--primary) 50%,transparent); outline-offset:3px; }
.pdf-tool-card.tool-option.active { border-color:var(--primary); background:linear-gradient(155deg,color-mix(in srgb,var(--primary) 7%,var(--paper)),var(--paper) 72%); box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent),0 14px 34px rgba(42,39,29,.07); }
.pdf-tool-card .pdf-tool-card-icon { display:grid; place-items:center; width:43px; height:43px; flex:none; border-radius:14px; color:#5c56b7; background:#eeeaff; }
.pdf-tool-card .pdf-tool-card-icon svg { width:21px; height:21px; stroke-width:1.8; }
.pdf-tool-card .icon-lilac { background:#eeeaff;color:#6658be; }
.pdf-tool-card .icon-peach { background:#fff0e7;color:#bd6b43; }
.pdf-tool-card .icon-mint { background:#e7f5e9;color:#4c8060; }
.pdf-tool-card .icon-blue { background:#e8f1ff;color:#436db5; }
.pdf-tool-card .icon-sand { background:#f6efde;color:#8b7040; }
.pdf-tool-card .icon-slate { background:#ebeff4;color:#526274; }
.pdf-tool-card .pdf-tool-card-copy { display:block; min-width:0; margin:0; }
.pdf-tool-card .pdf-tool-card-copy strong { display:block; margin:0 0 6px; color:var(--ink); font:750 15px/1.25 var(--display); letter-spacing:-.02em; }
.pdf-tool-card .pdf-tool-card-copy small { display:block; max-width:260px; margin:0; color:var(--muted); font-size:12px; font-weight:450; line-height:1.55; }
.pdf-tool-card .pdf-tool-card-action { display:flex; align-items:center; gap:7px; margin:auto 0 0; padding-top:11px; border-top:1px solid var(--line); color:var(--primary); font-size:11px; font-weight:800; }
.pdf-tool-card .pdf-tool-card-action svg { width:14px; height:14px; margin-left:auto; transition:transform .18s ease; }
.pdf-tool-card:hover .pdf-tool-card-action svg { transform:translate(2px,-2px); }
.pdf-workspace-card { overflow:hidden; border-radius:22px; }
.pdf-workspace-heading { display:flex; align-items:center; gap:14px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--line); }
.pdf-workspace-heading-icon { display:grid; place-items:center; width:49px; height:49px; flex:none; border-radius:15px; background:var(--soft); color:var(--primary); }
.pdf-workspace-heading-icon svg { width:23px; height:23px; }
.pdf-workspace-title { flex:1; min-width:0; }
.pdf-workspace-title h2 { margin:3px 0 3px; font:800 21px/1.25 var(--display); letter-spacing:-.035em; color:var(--ink); }
.pdf-workspace-title p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.pdf-mini-label { font-size:9px; font-weight:800; letter-spacing:.13em; color:var(--muted); }
.pdf-engine-pill { display:inline-flex; align-items:center; gap:6px; flex:none; border-radius:999px; border:1px solid var(--line); background:var(--paper-2); color:var(--muted); font-size:10px; font-weight:800; padding:7px 10px; white-space:nowrap; }
.pdf-engine-pill svg { width:13px; height:13px; }
.pdf-engine-pill.is-ready { color:#3f7a59; background:#edf7ed; border-color:#d3e8d3; }
.pdf-engine-pill.is-missing { color:#946b24; background:#fff6e4; border-color:#f0dfb8; }
.pdf-workspace-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(270px,.85fr); gap:20px; align-items:start; }
.pdf-dropzone { min-height:270px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-color:color-mix(in srgb,var(--sage, #788365) 28%,var(--line)); background:color-mix(in srgb,var(--paper-2) 44%,var(--paper)); padding:32px 20px; }
.pdf-dropzone.dragover { background:color-mix(in srgb,var(--primary) 8%,var(--paper)); border-color:var(--primary); }
.pdf-dropzone h3 { margin-top:3px; color:var(--ink); font-size:15px; font-weight:800; }
.pdf-dropzone p { max-width:360px; line-height:1.65; }
.pdf-choose-files { position:relative; }
.pdf-file-list { width:100%; max-width:480px; text-align:left; }
.pdf-upload-meta { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:12px; color:var(--muted); font-size:10px; }
.pdf-upload-meta span { display:inline-flex; align-items:center; gap:6px; }
.pdf-upload-meta svg { width:13px; height:13px; color:var(--sage-deep,var(--primary)); }
.pdf-options-card { padding:17px; border:1px solid var(--line); border-radius:17px; background:var(--paper-2); }
.pdf-options-header { display:flex; align-items:center; gap:10px; padding-bottom:14px; margin-bottom:15px; border-bottom:1px solid var(--line); }
.pdf-options-header > svg { width:20px; height:20px; color:var(--primary); }
.pdf-options-header strong,.pdf-setting-row strong { display:block; font-size:12px; font-weight:800; color:var(--ink); }
.pdf-options-header small,.pdf-setting-row small { display:block; margin-top:3px; color:var(--muted); font-size:10px; line-height:1.5; }
.pdf-options-card .field { margin:0 0 15px; }
.pdf-options-card .field label { font-size:11px; }
.pdf-options-card .field input,.pdf-options-card .field select { width:100%; }
.pdf-setting-row { display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.pdf-setting-icon { display:grid; place-items:center; width:30px; height:30px; flex:none; border-radius:9px; background:var(--soft); color:var(--primary); }
.pdf-setting-icon svg { width:15px; height:15px; }
.pdf-compression-note,.pdf-setup-note { display:flex; align-items:flex-start; gap:9px; padding:12px; margin-top:12px; border-radius:12px; font-size:11px; line-height:1.55; }
.pdf-compression-note { border:1px solid #efdfb5; background:#fff8e9; color:#826628; }
.pdf-setup-note { border:1px solid #f1d9b2; background:#fff7e8; color:#855f20; }
.pdf-compression-note > svg,.pdf-setup-note > svg { flex:none; width:16px; height:16px; margin-top:1px; }
.pdf-compression-note strong,.pdf-setup-note strong { display:block; font-size:11px; }
.pdf-compression-note small,.pdf-setup-note small { display:block; margin-top:4px; font-size:10px; line-height:1.55; }
.pdf-compression-note code,.pdf-setup-note code { border:1px solid currentColor; padding:1px 4px; border-radius:4px; }
.pdf-process-button { width:100%; display:flex; align-items:center; justify-content:center; gap:9px; margin-top:16px; }
.pdf-process-button svg:last-child { margin-left:auto; }
.pdf-process-button svg:first-child { flex:none; }
.pdf-form-footnote { margin:10px 0 0; color:var(--muted); text-align:center; font-size:9px; line-height:1.5; }
.dark .pdf-tool-card.tool-option,.dark .pdf-workspace-card,.dark .pdf-options-card { background:var(--paper); color:var(--ink); }
.dark .pdf-tool-card.tool-option.active { background:linear-gradient(155deg,color-mix(in srgb,var(--primary) 13%,var(--paper)),var(--paper) 72%); }
.dark .pdf-dropzone { background:color-mix(in srgb,var(--paper-2) 60%,var(--paper)); }
.dark .pdf-setting-row { background:var(--paper); }
.dark .pdf-compression-note { background:#2d2719; border-color:#5b4b27; color:#e4d5a8; }
.dark .pdf-setup-note { background:#2d2516; border-color:#5b4523; color:#e5cc9b; }
@media (max-width:1000px) { .pdf-tool-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) {
  .pdf-section-heading { align-items:flex-start; flex-direction:column; gap:10px; }
  .pdf-tool-catalog { gap:10px; }
  .pdf-tool-card.tool-option { min-height:174px; padding:15px; border-radius:15px; }
  .pdf-workspace-layout { grid-template-columns:1fr; }
  .pdf-workspace-heading { align-items:flex-start; flex-wrap:wrap; }
  .pdf-engine-pill { margin-left:auto; }
  .pdf-dropzone { min-height:225px; }
}
@media (max-width:480px) {
  .pdf-tool-catalog { grid-template-columns:1fr; }
  .pdf-tool-card.tool-option { min-height:0; display:grid; grid-template-columns:42px minmax(0,1fr); align-items:start; gap:8px 12px; }
  .pdf-tool-card .pdf-tool-card-icon { grid-row:span 2; }
  .pdf-tool-card .pdf-tool-card-action { grid-column:2; margin-top:4px; padding-top:9px; }
  .pdf-workspace-heading-icon { width:42px; height:42px; }
  .pdf-workspace-title h2 { font-size:18px; }
  .pdf-workspace-heading { gap:10px; }
  .pdf-engine-pill { margin-left:0; }
  .pdf-options-card { padding:14px; }
}
@media (prefers-reduced-motion:reduce) {
  .pdf-tool-card.tool-option,.pdf-tool-card .pdf-tool-card-action svg { transition:none !important; }
  .pdf-tool-card.tool-option:hover { transform:none; }
}


/* Account recovery views */
.auth-password-label { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.auth-password-label label { margin:0; }
.auth-password-label a { font-size:11px; font-weight:800; color:var(--primary); }
.auth-recovery-wrap { padding-top:38px; padding-bottom:60px; }
.auth-recovery-card { position:relative; }
.auth-recovery-icon { width:54px; height:54px; display:grid; place-items:center; margin:26px 0 17px; border-radius:17px; color:var(--sage-deep,var(--primary)); background:var(--sage-pale,#e8eddf); }
.auth-recovery-icon svg { width:25px; height:25px; }
.auth-recovery-icon-warning { color:#9b6b25; background:#fff2d8; }
.auth-recovery-card .eyebrow { display:inline-flex; align-items:center; gap:6px; margin-bottom:8px; }
.auth-recovery-card form { margin-top:24px; }
.auth-recovery-card .auth-switch { margin-top:20px; }
.auth-recovery-card .auth-switch a { display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.auth-recovery-card .auth-switch svg { width:14px; height:14px; }
.auth-recovery-note { display:flex; align-items:flex-start; gap:9px; padding:12px; margin-top:22px; border:1px solid var(--line); border-radius:12px; background:var(--paper-2); color:var(--muted); font-size:10px; line-height:1.55; }
.auth-recovery-note svg { width:15px; height:15px; flex:none; color:var(--sage-deep,var(--primary)); }
.pdf-selected-summary { margin:5px 0 0; color:var(--sage-deep,var(--primary)); font-size:10px; font-weight:800; }
.spin { animation:cvpilot-spin 1s linear infinite; }
@keyframes cvpilot-spin { to { transform:rotate(360deg); } }
@media (max-width:540px) {
  .auth-recovery-wrap { padding-top:24px; padding-bottom:36px; }
  .auth-recovery-card { width:100%; }
}
@media (prefers-reduced-motion:reduce) { .spin { animation:none !important; } }


/* Admin email delivery configuration */
.admin-mail-page { display:grid; gap:20px; }
.admin-mail-banner { display:flex; align-items:center; gap:17px; padding:23px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 8%,var(--paper)),var(--paper) 66%,color-mix(in srgb,var(--sage, #788365) 8%,var(--paper))); box-shadow:var(--shadow-sm); }
.admin-mail-banner-icon { display:grid; place-items:center; width:54px; height:54px; flex:none; border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line)); border-radius:17px; color:var(--primary); background:var(--paper); }
.admin-mail-banner-icon svg { width:25px; height:25px; }
.admin-mail-banner-copy { flex:1; min-width:0; }
.admin-mail-eyebrow { font-size:9px; font-weight:900; letter-spacing:.14em; color:var(--primary); }
.admin-mail-banner-copy h2 { margin:5px 0 5px; color:var(--ink); font:800 clamp(18px,2.3vw,24px)/1.25 var(--display); letter-spacing:-.035em; }
.admin-mail-banner-copy p { margin:0; color:var(--muted); font-size:12px; }
.admin-mail-status { display:inline-flex; align-items:center; gap:7px; flex:none; border:1px solid var(--line); border-radius:999px; background:var(--paper); padding:8px 11px; font-size:10px; font-weight:800; color:var(--muted); }
.admin-mail-status svg { width:14px; height:14px; }
.admin-mail-status.is-ready { color:#35734c; background:#edf7ed; border-color:#d6e9d5; }
.admin-mail-status.is-needed { color:#936b26; background:#fff8e8; border-color:#ecdcb9; }
.admin-mail-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr); align-items:start; gap:20px; }
.admin-mail-config-panel,.admin-mail-status-panel,.admin-mail-help-panel { padding:20px; min-width:0; }
.admin-mail-config-panel .panel-head { margin-bottom:18px; }
.admin-mail-config-panel .panel-head h2 { margin:3px 0 4px; }
.admin-mail-config-panel .panel-head p { max-width:530px; }
.admin-mail-lock { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; background:var(--sage-pale,#e8eddf); color:var(--sage-deep,var(--primary)); font-size:10px; font-weight:800; }
.admin-mail-lock svg { width:14px; height:14px; }
.admin-mail-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.admin-mail-form-grid .field { min-width:0; }
.admin-mail-form-grid .field-wide,.admin-mail-field-wide { grid-column:1/-1; }
.admin-mail-form-grid .field input,.admin-mail-form-grid .field select { width:100%; max-width:100%; min-width:0; }
.admin-mail-form-grid .field .field-hint { display:block; margin-top:5px; }
.admin-mail-save-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; border-top:1px solid var(--line); margin-top:20px; padding-top:17px; }
.admin-mail-save-row .btn { display:inline-flex; align-items:center; gap:7px; }
.admin-mail-save-row .btn svg { width:15px; height:15px; }
.admin-mail-save-note { display:inline-flex; align-items:center; gap:7px; max-width:420px; color:var(--muted); font-size:10px; line-height:1.5; }
.admin-mail-save-note svg { width:14px; height:14px; flex:none; }
.admin-mail-test-box { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:23px; padding:17px; border:1px solid var(--line); border-radius:16px; background:var(--paper-2); }
.admin-mail-test-copy { flex:1; min-width:0; }
.admin-mail-test-copy h3 { margin:5px 0 4px; color:var(--ink); font:800 15px var(--display); }
.admin-mail-test-copy p { margin:0; color:var(--muted); font-size:11px; line-height:1.55; }
.admin-mail-test-form { display:flex; align-items:center; gap:8px; flex:1; max-width:390px; min-width:230px; }
.admin-mail-test-form input { width:100%; min-width:0; max-width:100%; }
.admin-mail-test-form .btn { flex:none; display:inline-flex; align-items:center; gap:6px; }
.admin-mail-test-form .btn svg { width:14px; height:14px; }
.admin-mail-clear-form { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding-top:15px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }
.admin-mail-clear-form .btn { color:#b04545; }
.admin-mail-side { display:grid; gap:16px; }
.admin-mail-status-panel { border-top:3px solid var(--sage-deep,var(--primary)); }
.admin-mail-status-icon { display:grid; place-items:center; width:45px; height:45px; margin:15px 0 12px; border-radius:15px; background:var(--paper-2); color:var(--muted); }
.admin-mail-status-icon svg { width:22px; height:22px; }
.admin-mail-status-icon.is-ready { color:#367a4e; background:#eaf5e8; }
.admin-mail-status-icon.is-needed { color:#9c742b; background:#fff4dc; }
.admin-mail-status-panel h3,.admin-mail-help-panel h3 { margin:0 0 7px; color:var(--ink); font:800 15px/1.3 var(--display); }
.admin-mail-status-panel > p { color:var(--muted); font-size:11px; line-height:1.6; margin:0 0 16px; }
.admin-mail-check-row { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }
.admin-mail-check-row strong { text-align:right; color:var(--ink); font-size:10px; }
.admin-mail-help-panel { background:var(--paper-2); }
.admin-mail-help-icon { display:grid; place-items:center; width:35px; height:35px; border-radius:11px; background:var(--paper); color:var(--primary); margin-bottom:12px; }
.admin-mail-help-icon svg { width:18px; height:18px; }
.admin-mail-help-panel ul { display:grid; gap:10px; padding-left:17px; margin:13px 0 0; color:var(--muted); font-size:10px; line-height:1.6; }
.admin-mail-help-panel li::marker { color:var(--primary); }
.admin-mail-help-panel code { padding:2px 4px; border-radius:4px; background:var(--paper); color:var(--ink); word-break:break-word; }
.dark .admin-mail-banner { background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 13%,var(--paper)),var(--paper) 70%,color-mix(in srgb,var(--sage, #788365) 12%,var(--paper))); }
.dark .admin-mail-status.is-ready { color:#a9d9b2; background:#20352a; border-color:#31523b; }
.dark .admin-mail-status.is-needed { color:#e5ce9c; background:#352c1c; border-color:#59472a; }
.dark .admin-mail-status-icon.is-ready { color:#a9d9b2; background:#20352a; }
.dark .admin-mail-status-icon.is-needed { color:#e5ce9c; background:#352c1c; }
@media (max-width:1100px) { .admin-mail-grid { grid-template-columns:minmax(0,1fr); } .admin-mail-side { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) {
  .admin-mail-banner { align-items:flex-start; flex-wrap:wrap; padding:17px; }
  .admin-mail-status { margin-left:70px; }
  .admin-mail-test-box { align-items:stretch; flex-direction:column; }
  .admin-mail-test-form { max-width:none; min-width:0; width:100%; }
  .admin-mail-side { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .admin-mail-config-panel,.admin-mail-status-panel,.admin-mail-help-panel { padding:14px; }
  .admin-mail-form-grid { grid-template-columns:1fr; gap:12px; }
  .admin-mail-form-grid .admin-mail-field-wide { grid-column:auto; }
  .admin-mail-save-row { align-items:stretch; flex-direction:column; }
  .admin-mail-save-row .btn { width:100%; justify-content:center; }
  .admin-mail-test-form { align-items:stretch; flex-direction:column; }
  .admin-mail-test-form .btn { width:100%; justify-content:center; }
  .admin-mail-clear-form { align-items:flex-start; flex-direction:column; }
}
/* The modern tool cards have a display rule stronger than Tailwind's layered utility, so make hidden states explicit. */
.pdf-compression-note.hidden,.pdf-setup-note.hidden,.pdf-options-card .field.hidden { display:none !important; }


/* CVPilot motion system: route transitions soften full-page PHP navigation without obscuring errors. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: cvpilot-page-out .14s ease both; }
::view-transition-new(root) { animation: cvpilot-page-in .24s cubic-bezier(.2,.75,.2,1) both; }
@keyframes cvpilot-page-out { to { opacity: .72; transform: scale(.998); } }
@keyframes cvpilot-page-in { from { opacity: .7; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { ::view-transition-old(root),::view-transition-new(root){animation:none!important} }

/* AI & integrations admin page */
.admin-ai-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:30px;align-items:center;overflow:hidden;margin:0 0 22px;padding:28px 30px;border:1px solid rgba(112,130,104,.2);border-radius:23px;background:linear-gradient(120deg,#f7f4e9 0%,#eef2e8 45%,#e9eef7 100%);box-shadow:0 18px 50px rgba(58,68,50,.055)}
.admin-ai-hero-copy{position:relative;z-index:2;max-width:720px}.admin-ai-kicker{display:inline-flex;align-items:center;gap:7px;color:#73866e;font-size:9px;font-weight:900;letter-spacing:1.6px}.admin-ai-kicker svg{width:15px}.admin-ai-hero h2{margin:12px 0 9px;color:#252d27;font:800 clamp(24px,3vw,36px)/1.08 var(--display);letter-spacing:-1.25px}.admin-ai-hero h2 em{font-family:Georgia,serif;font-weight:500;color:#7b916f}.admin-ai-hero p{max-width:660px;margin:0;color:#727d70;font-size:12px;line-height:1.85}.admin-ai-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.admin-ai-hero-tags span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(108,130,104,.16);border-radius:99px;background:rgba(255,255,255,.52);color:#65725f;font-size:9px;font-weight:700}.admin-ai-hero-tags svg{width:12px;height:12px}.admin-ai-hero-art{position:absolute;z-index:0;right:210px;top:-80px;width:310px;height:290px;pointer-events:none;opacity:.8}.admin-ai-hero-art:before,.admin-ai-hero-art:after{content:'';position:absolute;border:1px solid rgba(120,145,111,.18);border-radius:50%;inset:22px;animation:ai-orbit 28s linear infinite}.admin-ai-hero-art:after{inset:50px;animation-direction:reverse;animation-duration:22s}.ai-orb{position:absolute;display:block;border-radius:50%;filter:blur(.2px);animation:ai-float 5s ease-in-out infinite}.ai-orb-one{width:18px;height:18px;background:#9ab58f;top:38px;left:94px;box-shadow:0 0 0 7px rgba(154,181,143,.13)}.ai-orb-two{width:11px;height:11px;background:#d7ac77;right:35px;top:140px;animation-delay:-1.8s}.ai-orb-three{width:9px;height:9px;background:#8ca6cf;bottom:40px;left:60px;animation-delay:-3.2s}.admin-ai-status-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:19px;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(255,255,255,.66);box-shadow:0 12px 28px rgba(44,53,40,.05);backdrop-filter:blur(14px)}.admin-ai-status-icon{display:grid;place-items:center;width:37px;height:37px;margin-bottom:15px;border-radius:13px}.admin-ai-status-icon svg{width:18px}.admin-ai-status-icon.is-ready{background:#e3f2e5;color:#38794d}.admin-ai-status-icon.is-muted{background:#f3ede1;color:#a47e43}.admin-ai-status-card>small{color:#939b8e;font-size:8px;font-weight:900;letter-spacing:1.4px}.admin-ai-status-card>strong{margin:6px 0;color:#273128;font:800 20px var(--display);letter-spacing:-.6px}.admin-ai-status-card>span:last-of-type{color:#879181;font-size:9px;line-height:1.6}.admin-ai-status-line{width:100%;height:4px;margin-top:15px;overflow:hidden;border-radius:99px;background:#e3e8df}.admin-ai-status-line span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7d9b75,#b9d0a7);transition:width .45s cubic-bezier(.2,.75,.2,1)}
.admin-ai-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:start;gap:18px}.admin-ai-config-panel,.admin-ai-check-panel,.admin-ai-model-info{border-radius:19px;padding:23px}.admin-ai-config-panel .panel-head{align-items:flex-start}.admin-ai-config-panel .panel-head h2{margin-top:6px}.admin-ai-config-panel .panel-head p{max-width:560px}.admin-ai-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 9px;border-radius:99px;font-size:9px;font-weight:800}.admin-ai-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.admin-ai-badge.is-ready{background:#e8f5eb;color:#38784c}.admin-ai-badge.is-warning{background:#fbf1de;color:#986d2a}.admin-ai-master-toggle{display:flex;align-items:center;gap:13px;margin:5px 0 20px;padding:16px;border:1px solid #e6e9df;border-radius:14px;background:linear-gradient(100deg,#f8f9f4,#fbfaf5)}.admin-ai-toggle-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;background:#e7efe1;color:#66855f}.admin-ai-toggle-icon svg{width:18px}.admin-ai-toggle-copy{flex:1;min-width:0}.admin-ai-toggle-copy strong,.admin-ai-toggle-copy small{display:block}.admin-ai-toggle-copy strong{color:#364037;font-size:11px;font-weight:800}.admin-ai-toggle-copy small{margin-top:4px;color:#838d80;font-size:9px;line-height:1.65}.admin-ai-field-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.admin-ai-field-grid .field{min-width:0}.admin-ai-field-grid input{width:100%;min-width:0;min-height:44px;border:1px solid #dfe4d9;border-radius:11px;background:#fff;color:#29352b;padding:11px 12px;outline:none;transition:border-color .18s,box-shadow .18s}.admin-ai-field-grid input:focus{border-color:#8ba47f;box-shadow:0 0 0 4px rgba(125,155,117,.12)}.admin-ai-key-input{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 7px 0 12px;border:1px solid #dfe4d9;border-radius:11px;background:#fff;transition:border-color .18s,box-shadow .18s}.admin-ai-key-input:focus-within{border-color:#8ba47f;box-shadow:0 0 0 4px rgba(125,155,117,.12)}.admin-ai-key-input>svg{width:15px;flex:none;color:#899b81}.admin-ai-key-input input{border:0;box-shadow:none!important;padding-inline:0}.admin-ai-key-input .admin-secret-reveal{display:grid;place-items:center;flex:none;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#84917e;cursor:pointer}.admin-ai-key-input .admin-secret-reveal:hover{background:#f0f3ec;color:#506b4e}.admin-ai-key-input .admin-secret-reveal svg{width:15px}.admin-ai-clear-key{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;border:1px solid #eee2d8;border-radius:12px;background:#fdf8f3}.admin-ai-clear-key input{margin-top:4px;accent-color:#ad765e}.admin-ai-clear-key strong,.admin-ai-clear-key small{display:block}.admin-ai-clear-key strong{font-size:10px;color:#70513f}.admin-ai-clear-key small{margin-top:4px;font-size:9px;line-height:1.6;color:#9a887c}.admin-ai-form-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:23px;padding-top:17px;border-top:1px solid #edf0e8}.admin-ai-form-footer>span{display:inline-flex;align-items:center;gap:7px;color:#81907b;font-size:9px}.admin-ai-form-footer>span svg{width:14px;color:#72936b}.admin-ai-side-stack{display:grid;gap:18px}.admin-ai-side-title{display:flex;align-items:center;gap:11px}.admin-ai-mini-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#f0f0e6;color:#7d906d;flex:none}.admin-ai-mini-icon svg{width:18px}.admin-ai-side-title h3,.admin-ai-model-info h3{margin:0;color:#2d362c;font:800 14px var(--display);letter-spacing:-.35px}.admin-ai-side-title p{margin:4px 0 0;color:#8b9487;font-size:10px}.admin-ai-check-copy{margin:17px 0;color:#7b8677;font-size:10px;line-height:1.8}.admin-ai-check-panel .w-full{width:100%;justify-content:center}.admin-ai-check-panel form button:disabled{opacity:.46;cursor:not-allowed}.admin-ai-state-note{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 12px;border-radius:10px;font-size:9px;line-height:1.65}.admin-ai-state-note svg{width:14px;height:14px;flex:none;margin-top:1px}.admin-ai-state-note.state-green{background:#edf6ed;color:#507a4f}.admin-ai-state-note.state-amber{background:#faf3e6;color:#927037}.admin-ai-model-info .eyebrow{display:block;margin-bottom:10px}.admin-ai-model-info ul{display:grid;gap:11px;list-style:none;margin:17px 0;padding:0}.admin-ai-model-info li{display:flex;align-items:flex-start;gap:8px;color:#737e70;font-size:10px;line-height:1.7}.admin-ai-model-info li svg{width:14px;height:14px;flex:none;color:#71956a;margin-top:1px}.admin-ai-text-link{display:inline-flex;align-items:center;gap:7px;color:#668861;font-size:10px;font-weight:800}.admin-ai-text-link svg{width:13px}.admin-ai-help-row{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:16px 19px;border:1px solid #e7ebdf;border-radius:15px;background:rgba(248,249,244,.76)}.admin-ai-help-row>svg{width:18px;flex:none;color:#819575;margin-top:2px}.admin-ai-help-row strong{display:block;color:#394437;font-size:10px}.admin-ai-help-row p{margin:5px 0 0;color:#7d8877;font-size:10px;line-height:1.75}
html.dark .admin-ai-hero{background:linear-gradient(120deg,#252a22 0%,#242d25 45%,#202a35 100%);border-color:rgba(218,226,207,.1)}html.dark .admin-ai-hero h2,html.dark .admin-ai-status-card>strong,html.dark .admin-ai-side-title h3,html.dark .admin-ai-model-info h3,html.dark .admin-ai-help-row strong{color:#f0f0e6}html.dark .admin-ai-hero p,html.dark .admin-ai-status-card>span:last-of-type,html.dark .admin-ai-side-title p,html.dark .admin-ai-check-copy,html.dark .admin-ai-model-info li,html.dark .admin-ai-help-row p{color:#b0bbaa}html.dark .admin-ai-status-card,html.dark .admin-ai-master-toggle,html.dark .admin-ai-key-input,html.dark .admin-ai-field-grid input,html.dark .admin-ai-help-row{background:#242a25;border-color:#394238}html.dark .admin-ai-toggle-copy strong{color:#e3e8dc}html.dark .admin-ai-toggle-copy small{color:#a8b2a2}html.dark .admin-ai-key-input .admin-secret-reveal:hover{background:#303b30}html.dark .admin-ai-clear-key{background:#302a25;border-color:#4a3a30}html.dark .admin-ai-clear-key strong{color:#e4c6b0}html.dark .admin-ai-clear-key small{color:#c4a995}html.dark .admin-ai-form-footer,html.dark .admin-ai-config-panel .panel-head{border-color:#384036}html.dark .admin-ai-check-panel,html.dark .admin-ai-model-info,html.dark .admin-ai-config-panel{background:#20251f;border-color:#353d33}html.dark .admin-ai-mini-icon{background:#303b2d;color:#adc89f}html.dark .admin-ai-state-note.state-green{background:#26382a;color:#b6ddb7}html.dark .admin-ai-state-note.state-amber{background:#3b3222;color:#ebce91}
@keyframes ai-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes ai-orbit{to{transform:rotate(360deg)}}
@media(max-width:980px){.admin-ai-hero{grid-template-columns:minmax(0,1fr) 200px;padding:24px}.admin-ai-grid{grid-template-columns:1fr}.admin-ai-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.admin-ai-hero{grid-template-columns:1fr;padding:21px;gap:17px}.admin-ai-hero-art{right:-50px;top:-20px;opacity:.35}.admin-ai-status-card{max-width:none}.admin-ai-field-grid{grid-template-columns:1fr}.admin-ai-side-stack{grid-template-columns:1fr}.admin-ai-config-panel,.admin-ai-check-panel,.admin-ai-model-info{padding:16px}.admin-ai-form-footer{align-items:stretch;flex-direction:column}.admin-ai-form-footer .btn{width:100%;justify-content:center}.admin-ai-hero-tags span{font-size:8px}}


/* Signature CVPilot motion language: calm, editorial, and purposeful rather than bouncy. */
.public-site-body{scroll-behavior:smooth;isolation:isolate}
.public-site-body .hero-copy .eyebrow{animation:cvpEditorialRise .58s .03s both}
.public-site-body .hero-copy h1{animation:cvpEditorialRise .7s .08s both}
.public-site-body .hero-copy .subhead{animation:cvpEditorialRise .7s .15s both}
.public-site-body .hero-actions{animation:cvpEditorialRise .7s .2s both}
.public-site-body .hero-proof{animation:cvpEditorialRise .7s .27s both}
.public-site-body .hero-art .resume-window{animation:cvpResumeFloat 7.5s ease-in-out infinite;transform-origin:50% 55%}
.public-site-body .hero-art .art-orbit{animation:cvpOrbit 34s linear infinite}
.public-site-body .float-card{animation:cvpCardFloat 6.5s ease-in-out infinite}
.public-site-body .float-card.float-two{animation-delay:-2.6s}
.public-site-body .ambient{animation:cvpAmbientDrift 20s ease-in-out infinite alternate}
.public-site-body .ambient.ambient-b{animation-delay:-7s}
.public-site-body .btn:not(:disabled){transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,background-color .18s ease,border-color .18s ease}
.public-site-body .btn:not(:disabled):active{transform:translateY(1px) scale(.99)}
.public-site-body .feature-card,.public-site-body .price-card,.public-site-body .tool-tile{transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s ease,border-color .22s ease}
.public-site-body .feature-card:hover,.public-site-body .tool-tile:hover{transform:translateY(-4px)}
.admin-console-body .admin-nav-link{transition:background .22s ease,color .18s ease,transform .22s cubic-bezier(.2,.75,.2,1)}
.admin-console-body .admin-nav-link:hover{transform:translateX(2px)}
.admin-console-body .admin-stat-card,.admin-console-body .admin-provider-card,.admin-console-body .admin-table-panel{transition:transform .26s cubic-bezier(.2,.75,.2,1),box-shadow .26s ease,border-color .22s ease}
.admin-console-body .admin-stat-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(34,46,35,.08)}
@keyframes cvpEditorialRise{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
@keyframes cvpResumeFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-7px,0) rotate(-.35deg)}}
@keyframes cvpCardFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes cvpOrbit{to{transform:rotate(360deg)}}
@keyframes cvpAmbientDrift{0%{transform:translate3d(-1%,0,0) scale(1)}100%{transform:translate3d(2%,1%,0) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.public-site-body,.public-site-body *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.public-site-body .hero-art .resume-window,.public-site-body .float-card{transform:none!important;translate:none!important}.admin-console-body .admin-nav-link:hover,.admin-console-body .admin-stat-card:hover{transform:none!important}}


/* Curated homepage templates grouped by admin-configured plan tier. */
.home-template-showcase .home-template-tier{margin-top:30px;padding:22px;border:1px solid rgba(108,126,98,.16);border-radius:22px;background:rgba(255,255,255,.42)}
.home-template-tier-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.home-template-tier-kicker{display:inline-flex;align-items:center;gap:7px;color:#73866e;font-size:9px;font-weight:900;letter-spacing:1.45px;text-transform:uppercase}
.home-template-tier-head h3{margin:7px 0 4px;color:var(--ink,#273229);font:800 clamp(20px,2.2vw,26px)/1.15 var(--display,system-ui);letter-spacing:-.6px}
.home-template-tier-head p{margin:0;color:var(--muted,#7a8577);font-size:12px;line-height:1.7}
.home-template-tier-count{display:inline-flex;flex:none;align-items:center;padding:8px 11px;border:1px solid rgba(108,126,98,.18);border-radius:99px;background:rgba(255,255,255,.76);color:#71816b;font-size:10px;font-weight:800;white-space:nowrap}
.home-tier-template-card{min-width:0}
html.dark .home-template-showcase .home-template-tier{background:rgba(31,37,31,.6);border-color:rgba(203,213,196,.13)}
html.dark .home-template-tier-head h3{color:#eff1e8}html.dark .home-template-tier-head p{color:#a8b2a2}html.dark .home-template-tier-count{background:#272e27;border-color:#404a3d;color:#c4d0bb}
@media(max-width:640px){.home-template-showcase .home-template-tier{padding:14px;margin-top:18px;border-radius:17px}.home-template-tier-head{align-items:flex-start;flex-direction:column;gap:10px}.home-template-tier-count{font-size:9px}.home-template-tier-head h3{font-size:21px}}

/* Public pricing checkout readiness: keep operational diagnostics in Admin, not on the marketing page. */
.pricing-checkout-status{display:flex;align-items:center;gap:14px;margin-top:24px;padding:17px 19px;border:1px solid rgba(110,130,103,.18);border-radius:17px;background:rgba(255,255,255,.72)}
.pricing-checkout-status-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:13px;background:#e8f0e4;color:#66815f}.pricing-checkout-status-icon svg{width:18px;height:18px}
.pricing-checkout-status>div{flex:1;min-width:0}.pricing-checkout-status strong{display:block;color:#354034;font-size:12px;font-weight:850}.pricing-checkout-status p{margin:4px 0 0;color:#7b8677;font-size:11px;line-height:1.65}
.pricing-checkout-status-tag{flex:none;padding:7px 10px;border:1px solid rgba(117,139,107,.18);border-radius:99px;background:#f5f7f0;color:#728366;font-size:9px;font-weight:850}
html.dark .pricing-checkout-status{background:#242a25;border-color:#394238}html.dark .pricing-checkout-status strong{color:#f0f2e9}html.dark .pricing-checkout-status p{color:#abb5a6}html.dark .pricing-checkout-status-icon{background:#33402f;color:#b7cfaa}html.dark .pricing-checkout-status-tag{background:#313a2e;border-color:#46533f;color:#c6d5bc}
@media(max-width:600px){.pricing-checkout-status{align-items:flex-start;flex-wrap:wrap;padding:14px}.pricing-checkout-status-tag{margin-left:53px}}