/* ===== CVPilot CSS module: app.css ===== */ @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}} /* ===== CVPilot CSS module: tailwind.css ===== */ /*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */ @layer properties; @layer legacy, theme, base, components, utilities; @layer theme { :root, :host { --color-stone-100: oklch(97% 0.001 106.424); --color-stone-700: oklch(37.4% 0.01 67.558); --color-stone-800: oklch(26.8% 0.007 34.298); --color-stone-900: oklch(21.6% 0.006 56.043); --color-stone-950: oklch(14.7% 0.004 49.25); --color-white: #fff; --spacing: 0.25rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --blur-xl: 24px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --color-cream-50: #fbf8f1; --color-cream-100: #f6f0e5; --color-cream-200: #eae1d2; --color-cream-300: #d9cdbb; --color-ink: #272820; --color-ink-soft: #55564a; --color-sage: #788365; --color-sage-pale: #e8eddf; } } @layer utilities { .relative { position: relative; } .sticky { position: sticky; } .top-0 { top: calc(var(--spacing) * 0); } .top-5 { top: calc(var(--spacing) * 5); } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .mx-auto { margin-inline: auto; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline-flex { display: inline-flex; } .h-\[76px\] { height: 76px; } .min-h-\[60vh\] { min-height: 60vh; } .min-h-screen { min-height: 100vh; } .w-full { width: 100%; } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-\[1320px\] { max-width: 1320px; } .min-w-0 { min-width: calc(var(--spacing) * 0); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-\[265px_minmax\(0\,1fr\)\] { grid-template-columns: 265px minmax(0,1fr); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-cream-200 { :where(& > :not(:last-child)) { border-color: var(--color-cream-200); } } .self-start { align-self: flex-start; } .overflow-hidden { overflow: hidden; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-xl { border-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-cream-200 { border-color: var(--color-cream-200); } .border-cream-200\/80 { border-color: color-mix(in srgb, #eae1d2 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-cream-200) 80%, transparent); } } .bg-cream-50 { background-color: var(--color-cream-50); } .bg-cream-50\/90 { background-color: color-mix(in srgb, #fbf8f1 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cream-50) 90%, transparent); } } .bg-cream-100 { background-color: var(--color-cream-100); } .bg-sage-pale { background-color: var(--color-sage-pale); } .bg-white { background-color: var(--color-white); } .bg-white\/70 { background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .bg-white\/80 { background-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-ink { color: var(--color-ink); } .text-ink-soft { color: var(--color-ink-soft); } .text-sage { color: var(--color-sage); } .text-stone-900 { color: var(--color-stone-900); } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .hover\:-translate-y-1 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:-translate-y-px { &:hover { @media (hover: hover) { --tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:border-cream-300 { &:hover { @media (hover: hover) { border-color: var(--color-cream-300); } } } .hover\:shadow-lg { &:hover { @media (hover: hover) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-xl { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .focus-visible\:ring-2 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:items-end { @media (width >= 40rem) { align-items: flex-end; } } .sm\:gap-3 { @media (width >= 40rem) { gap: calc(var(--spacing) * 3); } } .sm\:p-5 { @media (width >= 40rem) { padding: calc(var(--spacing) * 5); } } .sm\:p-6 { @media (width >= 40rem) { padding: calc(var(--spacing) * 6); } } .sm\:px-5 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 5); } } .sm\:px-6 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 6); } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:py-14 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 14); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:items-center { @media (width >= 64rem) { align-items: center; } } .lg\:gap-14 { @media (width >= 64rem) { gap: calc(var(--spacing) * 14); } } .lg\:px-8 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } } .lg\:py-16 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 16); } } .xl\:grid-cols-2 { @media (width >= 80rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .xl\:grid-cols-3 { @media (width >= 80rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .xl\:grid-cols-4 { @media (width >= 80rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .xl\:gap-7 { @media (width >= 80rem) { gap: calc(var(--spacing) * 7); } } .dark\:divide-stone-700 { &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: var(--color-stone-700); } } } .dark\:border-stone-700 { &:where(.dark, .dark *) { border-color: var(--color-stone-700); } } .dark\:border-stone-800 { &:where(.dark, .dark *) { border-color: var(--color-stone-800); } } .dark\:bg-stone-900 { &:where(.dark, .dark *) { background-color: var(--color-stone-900); } } .dark\:bg-stone-950 { &:where(.dark, .dark *) { background-color: var(--color-stone-950); } } .dark\:text-stone-100 { &:where(.dark, .dark *) { color: var(--color-stone-100); } } .dark\:hover\:bg-stone-800 { &:where(.dark, .dark *) { &:hover { @media (hover: hover) { background-color: var(--color-stone-800); } } } } } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; } } } /* ===== CVPilot CSS module: theme.css ===== */ /* CVPilot Tailwind + Cream/Sage design system. Utilities live in tailwind.css; this file defines app-level semantic surfaces and persistent dark mode. */ :root { color-scheme: light; --bg: #f8f5ee; --paper: #fffdf8; --paper-2: #f3efe5; --ink: #292a22; --muted: #777669; --line: #e8e0d2; --soft: #efeee4; --navy: #292a22; --sage: #788365; --sage-deep: #59664a; --terracotta: #b87456; --shadow: 0 24px 70px rgba(68, 58, 41, .085); --shadow-sm: 0 10px 30px rgba(68, 58, 41, .06); --theme-transition: background-color .24s ease, color .24s ease, border-color .24s ease, box-shadow .24s ease; } html { background: var(--bg); scroll-behavior: smooth; } html.theme-transition-root, html.theme-transition-root body, html.theme-transition-root body * { transition-property: background-color, border-color, color, box-shadow; transition-duration: .18s; transition-timing-function: ease; } body.public-site-body { background: radial-gradient(circle at 8% 0%, rgba(220, 210, 186, .22), transparent 29rem), radial-gradient(circle at 96% 19%, rgba(199, 211, 184, .24), transparent 25rem), var(--bg) !important; color: var(--ink) !important; } body.admin-console-body { background: #f5f1e8 !important; color: var(--ink) !important; } .site-header { background: rgba(251, 248, 241, .92) !important; border-color: rgba(224, 214, 197, .86) !important; box-shadow: 0 7px 25px rgba(66, 57, 43, .035) !important; } .site-header .main-nav a, .site-header .nav-quiet { color: #68685b; } .site-header .main-nav a:hover, .site-header .nav-quiet:hover { color: var(--sage-deep); } .site-header .brand-wordmark { color: #2c2d24; } .site-footer { background: #f1ece1; border-color: var(--line) !important; } .site-footer, .site-footer p, .site-footer a { color: #747163; } .site-footer strong { color: #34352b; } .trust-strip { background: rgba(255, 253, 248, .78) !important; border-color: var(--line) !important; } .feature-card, .template-card, .price-card, .tool-tile, .panel, .stat-card, .editor-panel, .preview-panel, .sidebar, .profile-card, .dashboard-card, .admin-stat-card, .admin-analytics-panel, .admin-quick-panel, .admin-settings-panel, .admin-table-panel, .admin-gateway-card, .admin-provider-card, .admin-gateway-summary-card, .admin-quick-link, .admin-webhook-url-panel { background-color: var(--paper) !important; border-color: var(--line) !important; box-shadow: var(--shadow-sm); } .feature-card h3, .template-card h3, .price-card h3, .panel h2, .panel h3, .section-title, .section-head h2, .page-hero h1, .page-heading h1, .admin-section-heading h1, .admin-page-toolbar h2 { color: var(--ink); } .feature-card p, .template-card p, .section-head p, .page-hero p, .subhead, .muted, .panel p, .admin-section-heading p { color: var(--muted); } input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea { background-color: #fffdf8; border-color: #dfd7c9; color: #292a22; } input::placeholder, textarea::placeholder { color: #a09a8d; } input:focus, select:focus, textarea:focus { border-color: #a0a98a !important; box-shadow: 0 0 0 3px rgba(120, 131, 101, .13) !important; outline: none; } .btn-primary { background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important; border-color: var(--primary-dark) !important; color: #fffdf8 !important; box-shadow: 0 9px 22px color-mix(in srgb, var(--primary) 18%, transparent) !important; } .btn-primary:hover { background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 86%, white), var(--primary-dark)) !important; } .btn-accent { color: #292a22 !important; background: linear-gradient(135deg, #e3e9d8, #cbd7b9) !important; border-color: #c4d0b0 !important; } .btn-outline, .btn-ghost { border-color: #ddd5c6; color: #5d6250; background: rgba(255,253,248,.72); } .sidebar-link.active, .sidebar-link:hover { background: linear-gradient(110deg, #e9eddf, #f4f5ec) !important; color: #526144 !important; box-shadow: inset 3px 0 #788365 !important; } .sidebar-link.active svg, .sidebar-link:hover svg { color: #657350 !important; } .dropzone { background: #fdfbf6; border-color: #d8d0c0; } .dropzone-icon, .feature-icon { background: #edf0e5; color: #657350; } .nav-dropdown-menu { background: var(--paper) !important; border-color: var(--line) !important; box-shadow: var(--shadow); } .theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 37px; padding: 8px 11px; border: 1px solid #e0d8ca; border-radius: 999px; background: rgba(255,253,248,.8); color: #5f6354; font: 700 11px/1.2 "DM Sans", Inter, sans-serif; cursor: pointer; white-space: nowrap; box-shadow: 0 3px 10px rgba(61,52,38,.025); } .theme-toggle:hover { transform: translateY(-1px); border-color: #c8cdb9; background: #fffdf8; box-shadow: 0 8px 20px rgba(61,52,38,.08); } .theme-toggle svg { width: 15px; height: 15px; flex: none; } .theme-toggle:focus-visible { outline: 3px solid rgba(120,131,101,.35); outline-offset: 2px; } .admin-console-top-actions { gap: 12px; } .admin-console-root { background: #f5f1e8 !important; } .admin-console-sidebar { background: rgba(255,253,248,.95) !important; border-color: #e6ddcd !important; } .admin-console-topbar { background: rgba(255,253,248,.85) !important; border-color: #e6ddcd !important; } .admin-console-brand strong { color: #292a22 !important; } .admin-console-nav-label { color: #989181 !important; } .admin-nav-link { color: #6b6a5e !important; } .admin-nav-link:hover, .admin-nav-link.active { background: #ecefe4 !important; color: #526144 !important; } .admin-section-heading { border-color: #e4dccd; } .admin-section-eyebrow { color: #7a8266 !important; } .admin-console-security { background: #eef0e6 !important; border-color: #e0e4d4 !important; } .admin-console-live { color: #657350 !important; } .admin-console-live i { background: #7a9564 !important; } .admin-console-user-avatar { background: linear-gradient(145deg,#7e896a,#56654a) !important; } .admin-chart { background: #f9f7f0 !important; border-color: #ece5d8 !important; } .admin-table-panel table th { background: #f8f5ee !important; color: #777669 !important; } .admin-table-panel table td, .admin-table-panel table th { border-color: #ece5d8 !important; } .admin-console-footer { color: #898575 !important; border-color: #e3dbcd !important; } .resume-preview, .resume-sheet, .mini-resume, .mini-sheet, .resume-window .resume-sheet, .template-document, .resume-paper { background-color: #ffffff !important; color: #263042 !important; } .resume-preview h1, .resume-preview h2, .resume-preview h3, .resume-preview p, .resume-preview span, .mini-resume h1, .mini-resume h2, .mini-resume h3, .mini-resume p, .mini-resume span { color: revert; } /* Dark mode: semantic surfaces, legible controls and the admin shell respond to the root .dark class. Resume paper stays white so previews remain faithful to print output. */ html.dark { color-scheme: dark; --bg: #171915; --paper: #20221c; --paper-2: #282a23; --ink: #f4f0e6; --muted: #b2ae9f; --line: #3a3b31; --soft: #292b23; --navy: #f4f0e6; --sage: #b0bd99; --sage-deep: #96a580; --terracotta: #e0a184; --shadow: 0 24px 70px rgba(0,0,0,.24); --shadow-sm: 0 10px 30px rgba(0,0,0,.17); } html.dark body.public-site-body, html.dark body.admin-console-body { background: radial-gradient(circle at 8% 0%, rgba(91, 103, 73, .11), transparent 30rem), #171915 !important; color: #f4f0e6 !important; } html.dark .site-header { background: rgba(27,29,24,.94) !important; border-color: #37392f !important; box-shadow: 0 7px 25px rgba(0,0,0,.14) !important; } html.dark .site-header .brand-wordmark, html.dark .site-header .main-nav a, html.dark .site-header .nav-quiet { color: #e2dece; } html.dark .site-header .main-nav a:hover, html.dark .site-header .main-nav a.is-current { color: #c5d0b2; } html.dark .site-footer { background: #1d1f19 !important; border-color: #37392f !important; } html.dark .site-footer, html.dark .site-footer p, html.dark .site-footer a { color: #b7b2a3 !important; } html.dark .site-footer strong { color: #f2eddf !important; } html.dark .trust-strip { background: rgba(32,34,28,.82) !important; border-color: #393b30 !important; } html.dark .feature-card, html.dark .template-card, html.dark .price-card, html.dark .tool-tile, html.dark .panel, html.dark .stat-card, html.dark .editor-panel, html.dark .preview-panel, html.dark .sidebar, html.dark .profile-card, html.dark .dashboard-card, html.dark .admin-stat-card, html.dark .admin-analytics-panel, html.dark .admin-quick-panel, html.dark .admin-settings-panel, html.dark .admin-table-panel, html.dark .admin-gateway-card, html.dark .admin-provider-card, html.dark .admin-gateway-summary-card, html.dark .admin-quick-link, html.dark .admin-webhook-url-panel { background-color: #20221c !important; border-color: #3a3b31 !important; box-shadow: 0 10px 30px rgba(0,0,0,.14) !important; } html.dark .feature-card h3, html.dark .template-card h3, html.dark .price-card h3, html.dark .panel h2, html.dark .panel h3, html.dark .section-title, html.dark .section-head h2, html.dark .page-hero h1, html.dark .page-heading h1, html.dark .admin-section-heading h1, html.dark .admin-page-toolbar h2, html.dark .admin-console-brand strong { color: #f4f0e6 !important; } html.dark .feature-card p, html.dark .template-card p, html.dark .section-head p, html.dark .page-hero p, html.dark .subhead, html.dark .muted, html.dark .panel p, html.dark .admin-section-heading p { color: #b2ae9f !important; } html.dark input:not([type=checkbox]):not([type=radio]):not([type=range]), html.dark select, html.dark textarea { background: #1a1c17 !important; color: #f4f0e6 !important; border-color: #47483c !important; } html.dark input::placeholder, html.dark textarea::placeholder { color: #827f72 !important; } html.dark .btn-outline, html.dark .btn-ghost { background: #272921 !important; color: #e3dece !important; border-color: #46473b !important; } html.dark .theme-toggle { background: #292b24; border-color: #46483d; color: #e7e2d5; box-shadow: none; } html.dark .theme-toggle:hover { background: #34372b; border-color: #687454; } html.dark .nav-dropdown-menu { background: #20221c !important; border-color: #3a3b31 !important; } html.dark .sidebar-link { color: #b7b4a7 !important; } html.dark .sidebar-link.active, html.dark .sidebar-link:hover { background: #303429 !important; color: #d5e0c3 !important; box-shadow: inset 3px 0 #a1b18a !important; } html.dark .sidebar-link.active svg, html.dark .sidebar-link:hover svg { color: #b9c8a2 !important; } html.dark .dropzone { background: #1a1c17 !important; border-color: #515244 !important; } html.dark .dropzone-icon, html.dark .feature-icon { background: #30372a !important; color: #c1d0aa !important; } html.dark .admin-console-root { background: #171915 !important; color: #f4f0e6 !important; } html.dark .admin-console-sidebar, html.dark .admin-console-topbar { background: #20221c !important; border-color: #3a3b31 !important; } html.dark .admin-console-nav-label, html.dark .admin-breadcrumb, html.dark .admin-console-user small { color: #a49f90 !important; } html.dark .admin-console-security { background: #282b22 !important; border-color: #3b4030 !important; } html.dark .admin-console-live { color: #c3d1b0 !important; } html.dark .admin-chart, html.dark .admin-table-panel table th { background: #191b16 !important; border-color: #383a30 !important; color: #aaa695 !important; } html.dark .admin-table-panel table td, html.dark .admin-table-panel table th, html.dark .admin-section-heading, html.dark .admin-console-footer { border-color: #383a30 !important; } html.dark .admin-nav-link { color: #c3beaf !important; } html.dark .admin-console-user { color: #eee9dc !important; } html.dark .admin-console-footer { color: #918d7e !important; } html.dark .notice, html.dark .tool-note, html.dark .admin-login-note, html.dark .payment-disclaimer { background: #2b2a20 !important; border-color: #4d4835 !important; color: #d4c6a2 !important; } html.dark .resume-preview, html.dark .resume-sheet, html.dark .mini-resume, html.dark .mini-sheet, html.dark .resume-window .resume-sheet, html.dark .template-document, html.dark .resume-paper { background-color: #fff !important; color: #263042 !important; box-shadow: 0 8px 26px rgba(0,0,0,.22); } html.dark .resume-preview h1, html.dark .resume-preview h2, html.dark .resume-preview h3, html.dark .resume-preview p, html.dark .resume-preview span, html.dark .mini-resume h1, html.dark .mini-resume h2, html.dark .mini-resume h3, html.dark .mini-resume p, html.dark .mini-resume span { color: revert; } html.dark .admin-console-brand-symbol { box-shadow: 0 7px 18px rgba(0,0,0,.2); } @media (max-width: 820px) { .theme-toggle { width: 38px; min-width: 38px; height: 38px; padding: 0; gap: 0; } .theme-toggle [data-theme-label] { display: none; } .admin-console-top-actions .admin-console-live { display: none; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } html.theme-transition-root, html.theme-transition-root body, html.theme-transition-root body * { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } /* Finishing touches for the cream system and complex screens that intentionally retain their distinctive component layouts. */ .template-library-hero { background: radial-gradient(circle at 82% 17%, rgba(204, 208, 185, .28), transparent 28%), radial-gradient(circle at 57% 100%, rgba(218, 226, 204, .3), transparent 30%), linear-gradient(135deg, #fbf8f1 0%, #f5f0e5 55%, #f7f6ee 100%) !important; border-bottom-color: #e8e0d2 !important; } .template-library-stats { border-color: #e7dfd0 !important; background: rgba(255,253,248,.78) !important; } .template-results-counter { background: #fffdf8 !important; border-color: #e8e0d2 !important; color: #6c6d60 !important; } .template-library-bottom-cta { background: linear-gradient(110deg, #f0eee4, #eff3e7) !important; border-color: #e4e4d5 !important; } .cta-box { background: linear-gradient(120deg, #efede2, #fbf9f2 58%, #e8eddf) !important; border-color: #e6decf !important; } .faq-question { color: #34352b; } .faq-answer { color: #777669; } .price-divider { background: #e9e2d6 !important; } .editor-tabs { border-color: #e9e2d6 !important; } .editor-tab { color: #777669 !important; } .editor-tab.active { background: #e8eddf !important; color: #59664a !important; } .experience-item { border-color: #e8e0d2 !important; background: #fffdf8; } .admin-commandbar, .admin-settings-toggle, .admin-template-kpi { background: #fffdf8 !important; border-color: #e8e0d2 !important; } .admin-live-pill, .admin-date-label { background: rgba(255,253,248,.9) !important; border-color: #e8e0d2 !important; color: #777669 !important; } .template-card-premium { background: #fffdf8 !important; border-color: #e8e0d2 !important; } .template-preview-shell { background: linear-gradient(180deg, #f2efe6, #ece8dd) !important; border-color: #e8e0d2 !important; } .template-preview-shell:after { background: linear-gradient(0deg, rgba(242,239,230,.88), transparent) !important; } .template-filter-chip { background: #fffdf8 !important; border-color: #e8e0d2 !important; color: #777669 !important; } .template-filter-chip.active { color: #fff !important; border-color: var(--primary) !important; background: linear-gradient(135deg,var(--primary),var(--primary-dark)) !important; } html.dark .template-library-hero { background: radial-gradient(circle at 82% 17%, rgba(105, 119, 82, .15), transparent 28rem), linear-gradient(135deg, #1b1d17, #20221b 55%, #1c2019) !important; border-bottom-color: #3a3b31 !important; } html.dark .template-library-stats, html.dark .template-results-counter, html.dark .template-library-bottom-cta, html.dark .cta-box, html.dark .template-filter-panel, html.dark .admin-commandbar, html.dark .admin-settings-toggle, html.dark .admin-template-kpi, html.dark .template-card-premium { background: #20221c !important; border-color: #3a3b31 !important; color: #f4f0e6 !important; } html.dark .template-preview-shell { background: linear-gradient(180deg, #282a23, #22241e) !important; border-color: #3a3b31 !important; } html.dark .template-preview-shell:after { background: linear-gradient(0deg, rgba(34,36,30,.85), transparent) !important; } html.dark .template-filter-chip { background: #272921 !important; border-color: #47483c !important; color: #c5c0b1 !important; } html.dark .template-filter-chip.active { background: linear-gradient(135deg,#7b8764,#59664a) !important; border-color: #879570 !important; color: #fffdf8 !important; } html.dark .faq-question { color: #f0ecdf !important; } html.dark .faq-answer { color: #b2ae9f !important; } html.dark .price-divider, html.dark .editor-tabs { background-color: transparent !important; border-color: #3a3b31 !important; } html.dark .editor-tab { color: #b2ae9f !important; } html.dark .editor-tab.active { background: #30372a !important; color: #cfddba !important; } html.dark .experience-item { border-color: #3a3b31 !important; background: #20221c !important; } html.dark .admin-live-pill, html.dark .admin-date-label { background: #272921 !important; border-color: #47483c !important; color: #b2ae9f !important; } html.dark .cta-box h2, html.dark .cta-box h3, html.dark .cta-box p { color: #f4f0e6 !important; } /* CVPilot signature motion: a restrained entrance for the homepage promise. */ .hero .display .hero-closer-word{position:relative;display:inline-block;isolation:isolate;transform-origin:50% 85%;animation:cvpilot-closer-arrive .92s cubic-bezier(.18,.78,.2,1) .12s both;will-change:transform,opacity,filter} .hero .display .hero-closer-word::after{content:"";position:absolute;left:0;right:0;bottom:-.035em;height:.075em;border-radius:99px;background:linear-gradient(90deg,rgba(123,145,111,.28),currentColor 40%,rgba(123,145,111,.35));transform:scaleX(0);transform-origin:left center;animation:cvpilot-closer-underline .68s cubic-bezier(.18,.78,.2,1) .68s forwards;opacity:.65} @keyframes cvpilot-closer-arrive{0%{opacity:0;transform:translate3d(0,.22em,0) scale(.975);filter:blur(5px)}65%{opacity:1;filter:blur(0);transform:translate3d(0,-.025em,0) scale(1.005)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}} @keyframes cvpilot-closer-underline{to{transform:scaleX(1)}} @media(prefers-reduced-motion:reduce){.hero .display .hero-closer-word,.hero .display .hero-closer-word::after{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}} /* Paid templates remain inspectable, but the upgrade action is clear and consistent. */ .template-preview-shell{position:relative} .template-card-is-locked .template-preview-page{filter:saturate(.78)} .template-lock-veil{position:absolute;z-index:5;inset:9px;display:flex;align-items:center;justify-content:center;pointer-events:none;background:rgba(248,247,241,.28);border-radius:10px;opacity:1} .template-lock-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid rgba(88,103,78,.2);border-radius:999px;background:rgba(255,254,249,.94);color:#344333;box-shadow:0 8px 22px rgba(37,45,32,.12);font-size:10px;font-weight:800;letter-spacing:.01em;backdrop-filter:blur(8px)} .template-lock-pill svg{width:13px;height:13px;flex:none} .template-card-is-locked .template-tier-badge{border-color:rgba(178,132,60,.24)} .template-card-is-locked .template-use-link{color:#94651e} .template-card-is-locked:hover .template-lock-pill{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,45,32,.16)} .template-lock-pill{transition:transform .22s ease,box-shadow .22s ease} html.dark .template-lock-veil{background:rgba(18,22,18,.28)} html.dark .template-lock-pill{background:rgba(34,39,32,.94);border-color:rgba(213,221,202,.18);color:#e9eedf;box-shadow:0 8px 22px rgba(0,0,0,.3)} .required-plan-notice{display:flex;flex-direction:column;gap:6px;max-width:780px;margin:0 auto 22px;text-align:left} .required-plan-notice strong{display:flex;align-items:center;gap:8px;font-size:14px} .required-plan-notice strong svg{width:16px;height:16px;flex:none} .required-plan-notice span{font-size:12px;line-height:1.65} @media(max-width:520px){.template-lock-pill{font-size:9px;padding:8px 10px}.template-lock-veil{inset:6px}} /* ===== CVPilot CSS module: mobile-polish.css ===== */ /* CVPilot mobile-first finishing layer. Loaded after the feature stylesheets intentionally. */ :root { --cv-mobile-gutter: 16px; --cv-mobile-header: 66px; --cv-mobile-radius: 18px; } html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--cv-mobile-header) + 16px); } body { min-width: 320px; overflow-x: clip; -webkit-tap-highlight-color: transparent; } main, section, article, aside, .workspace, .app-shell, .admin-console-main, .admin-console-root, .panel, .editor-panel, .preview-panel, .career-panel, .checkout-layout, .shell-grid, .builder-grid, .admin-console-grid, .footer-top, .wrap { min-width: 0; } img, video, canvas, iframe { max-width: 100%; } input, select, textarea, button { max-width: 100%; touch-action: manipulation; } button, a, select, input[type="checkbox"], input[type="radio"] { -webkit-tap-highlight-color: transparent; } :focus-visible { outline: 3px solid color-mix(in srgb, var(--primary, #6558e9) 55%, white); outline-offset: 3px; } .mobile-menu { display: none; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; min-height: 42px; padding: 0; border: 1px solid rgba(115, 111, 164, .17); border-radius: 14px; background: rgba(255, 255, 255, .84); color: #34364f; box-shadow: 0 5px 16px rgba(41, 38, 83, .06); transition: transform .18s ease, background .18s ease, border-color .18s ease; cursor: pointer; z-index: 2; } .mobile-menu:active { transform: scale(.96); } .mobile-menu svg { width: 20px; height: 20px; } .mobile-nav-account { display: none; } .mobile-nav-backdrop { display: none; } /* The full desktop navigation becomes a proper drawer before its contents can collide. */ @media (max-width: 1120px) { :root { --cv-mobile-header: 66px; } .site-header { position: sticky; top: 0; z-index: 1000; padding-top: env(safe-area-inset-top, 0px); background: rgba(255, 253, 249, .93) !important; border-bottom: 1px solid rgba(225, 221, 210, .88) !important; box-shadow: 0 7px 26px rgba(39, 43, 54, .065) !important; backdrop-filter: blur(22px) saturate(1.15); -webkit-backdrop-filter: blur(22px) saturate(1.15); } .site-header .header-inner { display: flex; width: 100%; height: 66px; min-height: 66px; gap: 9px !important; padding-left: max(14px, env(safe-area-inset-left, 0px)) !important; padding-right: max(14px, env(safe-area-inset-right, 0px)) !important; } .site-header .brand { flex: 0 1 auto; min-width: 0; max-width: min(52vw, 280px); gap: 9px; font-size: 19px; letter-spacing: -.6px; } .site-header .brand-logo-image { max-width: min(44vw, 150px); max-height: 38px; } .site-header .brand-mark { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 12px; } .site-header .brand-wordmark { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .site-header .mobile-menu { display: grid; order: 2; margin-left: auto; } .site-header .header-actions { display: flex; flex: 0 0 auto; order: 3; align-items: center; gap: 7px !important; margin-left: 0; } .site-header .header-actions > .nav-quiet, .site-header .header-actions > .avatar, .site-header .header-actions > .inline-form, .site-header .header-actions > .btn:not(.theme-toggle) { display: none !important; } .site-header .theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 42px; min-width: 42px; height: 42px; min-height: 42px; padding: 0; border-radius: 14px; border: 1px solid rgba(115, 111, 164, .16); background: rgba(255, 255, 255, .78); color: #51516b; } .site-header .theme-toggle svg { width: 18px; height: 18px; } .site-header .theme-toggle [data-theme-label] { display: none; } .site-header .main-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 1001; width: 100%; max-height: min(74dvh, 680px); margin: 0; padding: 12px max(16px, env(safe-area-inset-right, 0px)) calc(18px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; flex-direction: column; align-items: stretch; gap: 3px; border: 1px solid rgba(229, 224, 214, .95); border-top: 0; border-radius: 0 0 24px 24px; background: rgba(255, 253, 248, .985) !important; box-shadow: 0 24px 44px rgba(32, 34, 49, .14); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); animation: cvpilot-mobile-drawer-in .2s ease both; } .site-header .main-nav.open { display: flex; } .site-header .main-nav > a { display: flex; align-items: center; min-height: 48px; padding: 12px 13px; border: 0; border-radius: 13px; color: #42445b; font-size: 14px; font-weight: 700; line-height: 1.4; white-space: normal; transition: color .16s ease, background .16s ease; } .site-header .main-nav > a:hover, .site-header .main-nav > a.is-current { color: var(--primary-dark, #4d42ce); background: #f0eee8; } .site-header .main-nav a:after { display: none !important; } .site-header .nav-dropdown { display: block; min-width: 0; } .site-header .nav-dropdown-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 48px; padding: 12px 13px; border: 0; border-radius: 13px; background: transparent; color: #42445b; font-size: 14px; font-weight: 700; text-align: left; } .site-header .nav-dropdown-trigger:hover, .site-header .nav-dropdown.open .nav-dropdown-trigger { background: #f0eee8; color: var(--primary-dark, #4d42ce); } .site-header .nav-dropdown-menu, .site-header .nav-dropdown.open .nav-dropdown-menu, .site-header .nav-dropdown:focus-within .nav-dropdown-menu { position: static; display: none; width: 100%; margin: 3px 0 8px; padding: 6px; border: 1px solid #eee8dd; border-radius: 16px; background: #faf8f2 !important; box-shadow: none; } .site-header .nav-dropdown.open .nav-dropdown-menu, .site-header .nav-dropdown:focus-within .nav-dropdown-menu { display: grid; } .site-header .nav-dropdown-menu a { display: flex; align-items: center; min-height: 52px; gap: 11px; padding: 10px; border: 0; border-radius: 11px; white-space: normal; } .site-header .nav-dropdown-menu a > svg { flex: 0 0 20px; width: 20px; } .site-header .nav-dropdown-menu a span { min-width: 0; } .site-header .nav-dropdown-menu a strong { display: block; font-size: 12px; line-height: 1.4; } .site-header .nav-dropdown-menu a small { display: block; margin-top: 2px; font-size: 11px; line-height: 1.45; color: #797a87; white-space: normal; } .mobile-nav-account { display: grid; gap: 7px; margin-top: 10px; padding-top: 13px; border-top: 1px solid #e9e4d9; } .mobile-nav-account-link { display: flex; align-items: center; gap: 11px; width: 100%; min-height: 47px; padding: 11px 13px; border: 1px solid #e9e4d9; border-radius: 13px; background: rgba(255, 255, 255, .76); color: #45465c; text-align: left; font-size: 13px; font-weight: 700; } .mobile-nav-account-link svg { width: 17px; height: 17px; color: #7770b5; flex: 0 0 17px; } .mobile-nav-logout { margin: 0; } .mobile-nav-primary { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; min-height: 49px !important; padding: 12px 15px !important; border: 0 !important; border-radius: 14px !important; background: linear-gradient(120deg, var(--primary, #6558e9), color-mix(in srgb, var(--primary, #6558e9) 65%, #8c7cf5)) !important; box-shadow: 0 10px 22px color-mix(in srgb, var(--primary, #6558e9) 18%, transparent); color: #fff !important; font-size: 13px !important; font-weight: 800 !important; } .mobile-nav-primary svg { width: 17px; height: 17px; } .mobile-nav-backdrop.is-visible { display: block; position: fixed; z-index: 999; inset: calc(66px + env(safe-area-inset-top, 0px)) 0 0; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: rgba(28, 30, 42, .32); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); } body.mobile-nav-open { overflow: hidden; } body.mobile-nav-open .site-header { z-index: 1000; } body.mobile-nav-open .mobile-menu { background: #f0eee8; border-color: rgba(111, 103, 162, .24); } .site-footer .footer-top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; } .site-footer .footer-brand, .site-footer .footer-note { grid-column: 1 / -1; } .site-footer .footer-note { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--line, #e3e7f1); } /* Dashboard workspace navigation stays compact from phone through tablet widths. */ .dashboard-page .sidebar:not(.admin-console-sidebar) { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 12px; overflow: hidden; border: 1px solid var(--line, #e3e7f1); border-radius: 18px; background: rgba(255, 255, 255, .82); box-shadow: 0 10px 28px rgba(45, 43, 82, .045); } .dashboard-page .sidebar-brandline { display: flex; align-items: center; gap: 10px; min-width: 0; margin: 0; } .dashboard-page .sidebar-brandline:after { content: "Swipe to explore →"; margin-left: auto; color: var(--muted, #777d91); font-size: 9px; font-weight: 650; white-space: nowrap; } .dashboard-page .dashboard-sidebar-nav { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 7px; width: 100%; min-width: 0; max-width: 100%; padding: 2px 1px 7px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #c8c3e1 transparent; } .dashboard-page .dashboard-sidebar-nav .sidebar-label { display: none !important; } .dashboard-page .dashboard-sidebar-nav .sidebar-link { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; width: auto; min-width: max-content; max-width: 205px; min-height: 43px; margin: 0; padding: 10px 12px; border: 1px solid rgba(222, 224, 235, .9); border-radius: 13px; background: rgba(255, 255, 255, .86); white-space: nowrap; line-height: 1.25; font-size: 11px; font-weight: 650; scroll-snap-align: start; } .dashboard-page .dashboard-sidebar-nav .sidebar-link.active { border-color: rgba(102, 92, 230, .26); background: linear-gradient(135deg, rgba(103, 92, 232, .12), rgba(151, 129, 245, .08)); color: var(--primary, #5b55db); } .dashboard-page .dashboard-sidebar-nav .sidebar-link svg { flex: 0 0 16px; width: 16px; height: 16px; } .dashboard-page .dashboard-sidebar-nav .sidebar-link-trailing { display: none; } .dashboard-page .sidebar-plan, .dashboard-page .sidebar-security { display: none; } .dark .dashboard-page .sidebar:not(.admin-console-sidebar) { border-color: rgba(120, 125, 160, .24); background: rgba(28, 30, 48, .86); box-shadow: 0 12px 32px rgba(0, 0, 0, .14); } .dark .dashboard-page .sidebar-brandline { border-bottom-color: rgba(135, 141, 175, .16); } .dark .dashboard-page .sidebar-brandline strong { color: #f0efff; } .dark .dashboard-page .sidebar-brandline small, .dark .dashboard-page .sidebar-brandline:after { color: #a9adc5; } .dark .dashboard-page .dashboard-sidebar-nav .sidebar-link { border-color: rgba(135, 141, 175, .24); background: rgba(35, 38, 60, .9); color: #c5c9df; } .dark .dashboard-page .dashboard-sidebar-nav .sidebar-link.active { border-color: rgba(157, 149, 255, .4); background: linear-gradient(135deg, rgba(113, 102, 238, .24), rgba(151, 129, 245, .13)); color: #d7d1ff; } } @media (max-width: 760px) { :root { --cv-mobile-gutter: 13px; } .wrap { width: calc(100% - 26px) !important; max-width: 100%; } main { overflow-x: clip; } .page-hero { padding: 42px 0 30px; } .page-hero h1, .workspace-top h1, .career-page-header h1 { font-size: clamp(28px, 7vw, 38px); line-height: 1.1; letter-spacing: -.045em; overflow-wrap: anywhere; } .page-hero p, .workspace-top p, .career-page-header p { font-size: 14px; line-height: 1.7; } .workspace-top { display: flex; align-items: flex-start !important; flex-direction: column; gap: 15px !important; margin-bottom: 20px; } .workspace-actions { display: flex; align-items: stretch; flex-wrap: wrap; gap: 8px; width: 100%; } .workspace-actions .editor-save-status { width: 100%; } .panel, .account-panel, .career-panel, .admin-table-panel, .admin-settings-panel, .admin-gateways-panel, .admin-pricing-panel, .admin-template-ops-panel { padding: 17px !important; border-radius: 18px; } .panel-head, .panel-head-large { align-items: flex-start; gap: 12px; flex-wrap: wrap; } .panel-head h2, .panel h2 { font-size: 17px; line-height: 1.3; } .panel-head p { font-size: 12px; } .field-row, .grid-2, .form-grid, .checkout-layout, .account-settings-grid, .admin-settings-grid, .admin-provider-form-grid, .admin-mail-form-grid, .admin-ai-field-grid, .brand-config-grid, .brand-assets-grid, .admin-price-grid, .admin-price-currency-row, .admin-gateway-dashboard-summary, .admin-gateway-options, .admin-mail-grid, .account-export-grid, .job-form-grid { grid-template-columns: minmax(0, 1fr) !important; } .field, .form-field, .grid > *, .field-row > *, .form-grid > * { min-width: 0; } input, select, textarea { font-size: 16px; } .field input, .field select, .field textarea, input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="number"], input[type="search"], select, textarea { width: 100%; min-width: 0; min-height: 48px; border-radius: 13px; } textarea { min-height: 112px; } .field label { line-height: 1.45; } .field-hint { font-size: 11px; line-height: 1.6; } .btn, .btn-sm { min-height: 44px; } .btn-sm { padding-inline: 13px; font-size: 12px; } .btn-block, form .btn-block { width: 100%; justify-content: center; } .notice, .flash { overflow-wrap: anywhere; } .hero { padding: 38px 0 30px; } .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .hero-copy { min-width: 0; } .hero .display { max-width: 100%; font-size: clamp(35px, 10vw, 53px) !important; line-height: 1.05; letter-spacing: -.055em; overflow-wrap: normal; } .hero .subhead { font-size: 14px; line-height: 1.7; } .hero-actions, .hero-cta-row { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; } .hero-actions .btn, .hero-cta-row .btn { width: 100%; justify-content: center; } .hero-art { width: 100%; max-width: 500px; min-height: 350px; margin-inline: auto; overflow: hidden; } .resume-window { max-width: 80%; } .feature-grid, .steps, .checkout-layout, .builder-grid, .tool-page-grid, .pdf-workspace-layout, .career-content-grid, .admin-content-grid { grid-template-columns: minmax(0, 1fr) !important; } .template-grid, .template-gallery, .template-library-grid, .template-document-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px; } .template-card, .template-card-premium { min-width: 0; } .template-filter-panel { grid-template-columns: minmax(0, 1fr) !important; gap: 10px; padding: 12px; } .template-quick-filters { display: flex; flex-wrap: nowrap; max-width: 100%; overflow-x: auto; overflow-y: hidden; padding: 2px 1px 6px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; } .template-filter-chip { flex: 0 0 auto; min-height: 39px; scroll-snap-align: start; } .template-library-title-row { align-items: flex-start !important; flex-direction: column; gap: 12px; } .template-document-grid { gap: 10px; } .template-document-shell { min-width: 0; height: clamp(225px, 65vw, 310px); } .template-document-page { max-width: 92%; } .template-preview-shell { min-width: 0; } .app-shell { padding-top: 20px; padding-bottom: 38px; } .shell-grid, .admin-shell-grid, .admin-console-grid { width: calc(100% - 26px) !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px; } .sidebar { position: static !important; min-width: 0; max-width: 100%; } .sidebar-link { min-height: 43px; } .workspace { width: 100%; } .stats-grid, .admin-stats-grid, .admin-console-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; } .stat-card, .admin-stat-card { min-width: 0; padding: 14px; } .stat-value { font-size: clamp(22px, 6vw, 29px); overflow-wrap: anywhere; } .workspace-hero { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 22px; border-radius: 20px; } .workspace-hero-visual { order: -1; min-height: 150px; } .hero-visual-orbit { width: 150px; height: 150px; } .hero-document { width: 112px; height: 140px; padding: 10px 12px; } .hero-score-chip { max-width: 84%; } .workspace-hero h1 { font-size: clamp(26px, 7.3vw, 34px); letter-spacing: -.045em; } .workspace-hero .workspace-actions { display: grid; grid-template-columns: minmax(0, 1fr); } .workspace-hero .workspace-actions .btn { width: 100%; justify-content: center; } .sidebar { border-radius: 18px; } .sidebar-plan { display: none; } .builder-grid { gap: 15px !important; } .editor-tabs { display: flex; max-width: 100%; overflow-x: auto; gap: 7px; padding: 3px 1px 8px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; } .editor-tab { flex: 0 0 auto; min-height: 42px; scroll-snap-align: start; } .builder-toolbar { display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; } .builder-toolbar .btn { flex: 1 1 100%; justify-content: center; } .builder-toolbar .field-hint { width: 100%; } .preview-panel { min-width: 0; max-width: 100%; overflow: hidden; position: static !important; } .preview-panel .preview-top { align-items: flex-start; flex-wrap: wrap; gap: 10px; } .resume-preview { width: 100% !important; max-width: 100%; min-width: 0; min-height: 0; overflow: hidden; padding-top: 24px !important; padding-bottom: 24px !important; } .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: 18px !important; padding-right: 18px !important; } .resume-preview .preview-name { font-size: clamp(19px, 5vw, 26px) !important; overflow-wrap: anywhere; } .resume-preview .resume-preview-head { gap: 10px; } .resume-preview .preview-contact { flex-wrap: wrap; overflow-wrap: anywhere; } .resume-preview .preview-entry-top { gap: 5px; flex-wrap: wrap; } .resume-preview .preview-entry-top > * { min-width: 0; overflow-wrap: anywhere; } .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: 18px !important; } .resume-preview .preview-sidebar-content { display: flex !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-height: none; margin: 0 0 14px; padding: 11px 12px !important; flex-direction: row; flex-wrap: wrap; gap: 12px; overflow: visible; border-right: 0; border-bottom: 1px solid #e5e7eb; border-radius: 8px; } .resume-preview .preview-sidebar-group { min-width: 0; flex: 1 1 120px; } .resume-preview .preview-sidebar-group h3 { margin: 0 0 5px; font-size: 8px; letter-spacing: .5px; } .resume-preview .preview-sidebar-group p { margin: 0 0 4px; font-size: 8px; line-height: 1.4; overflow-wrap: anywhere; } .resume-preview .preview-sidebar-skill { font-size: 8px; padding: 3px 5px; } .admin-console-root { padding-top: 10px !important; } .admin-console-grid { gap: 13px !important; } .admin-console-sidebar { padding: 13px !important; border-radius: 18px !important; } .admin-console-brand { min-width: 0; } .admin-console-brand strong { max-width: 65vw; font-size: 13px; overflow-wrap: anywhere; } .admin-console-workspace-tag { flex-wrap: wrap; font-size: 10px; } .admin-console-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px !important; overflow: visible !important; padding: 4px 0 !important; } .admin-console-sidebar .admin-nav-link { display: flex; align-items: center; min-width: 0; min-height: 44px; padding: 10px !important; white-space: normal; font-size: 11px !important; } .admin-console-sidebar .admin-nav-link span:first-of-type { overflow-wrap: anywhere; } .admin-console-topbar { position: static !important; align-items: flex-start; gap: 12px; padding: 8px 0 12px !important; } .admin-breadcrumb { flex-wrap: wrap; font-size: 11px; } .admin-console-top-actions { width: 100%; justify-content: flex-start; flex-wrap: wrap; } .admin-console-top-actions .theme-toggle { flex: 0 0 auto; } .admin-console-top-actions .admin-console-logout { margin-left: auto; } .admin-console-top-actions .admin-console-logout .btn { min-height: 42px; } .admin-section-heading { display: flex; align-items: flex-start !important; flex-direction: column; gap: 12px; margin-bottom: 17px !important; padding-bottom: 14px; } .admin-section-heading h1 { font-size: clamp(26px, 7vw, 34px) !important; line-height: 1.1; letter-spacing: -.045em; overflow-wrap: anywhere; } .admin-section-heading p { font-size: 12px; line-height: 1.65; } .admin-section-heading-actions { width: 100%; justify-content: flex-start; } .admin-console-main .admin-hero { padding: 20px; border-radius: 19px; } .admin-table-panel { overflow-x: auto; } .admin-table-panel table { min-width: 640px; } .admin-console-footer { font-size: 11px; line-height: 1.5; } .career-page { padding: 26px 0 52px; } .career-page-header { align-items: flex-start; flex-direction: column; gap: 14px; } .career-page-header h1 { margin-top: 8px; } .career-header-actions { width: 100%; flex-wrap: wrap; } .career-header-actions .btn { flex: 1 1 100%; justify-content: center; } .career-hero { padding: 20px; border-radius: 20px; } .career-hero h1 { font-size: clamp(28px, 7.5vw, 36px); overflow-wrap: anywhere; } .career-panel { padding: 16px !important; } .job-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .job-stat-card { min-width: 0; } .pdf-hero .pdf-hero-inner { padding-top: 12px; } .pdf-section-heading { align-items: flex-start; flex-direction: column; gap: 8px; } .pdf-tool-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; } .pdf-tool-card.tool-option { min-width: 0; padding: 12px; } .pdf-tool-card strong { overflow-wrap: anywhere; } .pdf-workspace-layout { grid-template-columns: minmax(0, 1fr) !important; } .pricing-grid { grid-template-columns: minmax(0, 1fr) !important; max-width: 480px; } .price-card { padding: 19px; } .price-description { min-height: 0; } .cta-box { width: 100%; align-items: stretch; flex-direction: column; padding: 21px 18px !important; } .cta-box .btn { width: 100%; justify-content: center; } .site-footer .footer-bottom { display: flex; flex-wrap: wrap; gap: 8px 14px; padding-top: 16px; padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)); font-size: 11px; } } @media (max-width: 480px) { :root { --cv-mobile-gutter: 11px; } .wrap { width: calc(100% - 22px) !important; } .site-header .header-inner { gap: 7px !important; min-height: 62px; height: 62px; } .site-header .brand { max-width: 47vw; gap: 7px; font-size: 17px; } .site-header .brand-mark { width: 32px; height: 32px; flex-basis: 32px; border-radius: 11px; } .site-header .brand-logo-image { max-width: 38vw; max-height: 34px; } .site-header .mobile-menu, .site-header .theme-toggle { width: 39px; min-width: 39px; height: 39px; min-height: 39px; border-radius: 12px; } .site-header .main-nav { max-height: min(78dvh, 680px); } .hero { padding-top: 30px; } .hero-art { min-height: 305px; } .hero .display { font-size: clamp(33px, 10vw, 45px) !important; } .feature-card, .tool-card, .pricing-card, .price-card { padding: 16px !important; border-radius: 17px; } .template-grid, .template-gallery, .template-library-grid, .template-document-grid { grid-template-columns: minmax(0, 1fr) !important; } .template-document-shell { height: clamp(280px, 86vw, 360px); } .template-document-page { max-width: 75%; } .template-preview-shell { height: auto; min-height: 255px; } .template-preview-page { width: 76%; } .template-library-stats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .stats-grid, .admin-stats-grid, .admin-console-metrics, .job-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .admin-console-sidebar .admin-nav-link { padding: 9px 8px !important; font-size: 10px !important; } .admin-console-brand small { font-size: 8px; } .admin-console-top-actions .admin-console-logout { margin-left: 0; } .admin-console-main .admin-stats-grid { gap: 8px; } .admin-console-main .admin-stat-card { padding: 11px; } .admin-console-main .admin-stat-card .stat-value { font-size: 21px; } .panel, .account-panel, .admin-table-panel, .admin-settings-panel, .admin-gateways-panel, .admin-pricing-panel, .admin-template-ops-panel { padding: 14px !important; } .pdf-tool-catalog { grid-template-columns: minmax(0, 1fr) !important; } .pdf-tool-card.tool-option { grid-template-columns: 38px minmax(0, 1fr); } .site-footer .footer-top { grid-template-columns: minmax(0, 1fr); } .site-footer .footer-brand, .site-footer .footer-note { grid-column: auto; } } @media (max-width: 360px) { .dashboard-page .sidebar-brandline:after { content: "Swipe →"; font-size: 9px; } .site-header .brand-wordmark { max-width: 31vw; } .site-header .header-inner { gap: 5px !important; padding-inline: 10px !important; } .site-header .mobile-menu, .site-header .theme-toggle { width: 36px; min-width: 36px; height: 36px; min-height: 36px; } .stats-grid, .admin-stats-grid, .admin-console-metrics { grid-template-columns: minmax(0, 1fr) !important; } .mobile-nav-account-link { font-size: 12px; } } html.dark .site-header .main-nav, html.dark .site-header .nav-dropdown-menu { background: rgba(31, 32, 27, .985) !important; border-color: #404136; } html.dark .site-header .main-nav > a, html.dark .site-header .nav-dropdown-trigger, html.dark .mobile-nav-account-link { color: #f0eee5; } html.dark .site-header .main-nav > a:hover, html.dark .site-header .main-nav > a.is-current, html.dark .site-header .nav-dropdown-trigger:hover, html.dark .site-header .nav-dropdown.open .nav-dropdown-trigger { background: #33352b; color: #d7e3c4; } html.dark .site-header .nav-dropdown-menu, html.dark .mobile-nav-account-link { background: #25271f !important; border-color: #414235; } html.dark .mobile-nav-account { border-color: #3a3c30; } html.dark .mobile-nav-primary { color: #fff !important; } @keyframes cvpilot-mobile-drawer-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { .site-header .main-nav { animation: none !important; } .mobile-menu { transition: none !important; } } /* ===== CVPilot CSS module: mobile-viewport-fit.css ===== */ /* CVPilot AI mobile viewport-fit rules. Use percentage sizing to avoid viewport-width overflow. */ @media screen and (max-width: 960px) { html, body { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; transform: none !important; zoom: 1 !important; } html { overflow-x: clip !important; } body { width: 100% !important; max-width: 100% !important; overflow-x: clip !important; position: relative !important; left: auto !important; right: auto !important; } body.public-site-body, body.admin-console-body { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } body > header.site-header, body > main, body > footer.site-footer { display: block; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } body > main { height: auto !important; overflow-x: clip !important; } .site-header { left: 0 !important; right: 0 !important; box-sizing: border-box !important; } .site-header .header-inner { width: calc(100% - 28px) !important; max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .wrap { width: calc(100% - 28px) !important; max-width: 1280px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .hero, .page-hero, .trust-strip, .section, .cta-section, .site-footer { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } .hero > .wrap, .page-hero > .wrap, .section > .wrap, .cta-section > .wrap, .site-footer > .wrap { width: calc(100% - 28px) !important; max-width: 1280px !important; } .hero-grid { grid-template-columns: minmax(0, 1fr) !important; min-width: 0 !important; } .hero-copy, .hero-art { width: 100%; min-width: 0; max-width: 100%; } .hero-art { margin-left: auto; margin-right: auto; } } @media screen and (max-width: 480px) { .site-header .header-inner, .wrap, .hero > .wrap, .page-hero > .wrap, .section > .wrap, .cta-section > .wrap, .site-footer > .wrap { width: calc(100% - 24px) !important; } .hero { padding-top: 34px !important; padding-bottom: 28px !important; } .hero .display { font-size: clamp(32px, 8.7vw, 40px) !important; line-height: 1.06 !important; letter-spacing: -.05em !important; overflow-wrap: normal; } .hero .subhead { font-size: 14px !important; line-height: 1.7 !important; } .hero-art { min-height: 280px !important; max-width: 100% !important; overflow: hidden; } .resume-window { width: min(86%, 330px) !important; max-width: 100% !important; } .hero-proof { flex-wrap: wrap; justify-content: center; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } } /* ===== CVPilot CSS module: product-upgrade.css ===== */ /* CVPilot AI 2.0 — career intelligence and checkout surfaces */ .career-profile-wrap{max-width:980px;display:grid;gap:18px}.career-profile-intro{display:flex;align-items:center;gap:16px;padding:20px 22px;background:linear-gradient(125deg,rgba(91,96,225,.09),rgba(35,170,143,.07))}.career-profile-icon,.checkout-summary-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:16px;background:var(--primary,#5b61df);color:#fff}.career-profile-icon svg{width:23px;height:23px}.career-profile-intro h2{font-size:19px;margin:0 0 4px}.career-profile-intro p{margin:0;color:var(--muted,#7b8295);font-size:12px;line-height:1.7}.career-profile-intro small{display:block;margin-top:7px;color:var(--muted,#7b8295);font-size:10px}.career-profile-form{padding:clamp(17px,3vw,28px)}.career-profile-form .panel-head{margin-bottom:20px}.career-profile-form textarea,.tailor-main textarea{min-height:100px;resize:vertical}.career-profile-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:15px;border-top:1px solid var(--line,#e9eaf2)}.career-profile-actions>span{display:flex;align-items:center;gap:7px;color:var(--muted,#80869a);font-size:11px}.career-profile-actions svg{width:15px;height:15px} .tailor-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:20px;align-items:start}.tailor-main,.tailor-side>.panel{padding:clamp(17px,3vw,25px)}.tailor-main .panel-head{margin-bottom:20px}.tailor-side{display:grid;gap:16px}.tailor-main .career-form{display:grid;gap:2px}.tailor-consent{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;margin:3px 0 13px;border:1px solid rgba(75,143,118,.2);border-radius:13px;background:rgba(45,161,119,.06);color:var(--muted,#778094);font-size:11px;line-height:1.65}.tailor-consent svg{width:17px;height:17px;flex:none;color:#26936b}.tailor-tip{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid var(--line,#ececf3)}.tailor-tip:last-child{border-bottom:0;padding-bottom:0}.tailor-tip>svg{width:19px;height:19px;flex:none;color:var(--primary,#5b61df)}.tailor-tip div{display:grid;gap:4px}.tailor-tip strong{font-size:12px}.tailor-tip span,.tailor-tip a{font-size:10px;line-height:1.6;color:var(--muted,#7c8497)}.tailor-tip a{color:var(--primary,#5b61df);font-weight:800;text-decoration:none}.tailor-tip a svg{width:12px;height:12px;vertical-align:middle}.kit-history{display:grid;gap:6px}.kit-history-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:12px;color:inherit;text-decoration:none}.kit-history-item:hover,.kit-history-item.is-current{background:rgba(91,97,223,.06);border-color:rgba(91,97,223,.16)}.kit-company-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;background:rgba(91,97,223,.12);color:var(--primary,#5b61df);font-size:12px;font-weight:900}.kit-history-item>span:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.kit-history-item strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-history-item small{font-size:9px;color:var(--muted,#81889a)}.kit-history-item>svg{width:14px;height:14px;color:var(--muted,#81889a)}.application-kit-result{grid-column:1/-1;padding:clamp(17px,3vw,26px);display:grid;gap:16px}.application-kit-result>.panel-head{align-items:center}.application-kit-result>.panel-head h2{margin:5px 0;font-size:21px}.kit-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kit-result-card{padding:16px;border:1px solid var(--line,#e9eaf2);border-radius:14px;background:var(--surface-soft,#fafaff)}.kit-result-card h3{font-size:14px;margin:8px 0 4px}.kit-result-card p,.kit-output>p{font-size:11px;line-height:1.7;color:var(--muted,#778094);margin:5px 0}.kit-output{padding:18px 0 0;border-top:1px solid var(--line,#e9eaf2)}.kit-output h3{font-size:15px;margin:0 0 8px}.kit-output-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kit-output-head p{font-size:10px;color:var(--muted,#82899a);margin:2px 0}.kit-copy-text{padding:17px;border-radius:13px;background:var(--surface-soft,#f8f8fc);color:var(--text,#34364a);font-size:12px;line-height:1.8;white-space:normal}.kit-qa{padding:13px 0;border-top:1px solid var(--line,#ececf2)}.kit-qa strong{font-size:12px}.kit-qa p{font-size:11px;line-height:1.75;color:var(--muted,#788095);margin:6px 0 0}.kit-question-list{padding-left:20px;display:grid;gap:9px;font-size:11px;color:var(--muted,#788095);line-height:1.6} .checkout-page-shell{padding:clamp(34px,5vw,68px) 0 60px;background:radial-gradient(ellipse at 15% 5%,rgba(98,99,229,.09),transparent 34%),radial-gradient(ellipse at 86% 22%,rgba(35,168,139,.08),transparent 31%)}.checkout-wrap{max-width:1080px}.checkout-heading{max-width:760px;margin:0 auto 30px;text-align:center}.checkout-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:25px;color:var(--muted,#7a8295);font-size:11px;font-weight:700;text-decoration:none}.checkout-back svg{width:14px;height:14px}.checkout-heading h1{font:850 clamp(30px,5vw,48px)/1.04 var(--display);letter-spacing:-.045em;margin:12px 0}.checkout-heading>p{max-width:590px;margin:0 auto;color:var(--muted,#7c8497);font-size:13px;line-height:1.75}.checkout-security-points{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px}.checkout-security-points span{display:inline-flex;align-items:center;gap:6px;color:var(--muted,#7f8799);font-size:10px}.checkout-security-points svg{width:14px;height:14px;color:#299c78}.checkout-premium-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px;align-items:start}.checkout-method-panel,.checkout-summary-panel{border:1px solid var(--line,#e7e8f0);border-radius:22px;background:var(--surface,#fff);box-shadow:0 22px 65px rgba(38,37,88,.065)}.checkout-method-panel{padding:clamp(18px,3vw,27px)}.checkout-summary-panel{padding:clamp(19px,3vw,27px);position:sticky;top:94px}.checkout-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.checkout-panel-heading>div{display:flex;align-items:center;gap:12px}.checkout-step{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:rgba(91,97,223,.1);color:var(--primary,#5b61df);font-size:11px;font-weight:900}.checkout-panel-heading h2{font-size:17px;margin:0}.checkout-panel-heading p{font-size:10px;color:var(--muted,#858b9c);margin:3px 0 0}.checkout-secure-label{display:inline-flex;align-items:center;gap:5px;color:#25946e;font-size:10px;font-weight:800}.checkout-secure-label svg{width:14px;height:14px}.checkout-currency-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 17px;border-bottom:1px solid var(--line,#ececf3)}.checkout-currency-row label{font-size:11px;font-weight:800}.checkout-currency-row select{width:auto;min-width:190px;min-height:40px;padding:0 12px;border:1px solid var(--line,#e4e5ee);border-radius:10px;background:var(--surface,#fff);color:var(--text,#34364a);font:inherit;font-size:11px;font-weight:700}.checkout-provider-list{display:grid;gap:10px;padding:18px 0}.checkout-provider-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line,#e8e9f0);border-radius:15px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.checkout-provider-card:hover:not(.is-unavailable){border-color:rgba(91,97,223,.4)}.checkout-provider-card.is-selected,.checkout-provider-card:has(input:checked){border-color:var(--primary,#5b61df);background:rgba(91,97,223,.045);box-shadow:0 0 0 2px rgba(91,97,223,.08)}.checkout-provider-card:focus-within{outline:2px solid color-mix(in srgb,var(--primary,#5b61df) 35%,transparent);outline-offset:2px}.checkout-provider-card.is-unavailable{opacity:.55;cursor:not-allowed}.checkout-provider-card input{width:16px;height:16px;accent-color:var(--primary,#5b61df);flex:none}.checkout-provider-mark{display:grid;place-items:center;width:76px;height:43px;padding:0 7px;flex:none;border-radius:13px;font-size:10px;letter-spacing:-.035em;font-weight:950;background:#edf0ff;color:#5260b9}.mark-paypal{background:#eaf4ff;color:#145ca8;font-size:11px;letter-spacing:-.06em}.mark-stripe{background:#eeeaff;color:#6654b9;font-size:12px;letter-spacing:-.04em}.mark-razorpay{background:#fff1e8;color:#a64a15;font-size:9px;letter-spacing:-.045em}.checkout-provider-copy{display:grid;gap:4px;min-width:0;flex:1}.checkout-provider-copy strong{font-size:12px}.checkout-provider-copy small{font-size:10px;line-height:1.45;color:var(--muted,#7e8699)}.checkout-method-tags{font-size:9px;color:var(--primary,#5b61df);font-weight:800}.checkout-provider-status{font-size:9px;font-weight:800;white-space:nowrap}.checkout-provider-status.is-ready{color:#23936e}.checkout-provider-status.is-offline{color:#9a8390}.checkout-no-provider{display:flex;gap:10px;padding:13px;border-radius:12px;background:rgba(190,133,57,.08);border:1px solid rgba(190,133,57,.2);margin-bottom:14px}.checkout-no-provider>svg{width:17px;height:17px;color:#ae7b39;flex:none}.checkout-no-provider strong{font-size:11px}.checkout-no-provider p{font-size:10px;line-height:1.6;color:var(--muted,#7e8699);margin:4px 0 0}.checkout-pay-button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px}.checkout-pay-button:disabled{opacity:.5;cursor:not-allowed}.checkout-pay-button svg:last-child{width:16px;height:16px}.checkout-provider-note{text-align:center;font-size:9px;color:var(--muted,#858b9c);line-height:1.6;margin:11px 0 0}.checkout-summary-top{display:flex;justify-content:space-between;align-items:center}.checkout-summary-icon{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--primary,#5b61df),#8d74e6)}.checkout-summary-icon svg{width:19px;height:19px}.checkout-summary-panel h2{font:850 23px var(--display);letter-spacing:-.035em;margin:16px 0 5px}.checkout-summary-panel>p{font-size:11px;color:var(--muted,#7e8699);line-height:1.6;margin:0}.checkout-summary-features{display:grid;gap:10px;padding:19px 0;border-bottom:1px solid var(--line,#ececf3)}.checkout-summary-features span{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.45;color:var(--muted,#788094)}.checkout-summary-features svg{width:14px;height:14px;flex:none;color:#299d78}.checkout-price-breakdown{display:grid;gap:11px;padding:17px 0}.checkout-price-breakdown>div{display:flex;justify-content:space-between;align-items:flex-start;gap:13px;font-size:10px;color:var(--muted,#858b9d)}.checkout-price-breakdown strong{font-size:11px;color:var(--text,#38394b)}.checkout-price-breakdown small{max-width:160px;text-align:right;font-size:9px;line-height:1.4}.checkout-price-breakdown .checkout-total{padding-top:13px;border-top:1px solid var(--line,#ececf3);align-items:center;color:var(--text,#36384a);font-weight:800}.checkout-price-breakdown .checkout-total strong{font:850 24px var(--display);letter-spacing:-.04em;color:var(--primary,#5b61df)}.checkout-billing-note,.checkout-trust-footer{display:flex;align-items:flex-start;gap:9px;padding:12px;border-radius:12px;background:rgba(91,97,223,.055);font-size:9px;line-height:1.65;color:var(--muted,#7f879a)}.checkout-billing-note svg,.checkout-trust-footer svg{width:15px;height:15px;flex:none;color:var(--primary,#5b61df)}.checkout-trust-footer{background:transparent;padding:13px 0 0}.checkout-footer-links{display:flex;justify-content:center;gap:20px;margin-top:22px}.checkout-footer-links a{font-size:10px;color:var(--muted,#858b9d);text-decoration:none}.checkout-gateway-wrap{padding-top:26px;padding-bottom:55px}.checkout-gateway-panel{padding:clamp(22px,4vw,34px)} html.dark .checkout-method-panel,html.dark .checkout-summary-panel{background:var(--surface,#1d1d29);border-color:var(--line,#363648)}html.dark .checkout-provider-card{border-color:#37384b}html.dark .checkout-provider-card.is-selected{background:rgba(126,126,255,.1);border-color:#8a89f4}html.dark .checkout-summary-features,html.dark .checkout-price-breakdown .checkout-total{border-color:#37384b}html.dark .checkout-currency-row select{background:#222231;color:#f1f0fa;border-color:#404154}html.dark .kit-copy-text,html.dark .kit-result-card{background:#242435;color:#efeff8;border-color:#3b3b50}html.dark .career-profile-intro{background:linear-gradient(125deg,rgba(91,96,225,.14),rgba(35,170,143,.1))} @media(max-width:860px){.tailor-workspace{grid-template-columns:minmax(0,1fr)}.tailor-side{grid-template-columns:repeat(2,minmax(0,1fr))}.tailor-side>.panel:first-child{grid-column:1/-1}.checkout-premium-grid{grid-template-columns:minmax(0,1fr)}.checkout-summary-panel{position:static;order:-1}.checkout-summary-features{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.career-profile-intro{align-items:flex-start;padding:16px}.career-profile-icon{width:40px;height:40px;border-radius:13px}.career-profile-form{padding:16px}.career-profile-actions{align-items:stretch;flex-direction:column}.career-profile-actions .btn{width:100%}.tailor-side{grid-template-columns:minmax(0,1fr)}.tailor-side>.panel:first-child{grid-column:auto}.application-kit-result{grid-column:auto}.application-kit-result>.panel-head{align-items:flex-start;flex-direction:column}.kit-result-grid{grid-template-columns:minmax(0,1fr)}.kit-output-head{align-items:flex-start}.checkout-page-shell{padding-top:25px}.checkout-heading{margin-bottom:20px}.checkout-heading h1{font-size:33px}.checkout-security-points{gap:9px 13px}.checkout-security-points span{font-size:9px}.checkout-method-panel,.checkout-summary-panel{border-radius:17px}.checkout-method-panel{padding:15px}.checkout-panel-heading{align-items:flex-start}.checkout-currency-row{align-items:flex-start;flex-direction:column}.checkout-currency-row select{width:100%}.checkout-provider-card{padding:11px;gap:9px}.checkout-provider-mark{width:63px;height:36px;padding:0 5px;border-radius:11px;font-size:8px}.mark-paypal{font-size:9px}.mark-stripe{font-size:10px}.mark-razorpay{font-size:7.5px}.checkout-provider-copy small{font-size:9px}.checkout-provider-status{font-size:8px}.checkout-summary-features{grid-template-columns:minmax(0,1fr)}.checkout-footer-links{gap:14px}.checkout-pay-button{font-size:12px}.checkout-gateway-wrap{padding-top:18px}.checkout-gateway-panel{padding:18px}} @media(prefers-reduced-motion:reduce){.checkout-provider-card{transition:none}} /* ATS analysis workspace and saved report history */ .ats-hero .subhead{max-width:700px}.ats-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:18px;align-items:start}.ats-main-column,.ats-side-column{display:grid;gap:18px;min-width:0}.ats-form-panel,.ats-results-panel,.ats-guide-panel,.ats-history-panel{padding:clamp(17px,3vw,25px)}.ats-form-panel .panel-head{margin-bottom:18px}.ats-form{display:grid;gap:2px}.field-hint-inline{display:inline-block;margin-left:5px;font-size:9px;font-weight:600;color:var(--muted,#858b9b)}.ats-save-option{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;margin:4px 0 12px;border:1px solid var(--line,#e6e7ef);border-radius:13px;background:var(--surface-soft,#fafaff);cursor:pointer}.ats-save-option input{width:17px;height:17px;margin:2px 0 0;flex:none;accent-color:var(--primary,#5b61df)}.ats-save-option span{display:grid;gap:3px}.ats-save-option strong{font-size:11px}.ats-save-option small{font-size:10px;line-height:1.5;color:var(--muted,#7d8497)}.ats-signin-note{display:flex;align-items:center;gap:8px;padding:11px 13px;background:var(--surface-soft,#fafaff);border-radius:12px;font-size:10px;line-height:1.5;color:var(--muted,#7c8497)}.ats-signin-note svg{width:15px;height:15px;flex:none}.ats-signin-note a{font-weight:800;color:var(--primary,#5b61df)}.ats-submit{display:flex;align-items:center;justify-content:center;gap:9px}.ats-submit svg:last-child{width:16px;height:16px}.ats-results-panel{display:grid;gap:18px}.ats-results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ats-results-header h2{font-size:20px;margin:5px 0}.ats-results-header p{font-size:10px;line-height:1.6;color:var(--muted,#81889a);margin:0}.ats-report-date{flex:none;padding:6px 9px;border:1px solid var(--line,#e8e9f0);border-radius:999px;font-size:9px;color:var(--muted,#7d8598)}.ats-score-overview{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid var(--line,#e8e9f0);border-radius:16px;background:linear-gradient(130deg,rgba(91,97,223,.055),rgba(35,168,139,.045))}.ats-score-ring{width:88px;height:88px;flex:none}.ats-score-ring span{font-size:25px}.ats-score-ring span small{font-size:10px;color:var(--muted,#83899a)}.ats-score-overview .score-text h3{font-size:16px;margin:0 0 4px}.ats-score-overview .score-text p{font-size:10px;line-height:1.6;color:var(--muted,#7d8497);margin:0 0 7px}.ats-keyword-summary{font-size:9px;color:var(--muted,#7f8799)}.ats-keyword-summary strong{color:var(--primary,#5b61df);font-size:12px}.ats-check-list{display:grid;gap:13px}.ats-check-item{display:grid;gap:8px}.ats-check-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ats-check-top>div{min-width:0;display:grid;gap:3px}.ats-check-top strong{font-size:11px}.ats-check-top span{font-size:9px;line-height:1.5;color:var(--muted,#81889a)}.ats-check-top>b{font-size:11px;white-space:nowrap}.ats-check-top>b small{font-size:9px;color:var(--muted,#83899a);font-weight:600}.ats-check-track{height:6px;border-radius:99px;background:var(--line,#ececf2);overflow:hidden}.ats-check-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary,#5b61df),#39ac91)}.ats-check-na{font-size:9px;color:var(--muted,#858b9b)}.ats-keyword-group{padding-top:14px;border-top:1px solid var(--line,#e9eaf0)}.ats-keyword-group h3{display:flex;align-items:center;gap:7px;font-size:11px;margin:0 0 10px}.ats-keyword-group h3 svg{width:14px;height:14px;color:var(--primary,#5b61df)}.ats-disclaimer{padding:12px;border-radius:11px;background:var(--surface-soft,#f8f8fc);font-size:9px;line-height:1.6;color:var(--muted,#7f8799);margin:0}.ats-guide-panel h2{font-size:18px;margin:7px 0 6px}.ats-guide-panel>p{font-size:10px;line-height:1.65;color:var(--muted,#7d8497);margin:0 0 13px}.ats-guide-step{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-top:1px solid var(--line,#ececf2)}.ats-guide-step>span{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:9px;background:rgba(91,97,223,.09);color:var(--primary,#5b61df);font-size:9px;font-weight:900}.ats-guide-step div{display:grid;gap:3px}.ats-guide-step strong{font-size:10px}.ats-guide-step small{font-size:9px;line-height:1.55;color:var(--muted,#81899a)}.ats-report-list{display:grid;gap:7px}.ats-report-row{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--line,#e9eaf1);border-radius:12px}.ats-report-link{display:flex;align-items:center;gap:9px;flex:1;min-width:0;color:inherit;text-decoration:none}.ats-report-score{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:rgba(91,97,223,.09);color:var(--primary,#5b61df);font-size:12px;font-weight:900}.ats-report-copy{display:grid;gap:3px;min-width:0;flex:1}.ats-report-copy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ats-report-copy small{font-size:9px;color:var(--muted,#82899a)}.ats-report-link>svg{width:13px;height:13px;color:var(--muted,#81889a);flex:none}.ats-report-row form{flex:none}.ats-report-delete{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--muted,#83899a);cursor:pointer}.ats-report-delete:hover{background:rgba(190,75,75,.08);color:#be4b4b}.ats-report-delete svg{width:14px;height:14px}.ats-history-empty{display:grid;justify-items:center;gap:6px;padding:20px 8px;text-align:center}.ats-history-empty svg{width:25px;height:25px;color:var(--muted,#9399a8)}.ats-history-empty strong{font-size:11px}.ats-history-empty span{max-width:230px;font-size:9px;line-height:1.55;color:var(--muted,#82899a)} /* Billing history becomes stacked, readable payment cards on small screens. */ .billing-page{padding-top:clamp(25px,4vw,40px)}.billing-current-plan{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:clamp(17px,3vw,25px)}.billing-current-plan h2{font:850 25px var(--display);letter-spacing:-.035em;margin:6px 0}.billing-current-plan p{font-size:11px;line-height:1.6;color:var(--muted,#7c8497);margin:0}.billing-history-panel{padding:clamp(16px,3vw,24px)}.billing-history-table{overflow-x:auto}.billing-reference{font-size:10px;overflow-wrap:anywhere}.billing-manage-cell form{min-width:118px}.billing-renewal-cancelled{display:inline-flex;align-items:center;gap:5px;max-width:220px;font-size:9px;line-height:1.45;color:var(--muted,#7d8497)}.billing-renewal-cancelled svg{width:14px;height:14px;flex:none;color:#25946e}.billing-policy-note{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:13px 15px;border:1px solid var(--line,#e7e8ef);border-radius:13px;background:var(--surface-soft,#fafaff)}.billing-policy-note svg{width:15px;height:15px;flex:none;color:var(--primary,#5b61df);margin-top:2px}.billing-policy-note p{font-size:9px;line-height:1.65;color:var(--muted,#80879a);margin:0} @media(max-width:860px){.ats-workspace{grid-template-columns:minmax(0,1fr)}.ats-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.ats-history-panel{min-width:0}.billing-history-table{overflow-x:auto}} @media(max-width:600px){.ats-side-column{grid-template-columns:minmax(0,1fr)}.ats-results-header{flex-direction:column}.ats-score-overview{align-items:flex-start;padding:14px;gap:13px}.ats-score-ring{width:76px;height:76px}.ats-score-ring span{font-size:22px}.ats-form-panel,.ats-results-panel,.ats-guide-panel,.ats-history-panel{padding:15px}.ats-save-option{padding:11px}.billing-current-plan{align-items:stretch;flex-direction:column}.billing-current-plan>.btn{width:100%;justify-content:center}.billing-history-table{overflow:visible}.billing-history-table table,.billing-history-table tbody,.billing-history-table tr,.billing-history-table td{display:block;width:100%}.billing-history-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.billing-history-table tbody{display:grid;gap:11px}.billing-history-table tbody tr{padding:12px;border:1px solid var(--line,#e7e8ef);border-radius:14px;background:var(--surface,#fff)}.billing-history-table tbody td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:7px 2px;border:0;border-bottom:1px solid var(--line,#eff0f4);text-align:right;font-size:10px;overflow-wrap:anywhere}.billing-history-table tbody td:last-child{border-bottom:0;padding-top:10px}.billing-history-table tbody td::before{content:attr(data-label);flex:0 0 76px;text-align:left;color:var(--muted,#83899a);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.billing-history-table tbody td>*{max-width:calc(100% - 88px)}.billing-history-table tbody td .badge{margin-left:auto}.billing-manage-cell form{width:100%;min-width:0}.billing-manage-cell .btn{width:100%;justify-content:center}.billing-policy-note{padding:11px}.billing-policy-note p{font-size:9px}} @media(prefers-reduced-motion:reduce){.ats-report-row,.ats-report-delete{transition:none}} html.dark .ats-score-overview{background:rgba(121,123,234,.09);border-color:var(--line,#3a3a50)}html.dark .ats-disclaimer,html.dark .ats-save-option,html.dark .ats-signin-note,html.dark .billing-policy-note{background:var(--surface-soft,#232333);border-color:var(--line,#3a3a50)}html.dark .ats-report-row,html.dark .billing-history-table tbody tr{border-color:var(--line,#3a3a50);background:var(--surface,#1e1e2c)}html.dark .ats-check-track{background:#38394c} /* ===== CVPilot CSS module: contrast-and-fluid-layout.css ===== */ /* CVPilot AI 2.2.5 — contrast and fluid-viewport corrections. Keep the dark PDF feature band readable in both site themes. Avoid 100vw sizing on mobile: it can include the scrollbar/layout viewport and create a blank strip on the right in mobile browsers and desktop-site mode. */ /* The PDF showcase is intentionally dark; semantic card rules must not turn its translucent tool tiles into pale cards with inherited white text. */ .pdf-band { color: #fff !important; background: #141d37 !important; isolation: isolate; } .pdf-band h2, .pdf-band .eyebrow, .pdf-band .pdf-band-content > div > .eyebrow { color: #fff !important; } .pdf-band p { color: #d2daeb !important; } .pdf-band .tool-grid { min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); } .pdf-band .tool-tile, html.dark .pdf-band .tool-tile, html:not(.dark) .pdf-band .tool-tile { display: block; min-width: 0; color: #fff !important; background: rgba(255, 255, 255, .075) !important; border: 1px solid rgba(222, 229, 255, .22) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 8px 22px rgba(4, 9, 26, .12) !important; overflow-wrap: anywhere; transition: background-color .18s ease, border-color .18s ease, transform .18s ease; } .pdf-band .tool-tile:hover, .pdf-band .tool-tile:focus-visible { color: #fff !important; background: rgba(255, 255, 255, .13) !important; border-color: rgba(197, 204, 255, .58) !important; } .pdf-band .tool-tile:focus-visible { outline: 3px solid #c6cbff !important; outline-offset: 3px; } .pdf-band .tool-tile > i, .pdf-band .tool-tile > svg, .pdf-band .tool-tile svg { color: #c8ccff !important; stroke: currentColor; } .pdf-band .tool-tile strong { display: block; color: #fff !important; font-weight: 800; } .pdf-band .tool-tile span { display: block; color: #d7deef !important; } /* Treat the viewport as a percentage of the containing layout, not 100vw. This prevents a viewport-width overshoot when mobile browsers emulate a desktop layout viewport or display a scrollbar. */ html, body { width: 100%; max-width: 100%; min-width: 0; } html { overflow-x: clip; } body { position: relative; left: auto; right: auto; overflow-x: clip; } body > header.site-header, body > main, body > footer.site-footer { display: block; width: 100%; max-width: 100%; min-width: 0; margin-inline: 0; box-sizing: border-box; } .site-header { left: 0; right: 0; width: 100%; max-width: 100%; box-sizing: border-box; } .hero, .page-hero, .trust-strip, .section, .cta-section, .site-footer { width: 100%; max-width: 100%; min-width: 0; margin-inline: 0; box-sizing: border-box; } @media screen and (max-width: 1100px) { html, body, body.public-site-body, body.admin-console-body { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } body > header.site-header, body > main, body > footer.site-footer, .site-header, .hero, .page-hero, .trust-strip, .section, .cta-section, .site-footer { width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; box-sizing: border-box !important; } .pdf-band { max-width: 100%; } .pdf-band-content { min-width: 0; grid-template-columns: minmax(0, .84fr) minmax(0, 1fr); gap: clamp(18px, 3vw, 36px); } .pdf-band .tool-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media screen and (max-width: 760px) { .pdf-band-content { grid-template-columns: minmax(0, 1fr) !important; } .pdf-band .tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .pdf-band .tool-tile { min-height: 88px; padding: 12px; } .pdf-band .tool-tile strong { font-size: 12px; line-height: 1.35; } .pdf-band .tool-tile span { font-size: 10px; line-height: 1.45; } } @media screen and (max-width: 380px) { .pdf-band { padding-inline: 14px !important; } .pdf-band .tool-grid { gap: 8px; } .pdf-band .tool-tile { padding: 10px; } } @media (prefers-reduced-motion: reduce) { .pdf-band .tool-tile { transition: none !important; } .pdf-band .tool-tile:hover { transform: none !important; } } /* ===== CVPilot CSS module: support-and-catalog.css ===== */ /* Support inbox, compact demo sign-in, category browser and responsive footer. */ .demo-login-panel{display:grid;gap:9px;margin-top:16px;padding:12px 14px;border:1px solid var(--line,#e5e8ee);border-radius:15px;background:var(--surface-soft,#f8f9fc);color:var(--ink,#252a35)} .demo-login-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-login-heading h2{margin:0;font-size:13px;font-weight:800;letter-spacing:-.01em}.demo-login-heading p{display:none}.demo-login-kicker{font-size:9px;letter-spacing:.1em;font-weight:850;color:var(--muted,#777f8e)} .demo-login-account{display:grid;grid-template-columns:68px minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line,#e6e8ee);border-radius:11px;background:var(--surface,#fff);min-width:0} .demo-login-account-title{font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--ink,#303542)} .demo-login-credential{display:flex;align-items:center;gap:5px;min-width:0;font-size:10px}.demo-login-credential span{color:var(--muted,#737b8b);font-weight:700}.demo-login-credential code{font:700 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink,#252a35);background:var(--surface-soft,#f4f5f8);border:1px solid var(--line,#e8eaf0);border-radius:6px;padding:3px 6px} .demo-login-use{min-height:31px;padding:5px 9px;font-size:10px;white-space:nowrap}.demo-login-footnote{margin:0;color:var(--muted,#7b8190);font-size:9px;line-height:1.4} html.dark .demo-login-panel{background:#171b27;border-color:#33394a;color:#f2f4fa}html.dark .demo-login-account{background:#202635;border-color:#394154}html.dark .demo-login-account-title,html.dark .demo-login-credential code{color:#f2f4fa}html.dark .demo-login-credential code{background:#171d2a;border-color:#3c4558} @media(max-width:600px){.demo-login-panel{padding:10px;gap:7px}.demo-login-account{grid-template-columns:1fr 1fr;gap:7px;padding:9px}.demo-login-account-title{grid-column:1/-1}.demo-login-credential{justify-content:flex-start;flex-wrap:wrap}.demo-login-use{grid-column:1/-1;width:100%;justify-content:center}.demo-login-heading h2{font-size:12px}.demo-login-kicker{font-size:8px}} .template-category-browser{display:grid;gap:11px;margin:18px 0 22px;padding:16px;border:1px solid var(--line,#e7e9ef);border-radius:18px;background:var(--surface,#fff)} .template-category-browser-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.template-category-browser-head strong{font-size:13px;font-weight:850;color:var(--ink,#252a35)}.template-category-browser-head span{font-size:11px;color:var(--muted,#7d8492)} .template-category-chips{display:flex;flex-wrap:wrap;gap:8px}.template-category-chip{display:inline-flex;align-items:center;gap:7px;min-height:35px;padding:7px 11px;border:1px solid var(--line,#e5e8ee);border-radius:999px;background:var(--surface-soft,#f7f8fb);color:var(--ink,#343a48);font-size:11px;font-weight:750;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.template-category-chip small{display:inline-grid;place-items:center;min-width:20px;height:19px;padding:0 5px;border-radius:999px;background:rgba(110,120,140,.12);font-size:9px;color:var(--muted,#687181)}.template-category-chip:hover,.template-category-chip.active{border-color:var(--primary,#6258dd);background:color-mix(in srgb,var(--primary,#6258dd) 9%,var(--surface,#fff));color:var(--primary-dark,#4f45bb)}html.dark .template-category-chip{background:#202635;border-color:#394154;color:#eef0f7}html.dark .template-category-chip.active{background:#302d50;border-color:#8179ec;color:#fff} .template-document-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.template-document-card{min-width:0}.template-results-counter{white-space:nowrap} @media(min-width:1500px){.template-document-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:1100px){.template-document-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.template-category-browser{padding:12px;border-radius:15px}.template-category-chips{gap:6px}.template-category-chip{min-height:33px;padding:6px 9px;font-size:10px}.template-document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}} @media(max-width:480px){.template-document-grid{grid-template-columns:minmax(0,1fr)}.template-category-browser-head{align-items:flex-start;flex-direction:column;gap:3px}.template-category-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.template-category-chip{justify-content:space-between;min-width:0}} .contact-page{padding:clamp(28px,5vw,64px) 0 70px;background:var(--page-bg,transparent)}.contact-page-wrap{max-width:1080px}.contact-hero{max-width:690px;margin:0 auto 28px;text-align:center}.contact-hero h1{margin:10px 0;font-size:clamp(32px,5vw,48px);line-height:1.06;letter-spacing:-.045em;color:var(--ink,#202634)}.contact-hero p{margin:0 auto;max-width:560px;color:var(--muted,#727b8a);font-size:15px;line-height:1.7} .contact-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.75fr);gap:20px;align-items:start}.contact-form{padding:clamp(18px,3vw,28px);border-radius:22px}.contact-form-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.contact-form-icon,.contact-aside-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--primary,#635bda) 10%,transparent);color:var(--primary,#635bda)}.contact-form-heading h2{margin:0;font-size:19px}.contact-form-heading p{margin:3px 0 0;color:var(--muted,#7b8390);font-size:12px}.contact-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-fields-grid .field{min-width:0}.contact-fields-grid .field input,.contact-fields-grid .field select,.contact-fields-grid .field textarea{width:100%;max-width:100%;box-sizing:border-box}.contact-message-field{grid-column:1/-1}.contact-message-field small{display:block;margin-top:6px;color:var(--muted,#818896);font-size:10px;line-height:1.45}.contact-submit{width:100%;justify-content:center;margin-top:18px;min-height:48px}.contact-privacy-note{display:flex;align-items:flex-start;gap:7px;margin:11px 0 0;color:var(--muted,#848b98);font-size:10px;line-height:1.45}.contact-privacy-note svg{width:14px;height:14px;flex:none;color:#369a79}.contact-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-aside{display:grid;gap:12px}.contact-aside-card,.contact-aside-note{padding:17px;border:1px solid var(--line,#e7e9ef);border-radius:17px;background:var(--surface,#fff)}.contact-aside-icon{width:36px;height:36px;border-radius:12px}.contact-aside-card h3{margin:11px 0 4px;font-size:14px;color:var(--ink,#303645)}.contact-aside-card p,.contact-aside-note p{margin:0;color:var(--muted,#78808e);font-size:11px;line-height:1.6}.contact-aside-note{background:var(--surface-soft,#f7f8fb)}.contact-aside-note strong{display:block;margin-bottom:5px;font-size:12px;color:var(--ink,#333a48)}.contact-confirmation{display:flex;gap:15px;max-width:700px;margin:0 auto;padding:22px;border:1px solid #b9e4d4;border-radius:18px;background:#effaf5;color:#225a45}.contact-confirmation-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;background:#d8f3e7;color:#21875e}.contact-confirmation strong{font-size:16px}.contact-confirmation p{margin:5px 0 15px;font-size:13px;line-height:1.6}.contact-confirmation code{padding:3px 6px;border-radius:6px;background:#fff;font-weight:800}.dark .contact-confirmation{background:#112a22;border-color:#285b49;color:#d5f4e7}.dark .contact-confirmation code{background:#1c3a2f;color:#fff} @media(max-width:760px){.contact-layout{grid-template-columns:minmax(0,1fr)}.contact-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-aside-note{grid-column:1/-1}} @media(max-width:520px){.contact-page{padding:26px 0 48px}.contact-hero{margin-bottom:20px;text-align:left}.contact-hero h1{font-size:32px}.contact-hero p{font-size:13px}.contact-layout{gap:13px}.contact-form{padding:15px;border-radius:17px}.contact-fields-grid{grid-template-columns:minmax(0,1fr);gap:11px}.contact-message-field{grid-column:auto}.contact-aside{grid-template-columns:minmax(0,1fr)}.contact-aside-note{grid-column:auto}.contact-submit{min-height:46px}.contact-confirmation{padding:16px;border-radius:15px}} /* Compact premium footer: readable link groups, no cramped inline footer links. */ .site-footer{padding-top:34px}.site-footer .footer-top{display:grid;grid-template-columns:minmax(240px,1.55fr) minmax(130px,.75fr) minmax(130px,.75fr) minmax(180px,1fr);gap:30px;align-items:start;padding-top:4px;padding-bottom:28px}.footer-brand p{max-width:290px;font-size:12px;line-height:1.7;color:var(--muted,#79818f)}.site-footer .footer-col{display:grid;align-content:start;gap:10px;min-width:0}.site-footer .footer-col strong{margin-bottom:3px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink,#313746)}.site-footer .footer-col a{width:fit-content;max-width:100%;font-size:12px;line-height:1.4;color:var(--muted,#79818f);text-decoration:none}.site-footer .footer-col a:hover{color:var(--primary,#6258dc)}.footer-support-card{padding:15px;border:1px solid var(--line,#e7e9ef);border-radius:16px;background:var(--surface-soft,#f8f9fb)}.footer-support-card>span{display:block;margin-bottom:5px;font-size:9px;font-weight:850;letter-spacing:.1em;color:var(--muted,#7d8492)}.footer-support-card strong{display:block;font-size:14px;color:var(--ink,#2e3442)}.footer-support-card p{margin:5px 0 10px;color:var(--muted,#79818f);font-size:11px;line-height:1.5}.footer-support-card a{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--primary,#6258dc);text-decoration:none}.site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:max(14px,env(safe-area-inset-bottom));font-size:10px;color:var(--muted,#818895)} @media(max-width:900px){.site-footer .footer-top{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(120px,.7fr));gap:22px}.footer-support-card{grid-column:1/-1;max-width:none}} @media(max-width:560px){.site-footer{padding-top:24px}.site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px;padding-bottom:20px}.site-footer .footer-brand{grid-column:1/-1}.site-footer .footer-brand p{max-width:340px;margin-top:9px}.site-footer .footer-col{gap:9px}.site-footer .footer-col strong{font-size:10px}.site-footer .footer-col a{font-size:11px}.footer-support-card{grid-column:1/-1;padding:13px}.site-footer .footer-bottom{align-items:flex-start;flex-direction:column;gap:5px;padding-top:12px}.site-footer .footer-bottom span:last-child{font-size:9px}} .support-admin-page{display:grid;gap:16px}.support-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.support-stat{padding:15px;border:1px solid var(--line,#e7e9ef);border-radius:16px;background:var(--surface,#fff)}.support-stat span{display:block;color:var(--muted,#818896);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.support-stat strong{display:block;margin:6px 0 2px;color:var(--ink,#2d3443);font-size:27px;line-height:1}.support-stat small{color:var(--muted,#87909d);font-size:10px}.support-inbox-layout{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.35fr);gap:14px;align-items:start}.support-ticket-list-panel,.support-ticket-detail-panel{min-width:0;padding:17px;border-radius:18px}.support-ticket-list{display:grid;gap:8px}.support-ticket-item{display:grid;gap:6px;padding:12px;border:1px solid var(--line,#e8eaf0);border-radius:13px;text-decoration:none;color:inherit;background:var(--surface,#fff)}.support-ticket-item.is-active{border-color:var(--primary,#6258dc);background:color-mix(in srgb,var(--primary,#6258dc) 6%,var(--surface,#fff))}.support-ticket-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.support-ticket-item-top strong{font-size:12px;line-height:1.4;color:var(--ink,#303746)}.support-ticket-sender,.support-ticket-preview{display:block;color:var(--muted,#7e8794);font-size:10px;line-height:1.45;overflow-wrap:anywhere}.support-ticket-preview{color:var(--ink-soft,#687181)}.support-ticket-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted,#8a919d);font-size:9px}.support-ticket-meta code{color:var(--primary,#6258dc);font-weight:800}.support-status{display:inline-flex;flex:none;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850;text-transform:capitalize;background:#eef0f5;color:#586174}.status-open{background:#fff3df;color:#93611a}.status-in_progress{background:#e9efff;color:#425cb0}.status-answered{background:#e5f7ef;color:#237653}.status-closed{background:#eff0f3;color:#687180}.support-empty{display:grid;justify-items:center;gap:7px;padding:35px 18px;text-align:center;color:var(--muted,#848c9a)}.support-empty>svg{width:28px;height:28px;color:var(--primary,#6258dc)}.support-empty strong{color:var(--ink,#343b49);font-size:13px}.support-empty p{max-width:270px;margin:0;font-size:11px;line-height:1.5}.support-detail-empty{min-height:300px;align-content:center}.support-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.support-detail-header h2{margin:5px 0;font-size:18px;line-height:1.3;overflow-wrap:anywhere}.support-detail-header p{margin:0;color:var(--muted,#828b98);font-size:11px;overflow-wrap:anywhere}.support-detail-header a{color:var(--primary,#6258dc)}.support-ticket-context{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:14px 0;padding:9px 0;border-block:1px solid var(--line,#e9ebf0);font-size:10px;color:var(--muted,#7f8794)}.support-message-thread{display:grid;gap:10px;max-height:440px;overflow:auto;padding:2px 2px 6px}.support-message{padding:12px;border:1px solid var(--line,#e7e9ef);border-radius:13px;background:var(--surface-soft,#f8f9fb)}.support-message.is-admin{border-color:color-mix(in srgb,var(--primary,#6258dc) 30%,var(--line,#e7e9ef));background:color-mix(in srgb,var(--primary,#6258dc) 5%,var(--surface,#fff))}.support-message-author{display:flex;justify-content:space-between;gap:8px;font-size:10px}.support-message-author strong{color:var(--ink,#323947)}.support-message-author time{color:var(--muted,#888f9b);font-size:9px}.support-message p{margin:8px 0 0;color:var(--ink-soft,#555f70);font-size:11px;line-height:1.65;overflow-wrap:anywhere}.support-reply-form{display:grid;gap:9px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line,#e8eaf0)}.support-reply-form label,.support-status-form label{font-size:11px;font-weight:800;color:var(--ink,#333a48)}.support-reply-form textarea,.support-status-form select{width:100%;max-width:100%;box-sizing:border-box}.support-reply-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.support-reply-actions small{max-width:260px;color:var(--muted,#838b98);font-size:9px;line-height:1.45}.support-status-form{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line,#e8eaf0)}.support-status-form label{white-space:nowrap}.support-status-form select{max-width:180px}.support-readonly-note,.support-closed-note{display:flex;align-items:center;gap:8px;margin-top:15px;padding:11px;border:1px solid var(--line,#e8eaf0);border-radius:12px;color:var(--muted,#78818f);font-size:10px;line-height:1.5}.support-readonly-note svg{width:15px;flex:none}.support-closed-note{background:var(--surface-soft,#f7f8fb)} @media(max-width:1000px){.support-inbox-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:650px){.support-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.support-stat{padding:12px}.support-stat strong{font-size:23px}.support-ticket-list-panel,.support-ticket-detail-panel{padding:13px}.support-reply-actions{align-items:stretch;flex-direction:column}.support-reply-actions .btn{width:100%;justify-content:center}.support-status-form{align-items:stretch;flex-wrap:wrap}.support-status-form label{width:100%}.support-status-form select{max-width:none;flex:1;min-width:0}.support-detail-header{flex-direction:column}} /* 20261030-final-mobile-overflow-fix: decorative glows must never widen the page. */ html,body{width:100%;max-width:100%;} .public-site-body .ambient{position:fixed!important;inset-block-start:0;pointer-events:none;} .public-site-body .ambient.ambient-a{left:-220px;right:auto;} .public-site-body .ambient.ambient-b{right:-180px;left:auto;} .site-footer{width:100%;max-width:100%;overflow:clip;} .site-footer .footer-top,.site-footer .footer-bottom{min-width:0;} .site-footer .footer-col a{overflow-wrap:anywhere;} @media(max-width:560px){ .site-footer .footer-top{gap:17px 13px;} .site-footer .footer-brand p{font-size:11px;line-height:1.55;} .site-footer .footer-col{min-width:0;} .site-footer .footer-col a{font-size:11px;min-height:24px;display:flex;align-items:center;} .footer-support-card{border-radius:13px;} .site-footer .footer-bottom{width:calc(100% - 32px);} } /* 20261030-login-credential-mobile-wrap: keep labels and values readable at phone width. */ .demo-login-account{grid-template-columns:66px minmax(0,1fr) minmax(0,1fr);} .demo-login-credential{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:5px;min-width:0;} .demo-login-credential span{white-space:nowrap;} .demo-login-credential code{white-space:nowrap;word-break:normal;overflow-wrap:normal;} @media(max-width:600px){ .demo-login-account{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 9px;} .demo-login-account-title{grid-column:1/-1;} .demo-login-credential{gap:4px;} } @media(max-width:370px){ .demo-login-account{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px 8px;} .demo-login-credential{gap:3px;} .demo-login-credential span{font-size:8px;} .demo-login-credential code{font-size:9px;} } /* ===== CVPilot CSS module: auth-navigation-premium.css ===== */ /* CVPilot 2.2.8 — navigation, authentication and light-surface polish. */ :root { --cv-surface: #fffefa; --cv-surface-soft: #f6f3eb; --cv-border: #ded8ca; --cv-ink: #292b24; --cv-muted: #707366; --cv-shadow: 0 14px 38px rgba(53, 47, 34, .085); } /* A more distinct light palette: cards and controls read as surfaces rather than white-on-white. */ html:not(.dark) body.public-site-body { background: radial-gradient(circle at 7% 0%, rgba(221, 215, 192, .30), transparent 31rem), radial-gradient(circle at 96% 12%, rgba(210, 222, 198, .32), transparent 26rem), linear-gradient(180deg, #f8f6f0 0%, #f3f1e9 100%) !important; } html:not(.dark) .feature-card, html:not(.dark) .template-card, html:not(.dark) .price-card, html:not(.dark) .panel, html:not(.dark) .stat-card, html:not(.dark) .editor-panel, html:not(.dark) .preview-panel, html:not(.dark) .profile-card, html:not(.dark) .dashboard-card, html:not(.dark) .contact-form, html:not(.dark) .contact-aside-card, html:not(.dark) .support-ticket-list-panel, html:not(.dark) .support-ticket-detail-panel { background: var(--cv-surface) !important; border: 1px solid var(--cv-border) !important; box-shadow: 0 8px 24px rgba(53, 47, 34, .055) !important; } html:not(.dark) input:not([type=checkbox]):not([type=radio]):not([type=range]), html:not(.dark) select, html:not(.dark) textarea { background: #fffefa !important; border: 1px solid #d7d0c1 !important; color: #282a23 !important; box-shadow: inset 0 1px 2px rgba(53,47,34,.035); } html:not(.dark) input:focus, html:not(.dark) select:focus, html:not(.dark) textarea:focus { border-color: #8c9876 !important; box-shadow: 0 0 0 4px rgba(121, 139, 98, .16) !important; } html:not(.dark) input::placeholder, html:not(.dark) textarea::placeholder { color: #929083 !important; opacity: 1; } /* Shared premium sign-in / create-account shell. */ .form-wrap.auth-page { width: min(100% - 28px, 500px); max-width: none; margin: clamp(22px, 5vh, 58px) auto 64px; padding: 0; position: relative; } .form-wrap.auth-page::before { content: ""; position: absolute; width: 260px; height: 260px; top: -38px; left: -90px; z-index: -1; pointer-events: none; border-radius: 50%; background: radial-gradient(circle, rgba(190, 199, 164, .26), transparent 70%); } .auth-card.auth-card-premium { position: relative; width: 100%; max-width: 500px; margin: 0 auto; padding: clamp(22px, 4.5vw, 38px); overflow: hidden; border: 1px solid #e0dacd !important; border-radius: 25px; background: linear-gradient(165deg, rgba(255,255,252,.99), rgba(250,248,241,.98)) !important; box-shadow: 0 22px 65px rgba(61, 54, 40, .105), 0 3px 10px rgba(61,54,40,.035) !important; color: #292b24; } .auth-card-premium::before { content: ""; position: absolute; width: 230px; height: 230px; right: -125px; top: -138px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(126, 137, 102, .16), transparent 70%); } .auth-card-premium > * { position: relative; } .auth-card-premium .auth-brand { margin-bottom: 27px; } .auth-card-premium .brand { font-size: 20px; gap: 10px; } .auth-card-premium .brand-logo-image { max-width: 175px; max-height: 42px; object-fit: contain; } .auth-card-premium .auth-eyebrow { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 9px; color: #758263; font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; } .auth-card-premium h1 { margin: 0 0 8px; color: #292b24 !important; font: 800 clamp(27px, 6vw, 34px)/1.1 var(--display, system-ui); letter-spacing: -.045em; } .auth-card-premium > p { margin: 0 0 24px; color: #747669 !important; font-size: 13px; line-height: 1.65; } .auth-card-premium form { margin: 0; } .auth-card-premium .field { display: grid; gap: 7px; margin-bottom: 16px; min-width: 0; } .auth-card-premium .field label { color: #46493d !important; font-size: 11px; font-weight: 800; } .auth-card-premium .field input, .auth-card-premium .field select, .auth-card-premium .field textarea { width: 100%; min-width: 0; min-height: 49px; padding: 12px 14px; border: 1px solid #d8d2c5 !important; border-radius: 13px; background: #fffefa !important; color: #282a23 !important; font-size: 14px; box-shadow: inset 0 1px 2px rgba(53,47,34,.035); } .auth-card-premium .field input:focus, .auth-card-premium .field select:focus, .auth-card-premium .field textarea:focus { border-color: #899575 !important; box-shadow: 0 0 0 4px rgba(121,139,98,.16) !important; } .auth-password-wrap { position: relative; display: flex; align-items: center; min-width: 0; } .auth-password-wrap input { padding-right: 52px !important; } .auth-password-toggle { position: absolute; right: 7px; top: 50%; display: grid; place-items: center; width: 38px; height: 38px; min-width: 38px; padding: 0; transform: translateY(-50%); border: 0; border-radius: 10px; background: transparent; color: #777b6c; cursor: pointer; } .auth-password-toggle:hover { background: #f0eee5; color: #4f5d42; } .auth-password-toggle svg { width: 17px; height: 17px; } .auth-card-premium .btn-block { min-height: 51px; border-radius: 13px; font-size: 13px; } .auth-card-premium .auth-forgot-link { margin-top: 13px; font-size: 11px; } .auth-card-premium .auth-switch { margin-top: 21px; padding-top: 17px; border-top: 1px solid #e9e3d7; color: #77796d; font-size: 12px; line-height: 1.5; } .auth-card-premium .auth-switch a { color: #657650; font-weight: 850; } .auth-card-premium .field-hint, .auth-card-premium .password-hint { color: #7a7d70 !important; font-size: 10px; line-height: 1.5; } .auth-card-premium .notice { margin-top: 17px !important; border: 1px solid #e4dfd2; border-radius: 13px; background: #f4f2e9; color: #65685a; font-size: 11px; line-height: 1.6; } .auth-card-premium .field-hint a { color: #5f714a; font-weight: 800; } .auth-form-legal { margin: 14px 0 0; color: #77796e; font-size: 10px; line-height: 1.6; } .auth-form-legal a { color: #64764f; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; } .auth-security-note { display: flex; align-items: flex-start; gap: 8px; margin-top: 17px; padding: 11px 12px; border: 1px solid #e3e5d9; border-radius: 12px; background: #f3f5ed; color: #686f5a; font-size: 10px; line-height: 1.55; } .auth-security-note svg { flex: 0 0 15px; width: 15px; height: 15px; margin-top: 1px; color: #72845e; } /* Demo credentials stay visible but compact; quick-fill is optional and remains preview-only. */ .demo-access-compact { display: grid; gap: 9px; margin-top: 19px; padding-top: 16px; border-top: 1px solid #e8e2d7; } .demo-access-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .demo-access-heading strong { color: #45483d; font-size: 11px; font-weight: 850; } .demo-access-heading span { color: #888a7e; font-size: 9px; } .demo-access-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; } .demo-access-card { display: grid; gap: 7px; min-width: 0; padding: 11px; border: 1px solid #e1ddcf; border-radius: 13px; background: #fffefa; } .demo-access-role { display: flex; align-items: center; justify-content: space-between; gap: 6px; color: #4b4f41; font-size: 10px; font-weight: 850; } .demo-access-role small { color: #828576; font-size: 8px; font-weight: 700; } .demo-access-line { display: flex; align-items: baseline; justify-content: space-between; gap: 7px; min-width: 0; color: #747769; font-size: 9px; } .demo-access-line code { max-width: 68%; overflow-wrap: anywhere; padding: 3px 6px; border-radius: 6px; background: #f1f0e9; color: #33372b; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; } .demo-access-use { width: 100%; min-height: 34px; padding: 0 8px; border: 1px solid #d9ddcf; border-radius: 9px; background: #f5f6ef; color: #5a6b48; font-size: 9px; font-weight: 850; } .demo-access-use:hover { background: #e9eddf; border-color: #c8d0b8; } .demo-access-footnote { margin: 0; color: #85877c; font-size: 9px; line-height: 1.5; } /* Dark theme keeps the same hierarchy with visibly separated surfaces and readable fields. */ html.dark body.public-site-body { background: radial-gradient(circle at 8% 0%, rgba(113,127,88,.13), transparent 31rem), linear-gradient(180deg,#191b17,#171915 72%) !important; } html.dark .auth-card.auth-card-premium { background: linear-gradient(160deg,#252820,#20231d) !important; border-color: #424638 !important; color: #f2f0e7; box-shadow: 0 24px 66px rgba(0,0,0,.3) !important; } html.dark .auth-card-premium h1 { color: #f3f0e6 !important; } html.dark .auth-card-premium > p, html.dark .auth-card-premium .field label, html.dark .auth-card-premium .auth-switch { color: #c1beaf !important; } html.dark .auth-card-premium .field input, html.dark .auth-card-premium .field select, html.dark .auth-card-premium .field textarea { background: #191c17 !important; color: #f3f0e6 !important; border-color: #4b5141 !important; } html.dark .auth-card-premium .field input::placeholder { color: #969687 !important; } html.dark .auth-card-premium .auth-switch { border-color: #3d4336; } html.dark .auth-card-premium .auth-switch a, html.dark .auth-card-premium .auth-form-legal a { color: #c0d09f; } html.dark .auth-card-premium .notice, html.dark .auth-security-note { background: #2a3024; border-color: #48513a; color: #d3d8c4; } html.dark .demo-access-compact { border-color: #414638; } html.dark .demo-access-heading strong, html.dark .demo-access-role { color: #ececde; } html.dark .demo-access-card { background: #1b1e18; border-color: #464b3b; } html.dark .demo-access-line { color: #bbbbaa; } html.dark .demo-access-line code { background: #303529; color: #f1f0e4; } html.dark .demo-access-use { background: #303829; border-color: #4d5a3e; color: #d5e2bb; } html.dark .demo-access-footnote, html.dark .demo-access-heading span { color: #a5a692; } html.dark .auth-password-toggle { color: #c0bdad; } html.dark .auth-password-toggle:hover { background: #34392c; color: #e1e6d2; } /* Robust compact navigation through 1120px, including mobile browsers in desktop-site mode. */ @media (max-width: 1120px), (hover: none) and (pointer: coarse) and (max-width: 1400px) { .site-header { position: sticky !important; top: 0; z-index: 1200 !important; isolation: isolate; } .site-header .header-inner { position: relative; width: 100%; max-width: none; min-height: 66px; height: 66px; gap: 9px !important; padding-inline: max(14px, env(safe-area-inset-left,0px)) max(14px, env(safe-area-inset-right,0px)) !important; } .site-header .brand { flex: 1 1 auto; min-width: 0; max-width: calc(100% - 104px); } .site-header .brand-wordmark { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .site-header .mobile-menu { display: grid !important; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; margin: 0 0 0 auto; padding: 0; position: relative; z-index: 1203; border: 1px solid #d9d5c9; border-radius: 13px; background: #fffefa; color: #34372d; box-shadow: 0 5px 15px rgba(40,38,30,.08); pointer-events: auto; touch-action: manipulation; } .site-header .mobile-menu > span { display: block; font: 500 25px/1 system-ui,sans-serif; } .site-header .main-nav { display: none !important; position: absolute !important; top: calc(100% + 1px) !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100% !important; max-height: calc(100dvh - 78px); margin: 0 !important; padding: 13px 14px calc(16px + env(safe-area-inset-bottom,0px)) !important; overflow-x: hidden !important; overflow-y: auto !important; flex-direction: column !important; align-items: stretch !important; gap: 3px !important; border: 1px solid #e1dccf !important; border-top: 0 !important; border-radius: 0 0 19px 19px !important; background: #fffefa !important; box-shadow: 0 22px 45px rgba(34,35,28,.16) !important; z-index: 1202 !important; pointer-events: auto; } .site-header .main-nav.open { display: flex !important; } .site-header .main-nav > a { display: flex; align-items: center; min-height: 48px; padding: 12px 13px; border: 0; border-radius: 12px; color: #42463a !important; font-size: 14px; font-weight: 750; } .site-header .main-nav > a:hover, .site-header .main-nav > a.is-current { background: #f0f2e9 !important; color: #526344 !important; } .site-header .nav-dropdown { display: block; width: 100%; } .site-header .nav-dropdown-trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; padding: 12px 13px; border: 0; border-radius: 12px; background: transparent; color: #42463a; text-align: left; font-size: 14px; font-weight: 750; } .site-header .nav-dropdown-menu, .site-header .nav-dropdown.open .nav-dropdown-menu, .site-header .nav-dropdown:focus-within .nav-dropdown-menu { position: static !important; display: none; width: 100%; margin: 4px 0 8px; padding: 6px; border: 1px solid #e7e3d8; border-radius: 13px; background: #f8f7f1 !important; box-shadow: none !important; } .site-header .nav-dropdown.open .nav-dropdown-menu, .site-header .nav-dropdown:focus-within .nav-dropdown-menu { display: grid; } .site-header .nav-dropdown-menu a { display: flex; gap: 10px; padding: 10px; white-space: normal; } .site-header .mobile-nav-account { display: grid; gap: 7px; margin-top: 9px; padding-top: 12px; border-top: 1px solid #e7e2d7; } .site-header .header-actions { display: flex; flex: 0 0 auto; order: 3; margin: 0; gap: 7px; } .site-header .header-actions > .nav-quiet, .site-header .header-actions > .avatar, .site-header .header-actions > .inline-form, .site-header .header-actions > .btn:not(.theme-toggle) { display: none !important; } .site-header .theme-toggle { display: inline-flex; width: 42px; min-width: 42px; height: 42px; min-height: 42px; padding: 0; justify-content: center; border: 1px solid #ded9cd; border-radius: 13px; background: #fffefa; color: #55594c; } .site-header .theme-toggle [data-theme-label] { display: none; } .mobile-nav-backdrop.is-visible { display: block !important; position: fixed !important; z-index: 1199 !important; inset: calc(66px + env(safe-area-inset-top,0px)) 0 0 !important; width: 100% !important; height: auto !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; background: rgba(30,32,29,.30) !important; pointer-events: auto; } body.mobile-nav-open { overflow: hidden !important; touch-action: none; } html.dark .site-header .mobile-menu, html.dark .site-header .theme-toggle { background: #292d24; border-color: #48503c; color: #f0efdf; } html.dark .site-header .main-nav { background: #22251e !important; border-color: #414638 !important; } html.dark .site-header .main-nav > a, html.dark .site-header .nav-dropdown-trigger { color: #ecebdd !important; } html.dark .site-header .main-nav > a:hover, html.dark .site-header .main-nav > a.is-current, html.dark .site-header .nav-dropdown.open .nav-dropdown-trigger { background: #343a2c !important; color: #d5e4bb !important; } html.dark .site-header .nav-dropdown-menu { background: #292d24 !important; border-color: #454b3b !important; } } @media (max-width: 520px) { .form-wrap.auth-page { width: calc(100% - 22px); margin: 18px auto 38px; } .auth-card.auth-card-premium { padding: 22px 17px; border-radius: 20px; } .auth-card-premium .auth-brand { margin-bottom: 23px; } .auth-card-premium h1 { font-size: 28px; } .auth-card-premium > p { margin-bottom: 20px; font-size: 12px; } .auth-card-premium .field { margin-bottom: 14px; } .auth-card-premium .field input { min-height: 48px; font-size: 16px; } .auth-card-premium .btn-block { min-height: 49px; } .demo-access-grid { grid-template-columns: minmax(0,1fr); } .demo-access-card { grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 5px 9px; padding: 9px 10px; } .demo-access-role { grid-column: 1/-1; } .demo-access-use { grid-column: 2; grid-row: 2 / span 2; width: auto; min-width: 74px; padding: 0 10px; } .demo-access-line { justify-content: flex-start; gap: 5px; } } @media (prefers-reduced-motion: reduce) { .auth-card-premium, .site-header .main-nav, .site-header .mobile-menu { animation: none !important; transition: none !important; } } /* ===== CVPilot CSS module: design-system.css ===== */ /* CVPilot AI 2.2.9 — unified premium design system. Keep this file last in the CSS build order so tokens and responsive refinements are consistent across the public workspace, builder, tools and admin console. */ :root { --bg: #f5f7fb; --paper: #ffffff; --ink: #172033; --muted: #68748b; --line: #e5e9f2; --soft: #f0f3fa; --shadow: 0 18px 48px rgba(24, 35, 65, .065); --shadow-sm: 0 7px 22px rgba(24, 35, 65, .045); --radius: 18px; --font: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --display: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; color-scheme: light; } html { min-width: 320px; scroll-behavior: smooth; scroll-padding-top: 88px; } body { min-width: 320px; background: #f5f7fb; color: var(--ink); font-family: var(--font); font-size: 14px; line-height: 1.6; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.public-site-body { background: radial-gradient(ellipse at 8% 0%, rgba(96, 111, 232, .055), transparent 34rem), radial-gradient(ellipse at 96% 8%, rgba(24, 166, 144, .045), transparent 30rem), #f5f7fb !important; } body.admin-console-body { background: #f4f6fb !important; } .wrap { width: min(1280px, calc(100% - 48px)); } .ambient { opacity: .18; filter: blur(76px); } /* Header and global navigation */ .site-header { background: rgba(255, 255, 255, .92) !important; border-color: rgba(225, 230, 240, .92) !important; box-shadow: 0 4px 22px rgba(20, 32, 58, .035); -webkit-backdrop-filter: blur(20px) saturate(1.2); backdrop-filter: blur(20px) saturate(1.2); } .site-header .header-inner { max-width: 1360px; } .site-header .brand { color: #172033; } .site-header .main-nav { gap: clamp(14px, 1.7vw, 25px); } .site-header .main-nav > a, .site-header .nav-quiet { color: #59657c; font-weight: 650; } .site-header .main-nav > a:hover, .site-header .main-nav > a.is-current, .site-header .nav-quiet:hover { color: var(--primary, #514de8); } .site-header .nav-dropdown-trigger { color: #59657c; font-weight: 650; } .site-header .nav-dropdown-menu { border: 1px solid #e5e9f2; border-radius: 16px; background: #fff; box-shadow: 0 18px 42px rgba(23, 32, 51, .12); } .theme-toggle { min-height: 40px; border: 1px solid #e3e8f1; border-radius: 11px; background: #fff; color: #526078; } /* Consistent actions, inputs and focus states */ .btn { min-height: 44px; border-radius: 11px; font-family: var(--font); font-weight: 700; letter-spacing: 0; transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease; } .btn-primary { color: #fff !important; background: linear-gradient(135deg, var(--primary, #514de8), var(--primary-dark, #4039c7)) !important; box-shadow: 0 7px 16px color-mix(in srgb, var(--primary, #514de8) 22%, transparent) !important; } .btn-primary:hover { box-shadow: 0 10px 22px color-mix(in srgb, var(--primary, #514de8) 27%, transparent) !important; } .btn-outline, .btn-ghost { border-color: #e1e6f0; background: #fff; color: #48556e; } .btn-outline:hover, .btn-ghost:hover { border-color: #cbd3e4; background: #f8f9fc; color: #25314b; } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea { min-width: 0; border-color: #dfe5ef; border-radius: 11px; background: #fff; color: #1d2940; font-family: var(--font); font-size: 14px; } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select { min-height: 46px; } textarea { line-height: 1.6; } input::placeholder, textarea::placeholder { color: #98a2b5; opacity: 1; } input:focus, select:focus, textarea:focus { border-color: var(--primary, #514de8) !important; outline: 0 !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary, #514de8) 14%, transparent) !important; } :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid color-mix(in srgb, var(--primary, #514de8) 52%, white); outline-offset: 3px; } /* Shared card and panel language */ .panel, .feature-card, .template-card, .template-card-premium, .price-card, .stat-card, .editor-panel, .preview-panel, .profile-card, .dashboard-card, .contact-form, .contact-aside-card, .support-ticket-list-panel, .support-ticket-detail-panel, .admin-console-sidebar, .admin-console-main .admin-table-panel, .admin-console-main .admin-settings-panel, .admin-console-main .admin-brand-panel, .admin-console-main .admin-pricing-panel, .admin-console-main .admin-template-ops-panel, .admin-console-main .admin-gateways-panel { border-color: #e5e9f1; border-radius: 18px; box-shadow: var(--shadow-sm); } .panel, .feature-card, .template-card, .template-card-premium, .price-card, .stat-card, .editor-panel, .preview-panel, .profile-card, .dashboard-card, .contact-form, .contact-aside-card, .support-ticket-list-panel, .support-ticket-detail-panel { background: #fff; } .panel-head { gap: 14px; } .panel-head h2, .panel-head h3 { color: #202c44; letter-spacing: -.025em; } .panel-head p { color: #748097; } .eyebrow { color: var(--primary, #514de8); letter-spacing: .12em; } .muted, .field-hint, .field-hint-inline { color: #758198; } .page-bottom-space { padding-bottom: clamp(42px, 5.5vw, 72px); } .page-hero { padding: clamp(38px, 5vw, 64px) 0 clamp(28px, 3.5vw, 46px); } .page-hero h1, .career-page-header h1, .admin-section-heading h1 { color: #172033; } .page-hero p, .career-page-header p { color: #6d7890; } .career-page { padding: clamp(30px, 4vw, 54px) 0 clamp(44px, 5vw, 66px); } .career-page-header { margin-bottom: clamp(20px, 2.8vw, 30px); } /* Dashboard and workspace spacing */ .app-shell { padding-top: clamp(22px, 3vw, 38px); padding-bottom: clamp(42px, 5vw, 66px); } .shell-grid, .admin-shell-grid, .admin-console-grid { gap: clamp(16px, 2vw, 26px); } .workspace { min-width: 0; } .workspace-top { gap: 16px; margin-bottom: 22px; } .workspace-top h1 { letter-spacing: -.04em; } .stats-grid, .admin-stats-grid, .admin-console-metrics { gap: 14px; } .stat-card, .admin-stat-card { min-width: 0; } .dashboard-page .sidebar:not(.admin-console-sidebar) { border-color: #e5e9f1; background: #fff; box-shadow: var(--shadow-sm); } .dashboard-page .sidebar .sidebar-link { border-radius: 10px; } .dashboard-page .sidebar .sidebar-link.active { background: color-mix(in srgb, var(--primary, #514de8) 9%, white); color: var(--primary, #514de8); } /* Resume builder: a balanced editing surface and a bounded preview */ .builder-grid { align-items: start; gap: clamp(16px, 2vw, 26px) !important; } .editor-panel, .preview-panel { min-width: 0; } .editor-tabs { gap: 7px; } .editor-tab { border-radius: 10px; } .preview-panel { overflow: hidden; } .resume-preview { box-shadow: 0 12px 32px rgba(23, 32, 51, .12); } /* Tables and long data stay inside their own scroll region */ .table-wrap, .data-table-wrap, .admin-table-panel, .table-responsive { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; } table { max-width: 100%; } .admin-console-main { min-width: 0; } .admin-console-main .admin-table-panel table { width: 100%; } /* Desktop admin workspace: aligned panels and compact section rhythm */ .admin-console-body .admin-console-grid { max-width: 1480px; } .admin-console-sidebar { background: #fff !important; border: 1px solid #e4e9f2 !important; } .admin-console-topbar { border-color: #e5e9f1 !important; background: rgba(255,255,255,.9) !important; } .admin-section-heading { margin: 8px 0 22px; } .admin-section-heading h1 { letter-spacing: -.045em; } .admin-console-footer { color: #929caf; } /* Footer and legal pages */ .site-footer { border-color: #e5e9f1 !important; background: #fff !important; } .site-footer .footer-top { gap: clamp(22px, 3vw, 48px); } .site-footer .footer-col a { color: #6c7890; } .site-footer .footer-col a:hover { color: var(--primary, #514de8); } .legal-copy { max-width: 850px; padding-bottom: 68px; } .legal-copy h2 { color: #202c44; } .legal-copy p, .legal-copy li { color: #637089; } /* Dark theme remains deliberate and readable rather than simply inverting colors. */ html.dark { color-scheme: dark; } html.dark body, html.dark body.public-site-body, html.dark body.admin-console-body { background: #0d1422 !important; color: #e9edf6; } html.dark .site-header { background: rgba(16, 24, 39, .94) !important; border-color: #26334a !important; } html.dark .site-header .brand, html.dark .site-header .main-nav > a, html.dark .site-header .nav-quiet, html.dark .site-header .nav-dropdown-trigger { color: #d8dfed; } html.dark .site-header .nav-dropdown-menu { background: #172135; border-color: #2c3a53; } html.dark .theme-toggle { background: #172135; border-color: #2b3952; color: #d8dfed; } html.dark .panel, html.dark .feature-card, html.dark .template-card, html.dark .template-card-premium, html.dark .price-card, html.dark .stat-card, html.dark .editor-panel, html.dark .preview-panel, html.dark .profile-card, html.dark .dashboard-card, html.dark .contact-form, html.dark .contact-aside-card, html.dark .support-ticket-list-panel, html.dark .support-ticket-detail-panel, html.dark .admin-console-sidebar, html.dark .admin-console-main .admin-table-panel, html.dark .admin-console-main .admin-settings-panel, html.dark .admin-console-main .admin-brand-panel, html.dark .admin-console-main .admin-pricing-panel, html.dark .admin-console-main .admin-template-ops-panel, html.dark .admin-console-main .admin-gateways-panel { background: #151f32 !important; border-color: #293750 !important; color: #e7ecf6; box-shadow: 0 12px 32px rgba(0,0,0,.16) !important; } html.dark .panel-head h2, html.dark .panel-head h3, html.dark .page-hero h1, html.dark .career-page-header h1, html.dark .admin-section-heading h1, html.dark .legal-copy h2 { color: #eff3fb; } html.dark .panel-head p, html.dark .page-hero p, html.dark .career-page-header p, html.dark .legal-copy p, html.dark .legal-copy li, html.dark .muted, html.dark .field-hint, html.dark .field-hint-inline { color: #aab6cb; } html.dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), html.dark select, html.dark textarea { background: #0f192a !important; color: #eef2f9 !important; border-color: #34435d !important; } html.dark input::placeholder, html.dark textarea::placeholder { color: #8997ae; } html.dark .admin-console-topbar { background: rgba(16,24,39,.92) !important; border-color: #293750 !important; } html.dark .site-footer { background: #101a2a !important; border-color: #293750 !important; } html.dark .site-footer .footer-col a { color: #aab6cb; } html.dark .dashboard-page .sidebar:not(.admin-console-sidebar) { background: #151f32; border-color: #293750; } /* Phone and small tablet corrections: no off-screen navigation or card overflow. */ @media (max-width: 820px) { .wrap { width: calc(100% - 32px) !important; } .app-shell { padding-top: 18px; padding-bottom: 42px; } .shell-grid, .admin-shell-grid, .admin-console-grid { width: calc(100% - 32px) !important; gap: 14px !important; } .workspace-top { align-items: flex-start; } .career-page-header { gap: 12px; } .builder-grid { grid-template-columns: minmax(0,1fr) !important; } .admin-console-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 6px !important; overflow: visible !important; } .admin-console-sidebar .admin-nav-link { min-width: 0; min-height: 44px; white-space: normal; overflow-wrap: anywhere; } .admin-console-sidebar .admin-nav-link span:first-of-type { min-width: 0; } .admin-console-topbar { position: static !important; } .dashboard-page .sidebar:not(.admin-console-sidebar) { padding: 12px; } .dashboard-page .sidebar-brandline:after { display: none !important; } .dashboard-page .dashboard-sidebar-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px !important; overflow: visible !important; padding: 4px 0 !important; } .dashboard-page .dashboard-sidebar-nav .sidebar-link { display: flex; width: 100%; min-width: 0; max-width: none; min-height: 43px; white-space: normal; overflow-wrap: anywhere; } .dashboard-page .dashboard-sidebar-nav .sidebar-link-trailing { display: none; } .site-footer .footer-top { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 520px) { .wrap { width: calc(100% - 24px) !important; } .shell-grid, .admin-shell-grid, .admin-console-grid { width: calc(100% - 24px) !important; } .page-hero { padding: 34px 0 24px; } .page-hero h1 { font-size: clamp(30px, 8vw, 38px); letter-spacing: -.045em; } .career-page-header h1 { font-size: clamp(28px, 7.5vw, 34px); } .panel, .editor-panel, .preview-panel, .career-panel { padding: 16px !important; } .workspace-actions, .career-header-actions { width: 100%; flex-wrap: wrap; } .workspace-actions .btn, .career-header-actions .btn { flex: 1 1 100%; width: 100%; } .stats-grid, .admin-stats-grid, .admin-console-metrics { gap: 9px !important; } .stat-card, .admin-stat-card { padding: 12px !important; } .admin-console-main .admin-table-panel { overflow-x: auto; } .admin-console-main .admin-table-panel table { min-width: 580px; } .site-footer .footer-top { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 14px; } .site-footer .footer-brand { grid-column: 1 / -1; } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea { font-size: 16px; } .btn { min-height: 46px; } } @media (max-width: 360px) { .wrap, .shell-grid, .admin-shell-grid, .admin-console-grid { width: calc(100% - 20px) !important; } .dashboard-page .dashboard-sidebar-nav, .admin-console-nav { grid-template-columns: minmax(0,1fr) !important; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } /* ===== CVPilot CSS module: premium-ui.css ===== */ /* CVPilot Premium UI: soft gradients, touch-friendly controls, considered motion and responsive layouts. */ :root{--cvpilot-radius:22px;--cvpilot-shadow:0 18px 50px rgba(65,57,112,.09);--cvpilot-glass:rgba(255,255,255,.78)} html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-feature-settings:"ss01" on,"cv11" on;-webkit-font-smoothing:antialiased} .site-header{isolation:isolate}.brand-mark{box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 18%,transparent)} .btn{touch-action:manipulation;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);filter:saturate(1.06)}.btn:active{transform:translateY(0) scale(.985)} .panel,.auth-card,.feature-card,.tool-card,.template-card-premium,.pricing-card,.resume-version-card,.job-card,.stat-card{border-radius:var(--cvpilot-radius);transition:box-shadow .24s ease,border-color .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)} .feature-card:hover,.tool-card:hover,.template-card-premium:hover,.pricing-card:hover,.resume-version-card:hover,.job-card:hover{transform:translateY(-4px);box-shadow:var(--cvpilot-shadow)} .field input,.field select,.field textarea,input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"],select,textarea{min-height:46px;border-radius:13px;max-width:100%} .field input:focus,.field select:focus,.field textarea:focus,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)} .auth-card-premium{position:relative;overflow:hidden;border:1px solid rgba(126,112,229,.16);box-shadow:0 24px 80px rgba(68,54,136,.12)}.auth-card-premium:before{content:"";position:absolute;pointer-events:none;width:220px;height:220px;border-radius:50%;right:-105px;top:-115px;background:radial-gradient(circle,rgba(155,132,255,.2),transparent 70%)}.auth-card-premium>*{position:relative}.auth-card-premium h1{letter-spacing:-.045em}.auth-card-premium>p{line-height:1.75}.auth-eyebrow{display:inline-flex;gap:7px;align-items:center;margin-top:22px;color:var(--primary);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.auth-eyebrow svg{width:14px;height:14px}.auth-forgot-link{display:flex;justify-content:flex-end;margin-top:12px;font-size:12px;font-weight:750}.auth-forgot-link a{color:var(--primary);text-decoration:none}.auth-forgot-link a:hover{text-decoration:underline} .notice{border-radius:15px}.notice strong{display:inline-flex;gap:7px;align-items:center} .flash{animation:cvpilotFlashIn .32s cubic-bezier(.2,.8,.2,1) both}@keyframes cvpilotFlashIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}} .hero .hero-closer-word{filter:drop-shadow(0 8px 24px rgba(120,100,245,.08))} .admin-console-sidebar,.admin-provider-card,.admin-gateway-summary-card{border-radius:20px}.admin-provider-card{transition:transform .22s ease,box-shadow .22s ease}.admin-provider-card:hover{box-shadow:0 16px 40px rgba(42,35,80,.07)} /* Responsive safety net for long settings forms, tables and card grids. */ img,video,canvas,svg{max-width:100%}pre,code{overflow-wrap:anywhere}table{max-width:100%}.table-wrap,.admin-table-panel,.resume-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} @media(max-width:900px){.wrap{width:min(100% - 28px,760px)}.admin-shell-grid,.admin-console-grid,.shell-grid{grid-template-columns:minmax(0,1fr)!important}.admin-console-sidebar{position:relative!important;top:auto!important;max-height:none!important;width:100%}.admin-console-sidebar .admin-console-nav{display:flex;flex-wrap:wrap;gap:7px}.admin-console-nav .admin-nav-link{flex:1 1 135px}.admin-console-sidebar-spacer{display:none}.admin-console-security{margin-top:14px}.admin-console-main{min-width:0}.admin-provider-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-webhook-row{grid-template-columns:100px minmax(0,1fr) auto}.admin-webhook-row code{overflow-wrap:anywhere}} @media(max-width:640px){html{scroll-padding-top:72px}.wrap{width:calc(100% - 22px)}.header-inner{gap:8px!important;padding-inline:11px!important}.brand-wordmark{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{gap:6px!important}.header-actions .nav-quiet,.header-actions .avatar,.header-actions .btn-ghost{display:none}.header-actions .btn{min-height:38px;padding:0 11px;font-size:11px}.main-nav{max-height:calc(100dvh - 72px);overflow-y:auto}.auth-card{width:min(100% - 24px,440px);padding:25px 20px}.auth-card .btn-lg{min-height:48px}.grid-2,.form-grid,.admin-provider-form-grid,.admin-settings-grid,.admin-gateway-dashboard-summary{grid-template-columns:minmax(0,1fr)!important}.admin-section-heading{align-items:flex-start!important}.admin-section-heading h1{font-size:clamp(25px,8vw,34px)}.admin-console-topbar{padding:10px 12px!important}.admin-console-top-actions{gap:8px!important;flex-wrap:wrap}.admin-console-user{display:none!important}.admin-provider-form-grid{gap:12px}.admin-provider-bottom-row{align-items:stretch!important;flex-direction:column}.admin-provider-bottom-row .btn{width:100%}.admin-webhook-row{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:13px!important}.admin-webhook-row code{white-space:normal}.admin-webhook-row .btn{width:100%}.admin-table-panel table{min-width:640px}.cta-box{padding:24px 18px!important}.hero{overflow:hidden}.hero .display{font-size:clamp(2.35rem,11vw,4rem)!important}.hero-actions,.hero-cta-row{flex-wrap:wrap}.hero-actions .btn,.hero-cta-row .btn{width:100%;justify-content:center}.feature-card,.tool-card,.pricing-card{padding:18px!important}.admin-console-footer{gap:8px;flex-wrap:wrap}.btn{min-height:42px}.flash-stack{width:calc(100% - 22px)}} @media(max-width:390px){.theme-toggle{width:36px!important;min-width:36px!important}.header-actions .btn-primary{font-size:0!important;gap:0!important;padding-inline:10px!important}.header-actions .btn-primary svg{width:17px;height:17px}.hero .display{font-size:2.2rem!important}.admin-console-nav .admin-nav-link{flex-basis:100%}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.panel,.auth-card,.feature-card,.tool-card,.template-card-premium,.pricing-card,.resume-version-card,.job-card,.stat-card,.admin-provider-card{transition:none!important}.feature-card:hover,.tool-card:hover,.template-card-premium:hover,.pricing-card:hover,.resume-version-card:hover,.job-card:hover{transform:none}.flash{animation:none}} .account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-panel{padding:24px;min-width:0}.account-panel .panel-head{margin-bottom:20px}.account-panel form .btn{margin-top:5px}.account-verification-status{display:flex;align-items:center;gap:11px;margin-top:22px;padding:13px;border:1px solid #e4e3ee;border-radius:15px}.account-verification-status>div{flex:1;min-width:0}.account-verification-status strong,.account-verification-status small{display:block}.account-verification-status strong{font-size:12px}.account-verification-status small{font-size:10px;color:var(--muted);margin-top:3px}.account-verification-icon{width:36px;height:36px;flex:none;border-radius:12px;display:grid;place-items:center;background:#fff1d8;color:#a16e1e}.account-verification-status.is-verified .account-verification-icon{background:#ddfbef;color:#27866d}.account-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:17px;margin-top:18px;border-top:1px solid #eceaf2;font-size:11px;color:#838196}.account-meta span{display:flex;gap:6px;align-items:center}.account-danger-panel{grid-column:1/-1;border-color:#f0d7de}.account-danger-panel .panel-head-icon{color:#b84966;background:#fff0f4}.btn-danger{background:linear-gradient(110deg,#c84468,#a82b4d);color:white;box-shadow:0 8px 22px #b9385921}@media(max-width:760px){.account-settings-grid{grid-template-columns:1fr}.account-danger-panel{grid-column:auto}.account-panel{padding:18px}.account-verification-status{flex-wrap:wrap}.account-verification-status form{width:100%}.account-verification-status form .btn{width:100%}} /* PDF tool-specific conditional helper note */ .pdf-compression-note{margin-top:18px;padding:14px 16px;border:1px solid #f3d6a5;border-radius:14px;background:#fff9ec;color:#80521b;font-size:13px;line-height:1.65} @media(prefers-reduced-motion:reduce){.pdf-compression-note{transition:none!important}} /* Personal data export and follow-up reminders */ .account-export-panel{grid-column:1/-1} .follow-up-panel{margin:22px 0 28px;padding:22px 24px;border:1px solid var(--line,#e8e8f2);border-radius:22px;background:var(--surface,#fff);box-shadow:0 12px 34px rgba(55,49,100,.06);animation:premium-rise .48s ease both} .follow-up-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px} .follow-up-panel .panel-head h2{margin:7px 0 3px;font-size:clamp(20px,2.5vw,25px)} .follow-up-panel .panel-head p{margin:0;color:var(--muted,#77768c);font-size:13px} .follow-up-list{display:grid;gap:8px} .follow-up-item{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 13px;border:1px solid #eeedf6;border-radius:15px;background:linear-gradient(110deg,#fff,#fbfaff);color:inherit;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s} .follow-up-item:hover{transform:translateY(-2px);border-color:#d9d1ff;box-shadow:0 8px 20px rgba(104,88,198,.08)} .follow-up-icon{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:13px;background:#eeeaff;color:#7664eb} .follow-up-copy{display:grid;gap:3px;min-width:0;flex:1}.follow-up-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.follow-up-copy small{color:#77768c;font-size:11px} .follow-up-date{flex:none;padding:7px 9px;border-radius:999px;background:#edf8ff;color:#3976a5;font-size:10px;font-weight:800;white-space:nowrap}.follow-up-date.is-today{background:#fff5df;color:#926718}.follow-up-date.is-overdue{background:#ffeaee;color:#b43f60}.follow-up-arrow{width:16px;height:16px;color:#9b97b5;flex:none} @media(max-width:640px){.follow-up-panel{padding:16px;margin:18px 0 22px}.follow-up-item{gap:9px;padding:10px}.follow-up-icon{width:34px;height:34px}.follow-up-date{font-size:9px;padding:6px 7px}.follow-up-arrow{display:none}.account-export-panel{grid-column:auto}} @media(prefers-reduced-motion:reduce){.follow-up-panel{animation:none}.follow-up-item{transition:none}} @keyframes premium-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} .dark .follow-up-panel{background:#181827;border-color:#34324e;color:#f6f4ff} .dark .follow-up-panel .panel-head p,.dark .follow-up-copy small{color:#aaa7c7} .dark .follow-up-item{background:linear-gradient(110deg,#211f34,#1d1b2e);border-color:#3a3655;color:#f6f4ff} .dark .follow-up-item:hover{border-color:#7265c5;box-shadow:0 8px 20px rgba(0,0,0,.2)} .dark .follow-up-icon{background:#302b50;color:#c6bcff} /* Billing history and printable payment receipt */ .billing-current-plan{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:22px 24px;background:linear-gradient(125deg,#f2eeff,#fbfaff 60%,#edfffa);border:1px solid #e5e1ff;border-radius:22px}.billing-current-plan h2{margin:6px 0;font-size:25px;letter-spacing:-.04em}.billing-current-plan p{margin:0;color:#77768c;font-size:13px;line-height:1.6}.billing-history-panel{padding:22px 24px}.billing-receipt-page{background:transparent}.billing-receipt-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.billing-receipt{max-width:820px;margin:0 auto;padding:clamp(24px,5vw,52px);border:1px solid #e8e6f2;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(44,37,90,.08);color:#27243b}.receipt-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid #eeeaf6}.receipt-header>div{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:850}.receipt-brand-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#7666f3,#9f77f6)}.receipt-title{padding:30px 0 23px}.receipt-title h1{margin:8px 0;font-size:clamp(26px,5vw,36px);letter-spacing:-.04em}.receipt-title p{color:#77768c;font-size:13px;line-height:1.6}.receipt-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 0;border-top:1px solid #eeeaf6;border-bottom:1px solid #eeeaf6}.receipt-reference-grid>div{display:grid;gap:5px;min-width:0}.receipt-reference-grid small{font-size:11px;color:#8b879f}.receipt-reference-grid strong{font-size:13px;overflow-wrap:anywhere}.receipt-reference-grid span{font-size:12px;color:#77768c;overflow-wrap:anywhere}.receipt-line-items{padding:22px 0}.receipt-line-items>div{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;padding:12px 0}.receipt-total{margin-top:10px;padding-top:18px!important;border-top:1px solid #eeeaf6;font-weight:850}.receipt-total strong{font-size:20px}.receipt-total small{font-size:11px;color:#77768c}.receipt-footer{padding-top:18px;border-top:1px solid #eeeaf6;color:#77768c;font-size:12px;line-height:1.7}.receipt-disclaimer{margin-top:16px;font-size:10px;color:#9290a4}.dark .billing-current-plan{background:linear-gradient(125deg,#24203d,#1a2630);border-color:#36324f}.dark .billing-current-plan h2{color:#f4f1ff}.dark .billing-current-plan p{color:#b7b3cf}.dark .billing-receipt{color:#27243b} @media(max-width:600px){.billing-current-plan{align-items:flex-start;flex-direction:column;padding:18px}.billing-history-panel{padding:16px}.receipt-reference-grid{grid-template-columns:1fr;gap:14px}.billing-receipt{padding:22px 17px;border-radius:18px}.billing-receipt-toolbar .btn{flex:1}} @media print{body{background:#fff!important}.billing-receipt-toolbar,.site-header,.site-footer,.app-shell{display:none!important}.billing-receipt{box-shadow:none;border:0;border-radius:0;max-width:none;padding:0}.billing-receipt-page{padding:0!important}.wrap{width:100%!important;margin:0!important}} /* ========================================================================== CVPilot AI 2.3.0 — NOIR SAPPHIRE DESIGN SYSTEM One coherent visual language for public pages, customer workspace and admin. Light: Silver Slate with a deep navigation rail. Dark: Noir Sapphire. ========================================================================== */ :root { color-scheme: light; --cv-bg: #edf1f7; --cv-bg-soft: #e7edf5; --cv-surface: #ffffff; --cv-surface-soft: #f7f9fc; --cv-surface-raised: #f0f4f9; --cv-ink: #17263b; --cv-muted: #56677d; --cv-subtle: #718096; --cv-line: #d6dfeb; --cv-line-strong: #c4cfdd; --cv-sidebar: #14243a; --cv-sidebar-raised: #1c314c; --cv-sidebar-text: #eaf0f8; --cv-sidebar-muted: #9eafc4; --cv-blue: #3867e8; --cv-cyan: #168f9b; --cv-shadow: 0 18px 48px rgba(28, 43, 67, .075); --cv-shadow-soft: 0 8px 24px rgba(28, 43, 67, .055); --cv-radius: 18px; --cv-primary: var(--primary, #4e55df); --font: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --display: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; } html { color-scheme: light; scroll-padding-top: 92px; } html.dark { color-scheme: dark; --cv-bg: #0b111a; --cv-bg-soft: #0e1723; --cv-surface: #141f2d; --cv-surface-soft: #172638; --cv-surface-raised: #1b2b3f; --cv-ink: #f1f5fb; --cv-muted: #b2bfd0; --cv-subtle: #93a4b9; --cv-line: #2a3a4e; --cv-line-strong: #3a4d64; --cv-sidebar: #080e17; --cv-sidebar-raised: #14243a; --cv-sidebar-text: #edf3fb; --cv-sidebar-muted: #91a3ba; --cv-shadow: 0 22px 58px rgba(0, 0, 0, .24); --cv-shadow-soft: 0 10px 30px rgba(0, 0, 0, .19); } html, body { min-height: 100%; } body, body.public-site-body, body.admin-console-body { background: var(--cv-bg) !important; color: var(--cv-ink) !important; font-family: var(--font); font-feature-settings: "ss01" on, "cv11" on; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body.public-site-body { background: radial-gradient(ellipse at 7% 0%, rgba(75, 111, 205, .075), transparent 32rem), radial-gradient(ellipse at 96% 28%, rgba(26, 143, 155, .045), transparent 28rem), var(--cv-bg) !important; } html.dark body.public-site-body { background: radial-gradient(ellipse at 8% -8%, rgba(67, 101, 229, .13), transparent 34rem), radial-gradient(ellipse at 94% 27%, rgba(22, 143, 155, .06), transparent 28rem), var(--cv-bg) !important; } ::selection { color: #fff; background: color-mix(in srgb, var(--cv-primary) 82%, #17263b); } a { text-underline-offset: 3px; } img, svg, video, canvas { max-width: 100%; } .wrap { width: min(1280px, calc(100% - 56px)); } /* Public header: restrained chrome, clear navigation and dependable touch targets. */ .site-header { background: color-mix(in srgb, var(--cv-bg) 91%, transparent) !important; border-color: var(--cv-line) !important; box-shadow: 0 5px 22px rgba(22, 38, 59, .045) !important; backdrop-filter: blur(20px) saturate(1.25); -webkit-backdrop-filter: blur(20px) saturate(1.25); } html.dark .site-header { background: rgba(8, 14, 23, .91) !important; border-color: var(--cv-line) !important; box-shadow: 0 7px 24px rgba(0, 0, 0, .2) !important; } .site-header .header-inner { height: 74px; gap: clamp(16px, 2.2vw, 30px); } .site-header .brand { color: var(--cv-ink); font-size: 21px; font-weight: 850; letter-spacing: -.85px; } .site-header .brand-mark { width: 39px; height: 39px; border-radius: 13px; background: linear-gradient(145deg, #5679f2, #3d4ed0 72%, #303ba8); box-shadow: 0 8px 20px rgba(62, 87, 213, .25); } .site-header .main-nav { gap: clamp(8px, 1.25vw, 18px); } .site-header .main-nav > a, .site-header .nav-dropdown-trigger, .site-header .nav-quiet { color: var(--cv-muted) !important; font-size: 12px; font-weight: 750; border-radius: 10px; transition: color .18s ease, background .18s ease; } .site-header .main-nav > a { padding: 10px 11px; } .site-header .main-nav > a:hover, .site-header .main-nav > a.is-current, .site-header .nav-dropdown-trigger:hover, .site-header .nav-dropdown.open .nav-dropdown-trigger, .site-header .nav-quiet:hover { color: var(--cv-primary) !important; background: color-mix(in srgb, var(--cv-primary) 9%, var(--cv-surface)); } .site-header .main-nav > a.is-current:after { display: none !important; } .site-header .nav-dropdown-trigger { padding: 10px 11px; } .site-header .nav-dropdown-menu { background: var(--cv-surface) !important; border: 1px solid var(--cv-line) !important; border-radius: 15px; box-shadow: var(--cv-shadow) !important; } .site-header .nav-dropdown-menu a { color: var(--cv-ink); border-radius: 10px; } .site-header .nav-dropdown-menu a:hover { background: var(--cv-surface-raised); } .site-header .nav-dropdown-menu a strong { color: var(--cv-ink); } .site-header .nav-dropdown-menu a small { color: var(--cv-muted); } .site-header .header-actions { gap: 9px; } .theme-toggle { min-height: 39px; min-width: 39px; padding: 0 11px; border: 1px solid var(--cv-line) !important; border-radius: 12px !important; background: var(--cv-surface) !important; color: var(--cv-muted) !important; box-shadow: none !important; } .theme-toggle:hover { color: var(--cv-primary) !important; border-color: color-mix(in srgb, var(--cv-primary) 35%, var(--cv-line)) !important; } .theme-toggle svg { width: 16px; height: 16px; } html.dark .theme-toggle { background: var(--cv-surface-soft) !important; color: var(--cv-ink) !important; } .site-header .btn-primary { min-height: 40px; } /* Drawer remains readable and compact on phones and tablet widths. */ .mobile-menu { border: 1px solid var(--cv-line) !important; border-radius: 12px !important; background: var(--cv-surface) !important; color: var(--cv-ink) !important; box-shadow: none !important; } .mobile-menu span { font: 500 26px/1 system-ui; } .mobile-nav-backdrop.is-visible { background: rgba(7, 13, 24, .54) !important; backdrop-filter: blur(3px); } body.mobile-nav-open { overflow: hidden; } @media (max-width: 1120px), (hover: none) and (pointer: coarse) and (max-width: 1400px) { .site-header { z-index: 1000; } .site-header .header-inner { height: 66px; min-height: 66px; } .site-header .mobile-menu { display: grid; } .site-header .main-nav { background: #102039 !important; color: #edf3fb !important; border: 1px solid #29405d !important; border-top: 0 !important; border-radius: 0 0 19px 19px !important; box-shadow: 0 24px 46px rgba(4, 11, 21, .28) !important; max-height: min(76dvh, 680px); padding: 12px 14px calc(16px + env(safe-area-inset-bottom, 0px)) !important; } .site-header .main-nav > a, .site-header .nav-dropdown-trigger { min-height: 45px !important; color: #e6edf8 !important; border-radius: 10px !important; padding: 10px 12px !important; } .site-header .main-nav > a:hover, .site-header .main-nav > a.is-current, .site-header .nav-dropdown-trigger:hover, .site-header .nav-dropdown.open .nav-dropdown-trigger { color: #fff !important; background: #1d3555 !important; } .site-header .nav-dropdown-menu, .site-header .nav-dropdown.open .nav-dropdown-menu, .site-header .nav-dropdown:focus-within .nav-dropdown-menu { background: #142945 !important; border-color: #29415f !important; border-radius: 12px !important; } .site-header .nav-dropdown-menu a { color: #e5edf8 !important; min-height: 46px !important; } .site-header .nav-dropdown-menu a:hover { background: #1c3554 !important; } .site-header .nav-dropdown-menu a strong { color: #f3f6fb !important; } .site-header .nav-dropdown-menu a small { color: #a9b9ce !important; } .mobile-nav-account { border-color: #30445e !important; } .mobile-nav-account-link { min-height: 44px !important; background: #172d49 !important; border-color: #2c4564 !important; color: #edf3fb !important; } .mobile-nav-account-link svg { color: #9eafff !important; } .mobile-nav-primary { background: linear-gradient(120deg, #4a69e8, #6354df) !important; } .site-header .header-actions > .nav-quiet, .site-header .header-actions > .avatar, .site-header .header-actions > .inline-form, .site-header .header-actions > .btn:not(.theme-toggle) { display: none !important; } } html.dark .site-header .main-nav { color: #edf3fb; } /* Public landing page: meaningful rhythm, cleaner hierarchy and no giant dead zones. */ .hero { padding: clamp(42px, 5.2vw, 68px) 0 clamp(34px, 4.5vw, 56px); background: transparent !important; } .hero-grid { gap: clamp(30px, 5vw, 62px); } .hero-copy { max-width: 610px; } .display { color: var(--cv-ink) !important; font-size: clamp(40px, 5vw, 66px); line-height: 1.045; letter-spacing: -.052em; text-wrap: balance; } .display em { color: var(--cv-primary) !important; } .display em:after { height: 5px; background: color-mix(in srgb, #39b7c5 30%, transparent); } .subhead { color: var(--cv-muted) !important; font-size: 16px; line-height: 1.72; max-width: 570px; } .eyebrow { color: var(--cv-primary) !important; font-size: 10px; letter-spacing: .13em; } .hero-actions { gap: 10px; margin-top: 24px; } .btn { min-height: 45px; border-radius: 11px; font-size: 13px; font-weight: 750; } .btn-primary { background: linear-gradient(135deg, color-mix(in srgb, var(--cv-primary) 88%, #6f91ff), var(--cv-primary)) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 8px 18px color-mix(in srgb, var(--cv-primary) 21%, transparent) !important; } .btn-primary:hover { filter: brightness(1.04); box-shadow: 0 12px 24px color-mix(in srgb, var(--cv-primary) 25%, transparent) !important; } .btn-outline, .btn-light { color: var(--cv-ink) !important; background: var(--cv-surface) !important; border-color: var(--cv-line-strong) !important; box-shadow: var(--cv-shadow-soft); } .btn-outline:hover, .btn-light:hover { color: var(--cv-primary) !important; background: var(--cv-surface-soft) !important; } .btn-accent { background: #dff2f2 !important; border-color: #bfe3e3 !important; color: #145d69 !important; box-shadow: none !important; } html.dark .btn-accent { background: #173b47 !important; border-color: #285666 !important; color: #b8edf0 !important; } .hero-proof { color: var(--cv-muted); } .hero-proof .muted { color: var(--cv-muted) !important; } .hero-art { min-height: 455px; } .resume-window { border: 1px solid rgba(190, 202, 222, .82); box-shadow: 0 28px 76px rgba(25, 43, 76, .16); } .hero-score-chip { border: 1px solid #e0e7ef; } .trust-strip { background: color-mix(in srgb, var(--cv-surface) 76%, transparent) !important; border-block: 1px solid var(--cv-line) !important; } .trust-copy { color: var(--cv-muted) !important; } .trust-logos { color: var(--cv-subtle) !important; } .section { padding-block: clamp(48px, 5.6vw, 74px); } .section-head { margin-bottom: 24px; gap: 18px; } .section-head h2, .section-title { color: var(--cv-ink) !important; font-size: clamp(26px, 3vw, 39px); line-height: 1.15; letter-spacing: -.045em; text-wrap: balance; } .section-head p { color: var(--cv-muted) !important; font-size: 14px; line-height: 1.7; } .feature-grid { gap: 15px !important; } .feature-card, .tool-card, .template-card, .template-card-premium, .price-card, .panel, .stat-card, .editor-panel, .preview-panel, .profile-card, .dashboard-card, .contact-form, .contact-aside-card, .support-ticket-list-panel, .support-ticket-detail-panel { background: var(--cv-surface) !important; border: 1px solid var(--cv-line) !important; border-radius: var(--cv-radius) !important; box-shadow: var(--cv-shadow-soft) !important; color: var(--cv-ink); } .feature-card { padding: 23px !important; } .feature-card h3, .tool-card h3 { color: var(--cv-ink) !important; font-size: 16px; letter-spacing: -.02em; } .feature-card p, .tool-card p { color: var(--cv-muted) !important; font-size: 13px; line-height: 1.7; } .feature-icon { border-radius: 13px; box-shadow: none; } .template-grid { gap: 16px !important; } .template-card-premium { overflow: hidden; } .template-preview-shell { height: 292px; background: linear-gradient(180deg, #e9eef7, #e1e8f2) !important; border-bottom: 1px solid var(--cv-line) !important; } .template-preview-shell:after { background: linear-gradient(0deg, rgba(225,232,242,.85), transparent) !important; } .template-card-premium .template-premium-meta { background: var(--cv-surface) !important; } .template-card-premium .template-premium-heading strong { color: var(--cv-ink) !important; } .template-card-premium .template-premium-heading span, .template-card-premium .template-customize-note { color: var(--cv-muted) !important; } .template-card-premium .template-use-link { color: var(--cv-primary) !important; } .pdf-band { border: 1px solid #263b5b !important; border-radius: 23px !important; background: linear-gradient(118deg, #102039 0%, #172f50 60%, #263a71 100%) !important; box-shadow: 0 22px 50px rgba(13, 30, 55, .15) !important; padding: clamp(23px, 3vw, 38px) !important; } .pdf-band h2 { font-size: clamp(28px, 3.4vw, 42px); line-height: 1.12; letter-spacing: -.045em; } .pdf-band p { color: #c2d0e1 !important; line-height: 1.75; } .pdf-band .tool-tile { background: rgba(255,255,255,.075) !important; border-color: rgba(255,255,255,.14) !important; border-radius: 13px !important; } .pdf-band .tool-tile strong { color: #f3f7fc !important; } .pdf-band .tool-tile span { color: #b4c3d8 !important; } .steps { gap: 16px; } .step { background: var(--cv-surface) !important; border: 1px solid var(--cv-line) !important; border-radius: 16px !important; padding: 19px !important; } .step h3 { color: var(--cv-ink) !important; } .step p { color: var(--cv-muted) !important; } .pricing-grid { gap: 15px !important; } .price-card { padding: 23px !important; } .price-card.popular { border-color: color-mix(in srgb, var(--cv-primary) 52%, var(--cv-line)) !important; box-shadow: 0 18px 42px color-mix(in srgb, var(--cv-primary) 13%, transparent) !important; } .price-name, .price-value { color: var(--cv-ink) !important; } .price-description, .price-note { color: var(--cv-muted) !important; } .price-divider { border-color: var(--cv-line) !important; } .price-features { color: var(--cv-muted) !important; } .faq-list { border-color: var(--cv-line) !important; } .faq-item { border-color: var(--cv-line) !important; } .faq-question { color: var(--cv-ink) !important; min-height: 57px; } .faq-answer { color: var(--cv-muted) !important; line-height: 1.75; } .cta-box { background: linear-gradient(116deg, #14243a 0%, #1b3457 58%, #2a3f79 100%) !important; color: #fff !important; border: 1px solid #2e4567 !important; border-radius: 22px !important; box-shadow: 0 22px 48px rgba(13, 30, 55, .14); } .cta-box h2 { color: #fff !important; } .cta-box p { color: #c4d0e1 !important; } /* A dark footer creates a deliberate finish in both appearance modes. */ .site-footer { background: #101d30 !important; color: #dbe5f1 !important; border-color: #2a3d58 !important; padding-top: 34px; } .site-footer .brand, .site-footer .brand-wordmark, .site-footer strong { color: #f1f5fb !important; } .site-footer p, .site-footer .footer-col a, .site-footer .footer-bottom { color: #aabbd0 !important; } .site-footer .footer-col a:hover { color: #fff !important; } .site-footer .footer-support-card { background: #182a42 !important; border-color: #30445f !important; } .site-footer .footer-support-card > span { color: #9fb2cb !important; } .site-footer .footer-support-card strong { color: #f3f6fb !important; } .site-footer .footer-support-card p { color: #b4c3d6 !important; } .site-footer .footer-support-card a { color: #a9bcff !important; } .site-footer .footer-bottom { border-color: #2a3d58 !important; } /* Authentication, account, settings and every standard form use the same surfaces. */ .form-wrap { background: transparent !important; padding-block: clamp(32px, 5vw, 60px); } .auth-card, .auth-card-premium { background: var(--cv-surface) !important; border: 1px solid var(--cv-line) !important; border-radius: 22px !important; box-shadow: var(--cv-shadow) !important; color: var(--cv-ink) !important; } .auth-card h1, .auth-card h2, .auth-card-premium h1 { color: var(--cv-ink) !important; } .auth-card p, .auth-card-premium p, .auth-switch { color: var(--cv-muted) !important; } .field label, label { color: var(--cv-ink); } .field input, .field select, .field textarea, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea { background: var(--cv-surface-soft); border-color: var(--cv-line-strong); color: var(--cv-ink); } input::placeholder, textarea::placeholder { color: var(--cv-subtle); opacity: 1; } .field input:focus, .field select:focus, .field textarea:focus, input:focus-visible, select:focus-visible, textarea:focus-visible { border-color: color-mix(in srgb, var(--cv-primary) 64%, var(--cv-line)) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--cv-primary) 14%, transparent) !important; } .notice, .demo-login-panel, .template-category-browser { background: var(--cv-surface-soft) !important; border-color: var(--cv-line) !important; color: var(--cv-ink) !important; } .demo-login-account { background: var(--cv-surface) !important; border-color: var(--cv-line) !important; } /* Customer workspace: dark navigation rail + clean, contrast-rich content canvas. */ .app-shell { padding-block: clamp(22px, 3vw, 36px) clamp(38px, 5vw, 64px); background: transparent !important; } .shell-grid { grid-template-columns: 246px minmax(0, 1fr); gap: 23px; align-items: start; } .sidebar { position: sticky; top: 92px; padding: 16px 13px !important; background: var(--cv-sidebar) !important; border: 1px solid #2b405b !important; border-radius: 18px !important; box-shadow: 0 16px 38px rgba(9, 20, 36, .13) !important; color: var(--cv-sidebar-text) !important; } .sidebar-brandline { border-color: #2b405b !important; padding-bottom: 15px; } .sidebar-brand-icon { background: linear-gradient(145deg, #5a7cf0, #3e4fce) !important; box-shadow: 0 8px 18px rgba(40, 76, 198, .23) !important; } .sidebar-brandline strong { color: #f4f7fc !important; } .sidebar-brandline small, .sidebar-label { color: var(--cv-sidebar-muted) !important; } .sidebar-label { font-size: 9px; letter-spacing: .12em; } .sidebar-link { min-height: 42px; padding: 10px 11px !important; color: #c4d0e0 !important; border: 1px solid transparent; border-radius: 10px !important; font-size: 12px !important; } .sidebar-link svg { color: #91a7c1 !important; } .sidebar-link:hover { background: #1b304a !important; color: #fff !important; box-shadow: none !important; } .sidebar-link.active, .sidebar-link-admin { color: #fff !important; background: linear-gradient(105deg, #365dc6, #4a5cce) !important; border-color: rgba(156, 180, 255, .22) !important; box-shadow: 0 8px 18px rgba(29, 65, 156, .2) !important; } .sidebar-link.active svg, .sidebar-link-admin svg { color: #fff !important; } .sidebar-plan { background: #1a304b !important; border: 1px solid #304b6b !important; border-radius: 13px !important; color: #eef4fc !important; } .sidebar-plan strong { color: #fff !important; } .sidebar-plan p { color: #b5c5d9 !important; } .sidebar-plan .btn-outline { background: #243e5e !important; border-color: #3c5b7c !important; color: #eff5ff !important; } .sidebar-security { border-color: #2c4562 !important; color: #d8e4f2 !important; } .sidebar-security strong { color: #eaf2fc !important; } .sidebar-security small { color: #9eb2ca !important; } .workspace { min-width: 0; } .workspace-top h1, .workspace-section-heading h2 { color: var(--cv-ink) !important; } .workspace-section-heading { margin: 23px 0 13px; } .workspace-section-heading h2 { font-size: 21px; letter-spacing: -.04em; } .workspace-hero { min-height: 238px; padding: clamp(22px, 2.8vw, 31px) !important; border: 1px solid #2e4c77 !important; border-radius: 20px !important; background: linear-gradient(116deg, #12243b 0%, #183456 58%, #344b89 100%) !important; box-shadow: 0 18px 42px rgba(14, 31, 55, .17) !important; } .workspace-hero h1 { color: #f5f8fd !important; } .workspace-hero h1 span { color: #a9c8ff !important; } .workspace-hero p { color: #c6d4e7 !important; } .hero-kicker { color: #a9c5ff !important; } .workspace-hero .btn-light { color: #edf4ff !important; background: #203a5a !important; border-color: #426183 !important; } .dashboard-stats { gap: 12px !important; margin: 15px 0 21px; } .dashboard-stats .stat-card { min-height: 120px; padding: 15px 16px !important; background: var(--cv-surface) !important; border: 1px solid var(--cv-line) !important; border-radius: 15px !important; box-shadow: var(--cv-shadow-soft) !important; } .stat-top, .stat-foot { color: var(--cv-muted) !important; } .stat-value { color: var(--cv-ink) !important; } .stat-value small { color: var(--cv-subtle) !important; } .stat-icon { background: #e8edff !important; color: #395fe0 !important; } .stat-card-mint .stat-icon { background: #def3f0 !important; color: #168f85 !important; } .stat-card-blue .stat-icon { background: #e3efff !important; color: #3471bb !important; } .stat-card-cream .stat-icon { background: #fff0df !important; color: #a36c28 !important; } .stat-progress { background: #e4eaf2 !important; } .dashboard-resumes-panel { padding: 20px 22px !important; } .panel-head h2, .panel-head h3 { color: var(--cv-ink) !important; } .panel-head p, .panel p, .muted, .field-hint, .field-hint-inline { color: var(--cv-muted) !important; } .data-table, table { color: var(--cv-ink); } .data-table th, table th { color: var(--cv-subtle); border-color: var(--cv-line); } .data-table td, table td { color: var(--cv-muted); border-color: var(--cv-line); } .data-table tr:hover td { background: var(--cv-surface-soft); } .resume-table-title strong { color: var(--cv-ink) !important; } .resume-table-title small { color: var(--cv-subtle) !important; } .quick-tool-card { background: var(--cv-surface) !important; border-color: var(--cv-line) !important; box-shadow: var(--cv-shadow-soft) !important; border-radius: 15px !important; } .quick-tool-body strong { color: var(--cv-ink) !important; } .quick-tool-body small { color: var(--cv-muted) !important; } /* Admin console: same premium navigation rail and consistent content surfaces. */ .admin-console-body .admin-console-root { background: var(--cv-bg) !important; padding-top: 22px; } .admin-console-body .admin-console-grid { grid-template-columns: 252px minmax(0, 1fr); gap: 22px; } .admin-console-sidebar { background: var(--cv-sidebar) !important; border: 1px solid #2b405b !important; border-radius: 18px !important; box-shadow: 0 16px 38px rgba(9, 20, 36, .13) !important; color: var(--cv-sidebar-text) !important; } .admin-console-brand strong { color: #f3f7fc !important; } .admin-console-brand small, .admin-console-nav-label { color: #9eb0c6 !important; } .admin-console-workspace-tag { background: #1b344d !important; border-color: #31516c !important; color: #b4d5d8 !important; } .admin-console-sidebar .admin-nav-link { color: #c3cfde !important; border-color: transparent !important; } .admin-console-sidebar .admin-nav-link:hover { background: #1d3450 !important; color: #fff !important; border-color: #304a68 !important; } .admin-console-sidebar .admin-nav-link.active { background: linear-gradient(105deg, #365dc6, #4a5cce) !important; color: #fff !important; border-color: #4968c2 !important; box-shadow: inset 3px 0 #a8bdff !important; } .admin-console-sidebar .admin-nav-link svg { color: #9fb3ce !important; } .admin-console-sidebar .admin-nav-link.active svg { color: #fff !important; } .admin-console-security { background: #1b344d !important; border-color: #31516c !important; } .admin-console-security strong { color: #eaf5fc !important; } .admin-console-security small { color: #adc4d8 !important; } .admin-console-site-link { border-color: #30445d !important; color: #b3c3d7 !important; } .admin-console-topbar { color: var(--cv-muted) !important; border-color: var(--cv-line) !important; } .admin-breadcrumb strong, .admin-commandbar-copy strong { color: var(--cv-ink) !important; } .admin-console-user strong { color: var(--cv-ink) !important; } .admin-console-user small { color: var(--cv-subtle) !important; } .admin-console-main .admin-table-panel, .admin-console-main .admin-settings-panel, .admin-console-main .admin-brand-panel, .admin-console-main .admin-pricing-panel, .admin-console-main .admin-template-ops-panel, .admin-console-main .admin-gateways-panel, .admin-provider-card, .admin-gateway-summary-card, .admin-stat-card, .admin-analytics-panel, .admin-quick-panel, .admin-quick-link, .admin-webhook-url-panel { background: var(--cv-surface) !important; border-color: var(--cv-line) !important; color: var(--cv-ink) !important; border-radius: 16px !important; box-shadow: var(--cv-shadow-soft) !important; } .admin-section-heading h1, .admin-page-toolbar h2 { color: var(--cv-ink) !important; } .admin-section-heading p, .admin-provider-card p, .admin-provider-form-grid .field-hint { color: var(--cv-muted) !important; } .admin-provider-card-heading, .admin-provider-meta-row, .admin-provider-footnote { border-color: var(--cv-line) !important; } .admin-provider-card-heading strong, .admin-provider-form-grid .field > label, .admin-provider-switch-row strong { color: var(--cv-ink) !important; } .admin-provider-card-heading small, .admin-provider-switch-row small { color: var(--cv-muted) !important; } .admin-provider-form-grid input, .admin-provider-form-grid select, .admin-page-search { background: var(--cv-surface-soft) !important; border-color: var(--cv-line) !important; color: var(--cv-ink) !important; } .admin-console-footer { color: var(--cv-subtle) !important; } /* Dark theme: set the same surfaces intentionally instead of inverting the page. */ html.dark .site-header .brand { color: var(--cv-ink) !important; } html.dark .site-header .main-nav > a, html.dark .site-header .nav-dropdown-trigger, html.dark .site-header .nav-quiet { color: #c2cede !important; } html.dark .site-header .main-nav > a:hover, html.dark .site-header .main-nav > a.is-current, html.dark .site-header .nav-dropdown-trigger:hover { color: #fff !important; background: #1a2d45 !important; } html.dark .trust-strip { background: rgba(17, 29, 44, .76) !important; border-color: var(--cv-line) !important; } html.dark .section-head h2, html.dark .section-title, html.dark .display { color: var(--cv-ink) !important; } html.dark .feature-card, html.dark .tool-card, html.dark .template-card, html.dark .template-card-premium, html.dark .price-card, html.dark .panel, html.dark .stat-card, html.dark .editor-panel, html.dark .profile-card, html.dark .dashboard-card, html.dark .contact-form, html.dark .contact-aside-card, html.dark .support-ticket-list-panel, html.dark .support-ticket-detail-panel { background: var(--cv-surface) !important; border-color: var(--cv-line) !important; color: var(--cv-ink) !important; box-shadow: var(--cv-shadow-soft) !important; } html.dark .feature-card h3, html.dark .tool-card h3, html.dark .template-premium-heading strong, html.dark .price-name, html.dark .price-value, html.dark .panel-head h2, html.dark .panel-head h3, html.dark .workspace-section-heading h2, html.dark .admin-section-heading h1, html.dark .workspace-top h1 { color: var(--cv-ink) !important; } html.dark .feature-card p, html.dark .tool-card p, html.dark .price-description, html.dark .price-note, html.dark .panel-head p, html.dark .panel p, html.dark .muted, html.dark .field-hint, html.dark .field-hint-inline, html.dark .template-premium-heading span { color: var(--cv-muted) !important; } html.dark .template-preview-shell { background: linear-gradient(180deg, #18283b, #142235) !important; } html.dark .template-preview-shell:after { background: linear-gradient(0deg, rgba(20,34,53,.85), transparent) !important; } html.dark .template-card-premium .template-premium-meta { background: var(--cv-surface) !important; } html.dark .price-divider, html.dark .faq-item, html.dark .faq-list { border-color: var(--cv-line) !important; } html.dark .faq-question { color: var(--cv-ink) !important; } html.dark .faq-answer { color: var(--cv-muted) !important; } html.dark .auth-card, html.dark .auth-card-premium { background: var(--cv-surface) !important; border-color: var(--cv-line) !important; color: var(--cv-ink) !important; } html.dark .auth-card h1, html.dark .auth-card-premium h1 { color: var(--cv-ink) !important; } html.dark .auth-card p, html.dark .auth-card-premium p { color: var(--cv-muted) !important; } html.dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), html.dark select, html.dark textarea, html.dark .field input, html.dark .field select, html.dark .field textarea { background: #0e1927 !important; color: #f0f5fb !important; border-color: #354860 !important; } html.dark input::placeholder, html.dark textarea::placeholder { color: #91a2b7 !important; } html.dark .data-table th, html.dark table th { color: #9fb0c5 !important; border-color: var(--cv-line) !important; } html.dark .data-table td, html.dark table td { color: #c3cede !important; border-color: var(--cv-line) !important; } html.dark .data-table tr:hover td { background: #192a3e !important; } html.dark .resume-table-title strong { color: #f1f5fb !important; } html.dark .resume-table-title small { color: #9fb0c5 !important; } html.dark .admin-console-topbar { background: transparent !important; } html.dark .admin-console-main .admin-table-panel, html.dark .admin-console-main .admin-settings-panel, html.dark .admin-console-main .admin-brand-panel, html.dark .admin-console-main .admin-pricing-panel, html.dark .admin-console-main .admin-template-ops-panel, html.dark .admin-console-main .admin-gateways-panel, html.dark .admin-provider-card, html.dark .admin-gateway-summary-card, html.dark .admin-stat-card, html.dark .admin-analytics-panel, html.dark .admin-quick-panel, html.dark .admin-webhook-url-panel { background: var(--cv-surface) !important; border-color: var(--cv-line) !important; color: var(--cv-ink) !important; } html.dark .admin-provider-form-grid input, html.dark .admin-provider-form-grid select, html.dark .admin-page-search { background: #0e1927 !important; border-color: #354860 !important; color: #f0f5fb !important; } html.dark .site-footer { background: #070d15 !important; } html.dark .site-footer .footer-support-card { background: #111e2d !important; } /* Resume documents intentionally remain paper-white in both app themes. */ .resume-preview, .resume-preview * { color-scheme: light; } .resume-preview { background: #fff !important; color: #202638 !important; } .resume-preview .preview-name, .resume-preview .preview-section h3, .resume-preview .preview-summary, .resume-preview .preview-contact, .resume-preview .preview-entry, .resume-preview .preview-skill { color: inherit; } .template-preview-page { color-scheme: light; } /* Tables, forms and dialogs remain readable at every viewport. */ .table-wrap, .data-table-wrap, .table-responsive, .admin-table-panel { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; } button, input, select, textarea { font: inherit; } :focus-visible { outline: 3px solid color-mix(in srgb, var(--cv-primary) 62%, white) !important; outline-offset: 2px !important; } /* Responsive layout: compact rhythm, no clipped navigation, no empty fixed-height areas. */ @media (max-width: 1120px) { .wrap { width: calc(100% - 36px); } .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: 28px; } .hero-art { min-height: 390px; } .shell-grid, .admin-shell-grid, .admin-console-grid { grid-template-columns: minmax(0,1fr) !important; width: calc(100% - 36px); gap: 16px !important; } .sidebar, .admin-console-sidebar { position: static !important; top: auto !important; max-height: none !important; width: 100%; } .sidebar { padding: 12px !important; } .sidebar-brandline { padding-bottom: 10px; margin-bottom: 6px; } .dashboard-sidebar-nav { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px !important; } .dashboard-sidebar-nav .sidebar-label { grid-column: 1 / -1; padding: 7px 7px 3px; } .sidebar-link { min-height: 42px; padding: 9px !important; font-size: 11px !important; } .sidebar-link-trailing, .sidebar-plan, .sidebar-security { display: none !important; } .admin-console-sidebar-spacer, .admin-console-security, .admin-console-site-link { display: none !important; } .admin-console-nav { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 5px !important; overflow: visible !important; } .admin-console-nav-label { display: none; } .admin-console-sidebar .admin-nav-link { min-width: 0; min-height: 42px; white-space: normal; font-size: 10px; } .admin-console-topbar { position: static !important; } } @media (max-width: 760px) { .wrap { width: calc(100% - 28px); } .hero { padding: 36px 0 30px; } .hero-grid { grid-template-columns: minmax(0,1fr); gap: 18px; } .hero-copy { padding-bottom: 0; } .display { font-size: clamp(36px, 10vw, 50px); letter-spacing: -.05em; } .subhead { font-size: 15px; line-height: 1.65; } .hero-art { min-height: 325px; margin: 0 auto; width: min(100%, 520px); } .section { padding-block: 42px; } .section-head { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 18px; } .section-head h2, .section-title { font-size: clamp(25px, 7vw, 32px); } .feature-card { padding: 18px !important; } .template-preview-shell { height: 258px; } .pdf-band { padding: 22px !important; } .cta-box { gap: 16px; padding: 23px !important; } .shell-grid, .admin-shell-grid, .admin-console-grid { width: calc(100% - 28px) !important; } .workspace-hero { grid-template-columns: minmax(0,1fr) !important; min-height: 0; padding: 22px !important; } .workspace-hero-visual { min-height: 155px; } .workspace-section-heading { align-items: flex-start; flex-direction: column; gap: 6px; margin: 20px 0 11px; } .dashboard-stats { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px !important; } .dashboard-stats .stat-card { min-height: 112px; padding: 12px !important; } .dashboard-resumes-panel { padding: 16px !important; } .quick-tools-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; } .quick-tool-card { padding: 13px; gap: 9px; } .admin-console-root { padding-top: 14px !important; } .admin-console-grid { gap: 14px !important; } .admin-console-nav { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .admin-console-main .admin-hero { padding: 21px !important; } .site-footer .footer-top { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 14px; } .site-footer .footer-brand { grid-column: 1 / -1; } } @media (max-width: 520px) { .wrap, .shell-grid, .admin-shell-grid, .admin-console-grid { width: calc(100% - 24px) !important; } .header-inner { padding-inline: 12px !important; } .site-header .brand { font-size: 18px; max-width: 52vw; } .site-header .theme-toggle { width: 39px; min-width: 39px; height: 39px; min-height: 39px; } .site-header .mobile-menu { width: 40px; height: 40px; min-height: 40px; flex-basis: 40px; } .hero { padding-top: 30px; } .hero-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 9px; } .hero-actions .btn { width: 100%; } .hero-art { min-height: 275px; } .resume-window { transform: scale(.88); transform-origin: top center; } .float-one { transform: scale(.86); transform-origin: left center; } .float-two { transform: scale(.86); transform-origin: right center; } .trust-inner { align-items: flex-start; flex-direction: column; gap: 10px; } .trust-logos { flex-wrap: wrap; gap: 10px 14px; } .section { padding-block: 34px; } .template-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .template-preview-shell { height: 220px; } .template-premium-meta { padding: 12px !important; } .template-premium-heading strong { font-size: 12px; } .template-premium-heading span, .template-customize-note { font-size: 9px; } .pdf-band { border-radius: 17px !important; padding: 19px !important; } .pdf-band .tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; } .pdf-band .tool-tile { min-height: 82px; padding: 10px; } .pdf-band .tool-tile strong { font-size: 11px; } .pdf-band .tool-tile span { font-size: 9px; } .pricing-grid { gap: 11px !important; } .price-card { padding: 18px !important; } .quick-tools-grid { grid-template-columns: minmax(0,1fr); } .dashboard-sidebar-nav { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .dashboard-sidebar-nav .sidebar-label { grid-column: 1 / -1; } .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-main .admin-stats-grid, .admin-console-main .admin-console-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .site-footer .footer-top { grid-template-columns: repeat(2,minmax(0,1fr)); } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea { font-size: 16px; } } @media (max-width: 360px) { .wrap, .shell-grid, .admin-shell-grid, .admin-console-grid { width: calc(100% - 20px) !important; } .template-grid { grid-template-columns: minmax(0,1fr) !important; } .dashboard-sidebar-nav, .admin-console-nav { grid-template-columns: minmax(0,1fr) !important; } .site-header .brand { max-width: 46vw; } } @media (min-width: 1121px) { .site-header .main-nav { display: flex !important; } .site-header .mobile-menu { display: none !important; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } /* CVPilot AI 2.4.1 — Mobile drawer stacking and dashboard resume-library visibility */ @media (max-width: 1120px), (hover: none) and (pointer: coarse) and (max-width: 1400px) { /* The backdrop is appended to body. Keep the sticky header above it so its absolutely positioned navigation drawer cannot be painted underneath it. */ .site-header { position: sticky !important; top: 0 !important; z-index: 1300 !important; isolation: isolate !important; overflow: visible !important; } .site-header .main-nav { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; z-index: 1302 !important; max-height: calc(100dvh - 66px - env(safe-area-inset-top, 0px)) !important; overflow-y: auto !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch; } .site-header .main-nav.open { display: flex !important; } .mobile-nav-backdrop.is-visible { position: fixed !important; z-index: 1200 !important; inset: calc(66px + env(safe-area-inset-top, 0px)) 0 0 !important; display: block !important; } body.mobile-nav-open { overflow: hidden !important; } } .dashboard-resumes-panel { display: block !important; visibility: visible !important; opacity: 1 !important; min-width: 0; margin: 22px 0 28px; scroll-margin-top: 102px; } .dashboard-resume-next-step { display: flex; align-items: center; gap: 14px; min-width: 0; margin: 0 0 17px; padding: 15px 16px; border: 1px solid var(--cv-line, #d6dfeb); border-radius: 16px; background: linear-gradient(112deg, var(--cv-surface-soft, #f7f9fc), var(--cv-surface, #fff)); } .dashboard-resume-next-icon { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 13px; background: color-mix(in srgb, var(--cv-primary, #4e55df) 11%, var(--cv-surface, #fff)); color: var(--cv-primary, #4e55df); } .dashboard-resume-next-icon svg { width: 19px; height: 19px; } .dashboard-resume-next-copy { min-width: 0; flex: 1; } .dashboard-resume-next-copy strong { display: block; color: var(--cv-ink, #17263b); font-size: 13px; font-weight: 800; } .dashboard-resume-next-copy p { margin: 4px 0 0; color: var(--cv-muted, #56677d); font-size: 11px; line-height: 1.55; } .dashboard-resume-next-actions { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; } .dashboard-resume-browse { color: var(--cv-primary, #4e55df); font-size: 11px; font-weight: 800; white-space: nowrap; } html.dark .dashboard-resume-next-step { border-color: var(--cv-line); background: linear-gradient(112deg, var(--cv-surface-soft), var(--cv-surface)); } @media (max-width: 680px) { .dashboard-resumes-panel { padding: 16px !important; margin: 18px 0 23px; } .dashboard-resumes-panel .panel-head { align-items: flex-start; gap: 12px; } .dashboard-resumes-panel .panel-head h2 { font-size: 18px; line-height: 1.25; } .dashboard-resumes-panel .panel-head p { max-width: 34ch; line-height: 1.55; } .dashboard-resumes-panel .panel-head > .btn { flex: 0 0 auto; min-height: 38px; padding-inline: 11px; } .dashboard-resume-next-step { align-items: flex-start; flex-wrap: wrap; padding: 13px; gap: 10px; } .dashboard-resume-next-icon { width: 36px; height: 36px; flex-basis: 36px; } .dashboard-resume-next-copy { flex: 1 1 calc(100% - 50px); } .dashboard-resume-next-actions { width: 100%; padding-left: 46px; flex-wrap: wrap; } .dashboard-empty { padding: 28px 12px 24px; } .empty-actions { align-items: stretch; } .empty-actions .btn { flex: 1 1 100%; } } /* CVPilot AI 2.4.2 — dashboard empty state and template catalogue polish */ .dashboard-empty {background:linear-gradient(145deg,#fbfcff 0%,#f5f7ff 100%)!important;border:1px solid #e3e8f3!important;color:#18243a!important} .dashboard-empty h3{color:#18243a!important}.dashboard-empty p{color:#64748b!important} html.dark .dashboard-empty{background:linear-gradient(145deg,#172638 0%,#142132 100%)!important;border-color:#33465e!important;color:#eef4fb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important} html.dark .dashboard-empty h3{color:#f4f7fc!important}html.dark .dashboard-empty p{color:#bdc9d9!important} html.dark .dashboard-empty .empty-paper{background:linear-gradient(150deg,#fdfdff,#eff0ff)} html.dark .dashboard-empty .btn-outline{color:#edf3fb!important;background:#24364a!important;border-color:#465d77!important} html.dark .dashboard-empty .btn-outline:hover{background:#2d435b!important} html.dark .template-document-hero{background:radial-gradient(circle at 83% 12%,rgba(91,104,231,.17),transparent 30%),radial-gradient(circle at 45% 100%,rgba(32,157,130,.09),transparent 34%),linear-gradient(135deg,#141f2d 0%,#121d29 54%,#14251f 100%)!important;border-color:#29394d!important} html.dark .template-library-copy h1{color:#f1f5fb!important}html.dark .template-library-copy h1 span{color:#858bff!important}html.dark .template-library-copy>p{color:#b4c1d2!important} html.dark .template-library-stats{background:rgba(20,32,47,.76)!important;border-color:#34465b!important;box-shadow:0 12px 30px rgba(0,0,0,.14)!important} html.dark .template-library-stats span{border-color:#34465b!important}html.dark .template-library-stats strong{color:#f0f4fb!important} html.dark .template-library-stats small,html.dark .template-library-note{color:#aebdd0!important} html.dark .template-document-main{background:#0d1420!important}html.dark .template-library-title-row h2{color:#f1f5fb!important}html.dark .template-library-title-row p{color:#aebdd0!important} html.dark .template-results-counter{background:#172638!important;border-color:#354961!important;color:#adbbcd!important}html.dark .template-results-counter strong{color:#edf3fb!important} html.dark .template-filter-panel{background:#152235!important;border-color:#30435a!important} html.dark .template-filter-panel .search-box input,html.dark .template-filter-panel .filter-select{background:#0e1927!important;border-color:#354860!important;color:#edf3fb!important} html.dark .template-quick-filters .template-filter-chip{color:#bdc9d8!important;background:#1a2a3e!important;border-color:#3a4d63!important} html.dark .template-quick-filters .template-filter-chip.active,html.dark .template-quick-filters .template-filter-chip:hover{color:#fff!important;background:#35436b!important;border-color:#6976ef!important} .template-document-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}.template-document-shell{height:420px!important}.template-document-page{max-width:270px!important} .template-library-hero .template-library-hero-grid,.template-document-main>.wrap{width:min(1400px,calc(100% - 64px))!important} .template-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 18px;margin:28px auto 8px;padding:17px 20px;border:1px solid #e5e9f1;border-radius:15px;background:rgba(255,255,255,.72)} .template-pagination[hidden]{display:none!important}.template-pagination-status{color:#78849a;font-size:11px;font-weight:700}.template-pagination .btn{min-height:40px} html.dark .template-pagination{background:#152235;border-color:#30435a}html.dark .template-pagination-status{color:#b0bfd1} @media(max-width:1100px){.template-library-hero .template-library-hero-grid,.template-document-main>.wrap{width:min(100% - 40px,1040px)!important}.template-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.template-document-shell{height:390px!important}} @media(max-width:600px){.template-library-hero .template-library-hero-grid,.template-document-main>.wrap{width:calc(100% - 24px)!important}.template-document-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.template-document-card{width:100%;max-width:480px;margin-inline:auto}.template-document-shell{height:390px!important}.template-pagination{padding:13px;gap:9px}.template-pagination-status{width:100%;text-align:center}} @media(prefers-reduced-motion:reduce){.template-document-card,.template-pagination .btn{transition:none!important}} /* CVPilot AI 2.4.3 — auth footer and scroll-proof mobile navigation */ /* Keep short public pages (especially sign-in/sign-up) on a full-height shell. */ body.public-site-body { display: flex !important; flex-direction: column !important; min-height: 100vh !important; min-height: 100dvh !important; } body.public-site-body > header.site-header { flex: 0 0 auto !important; } body.public-site-body > main { flex: 1 0 auto !important; } body.public-site-body > footer.site-footer { flex: 0 0 auto !important; margin-top: auto !important; } body.public-site-body.auth-layout-body > main.auth-layout-main { display: flex !important; flex-direction: column !important; flex: 1 0 auto !important; min-height: 0 !important; } body.public-site-body.auth-layout-body > main.auth-layout-main > .auth-page { margin: auto auto !important; padding-block: clamp(22px, 4vh, 42px) !important; } /* Sticky + backdrop-filter headers can lose their viewport anchor in some mobile browsers after body scroll locking. Use a fixed header on the compact breakpoint so the drawer always opens directly beneath the visible toggle. */ @media (max-width: 1120px), (hover: none) and (pointer: coarse) and (max-width: 1400px) { body.public-site-body { padding-top: 66px !important; } body.public-site-body > header.site-header { position: fixed !important; inset: 0 0 auto 0 !important; width: 100% !important; height: 66px !important; min-height: 66px !important; z-index: 1300 !important; transform: none !important; isolation: isolate !important; } body.public-site-body > header.site-header .header-inner { position: relative !important; height: 66px !important; min-height: 66px !important; } body.public-site-body > header.site-header .main-nav { position: absolute !important; top: calc(100% + 1px) !important; left: 12px !important; right: 12px !important; width: auto !important; max-width: none !important; max-height: min(76dvh, calc(100dvh - 84px - env(safe-area-inset-bottom, 0px))) !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; z-index: 1302 !important; } body.public-site-body > header.site-header .main-nav.open { display: flex !important; } .mobile-nav-backdrop.is-visible { position: fixed !important; inset: calc(66px + env(safe-area-inset-top, 0px)) 0 0 !important; z-index: 1299 !important; } body.mobile-nav-open { overflow: hidden !important; } } /* Legal, help and policy page management */ .site-footer .footer-top{grid-template-columns:minmax(220px,1.45fr) repeat(3,minmax(120px,.7fr));} .site-footer .footer-col{gap:10px;} .site-footer .footer-col strong{font-size:10px;letter-spacing:.075em;} .site-footer .footer-col a{min-height:22px;} @media(max-width:900px){.site-footer .footer-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.site-footer .footer-brand{grid-column:1/-1}} @media(max-width:560px){.site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 13px}.site-footer .footer-brand{grid-column:1/-1}.site-footer .footer-col{gap:7px}.site-footer .footer-col a{min-height:26px;font-size:11px;line-height:1.45}.site-footer .footer-col strong{font-size:9px;line-height:1.4}} .content-admin-page{display:grid;gap:15px;min-width:0} .content-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px} .content-admin-stat{min-width:0;padding:14px 15px;border:1px solid var(--line,#e7e9ef);border-radius:15px;background:var(--surface,#fff)} .content-admin-stat>span{display:block;color:var(--muted,#838b99);font-size:9px;font-weight:850;letter-spacing:.075em;text-transform:uppercase} .content-admin-stat>strong{display:block;margin:5px 0 2px;color:var(--ink,#303746);font-size:25px;line-height:1.15} .content-admin-stat>small{display:block;color:var(--muted,#858d99);font-size:9px;line-height:1.45} .content-admin-grid{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:13px;align-items:start;min-width:0} .content-admin-list-panel,.content-admin-editor-panel{min-width:0;padding:16px;border-radius:17px} .content-admin-list-panel>.panel-head,.content-admin-editor-panel>.panel-head{align-items:flex-start;margin-bottom:14px} .content-admin-list-panel .panel-head h2,.content-admin-editor-panel .panel-head h2{margin:4px 0;font-size:17px} .content-admin-list-panel .panel-head p,.content-admin-editor-panel .panel-head p{margin:0;color:var(--muted,#818997);font-size:10px;line-height:1.5} .content-admin-list{display:grid;gap:8px} .content-admin-list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line,#e8eaf0);border-radius:13px;background:var(--surface,#fff);min-width:0} .content-admin-list-item.is-active{border-color:color-mix(in srgb,var(--primary,#5c61df) 52%,var(--line,#e8eaf0));background:color-mix(in srgb,var(--primary,#5c61df) 5%,var(--surface,#fff))} .content-admin-list-main{display:grid;gap:4px;min-width:0;flex:1} .content-admin-list-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0} .content-admin-list-title>strong{font-size:11px;color:var(--ink,#303746);overflow-wrap:anywhere} .content-admin-state{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:850;line-height:1.35} .content-admin-state.is-published{background:#e6f7ef;color:#227854} .content-admin-state.is-draft{background:#f0f1f5;color:#687182} .content-admin-list-main>small{color:var(--muted,#858d9a);font-size:9px;overflow-wrap:anywhere} .content-admin-list-meta{display:flex;align-items:center;gap:5px;color:var(--muted,#858d99);font-size:8px;line-height:1.4} .content-admin-list-meta svg{width:11px;height:11px} .content-admin-list-actions{display:flex;align-items:center;gap:5px;flex:none} .content-admin-list-actions .btn{min-height:32px;padding:0 9px;font-size:9px} .content-admin-icon-link{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line,#e7e9ef);border-radius:9px;color:var(--muted,#7c8492);background:var(--surface,#fff)} .content-admin-icon-link:hover{color:var(--primary,#5c61df);border-color:var(--primary,#5c61df)} .content-admin-icon-link svg{width:13px;height:13px} .content-admin-editor-form{display:grid;gap:12px} .content-admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px} .content-admin-form-grid .field{min-width:0;margin:0 0 11px} .content-admin-form-grid .field label{display:block;margin-bottom:5px;color:var(--ink,#303746);font-size:10px;font-weight:800} .content-admin-form-grid .field input,.content-admin-form-grid .field select,.content-admin-form-grid .field textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--line,#e2e5ed);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#303746);font:inherit;font-size:11px;padding:10px 11px;outline:none} .content-admin-form-grid .field input,.content-admin-form-grid .field select{min-height:40px} .content-admin-form-grid .field textarea{min-height:250px;resize:vertical;line-height:1.65;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;white-space:pre-wrap} .content-admin-form-grid .field input:focus,.content-admin-form-grid .field select:focus,.content-admin-form-grid .field textarea:focus{border-color:var(--primary,#5c61df);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#5c61df) 12%,transparent)} .content-admin-form-grid .field small{display:block;margin-top:5px;color:var(--muted,#818997);font-size:8px;line-height:1.45} .content-admin-field-wide{grid-column:1/-1} .content-admin-slug{display:flex;align-items:center;min-width:0;border:1px solid var(--line,#e2e5ed);border-radius:10px;background:var(--surface,#fff);overflow:hidden} .content-admin-slug>span{flex:none;padding:0 0 0 10px;color:var(--muted,#8a91a0);font-size:9px;white-space:nowrap} .content-admin-slug>input{min-width:0;border:0!important;box-shadow:none!important;background:transparent!important;padding-left:4px!important} .content-admin-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line,#e7e9ef);border-radius:11px;background:var(--surface-soft,#f8f9fb)} .content-admin-toggle-row>div{display:grid;gap:3px;min-width:0} .content-admin-toggle-row strong{font-size:10px;color:var(--ink,#303746)} .content-admin-toggle-row small{font-size:8px;line-height:1.45;color:var(--muted,#818997)} .content-admin-toggle-row .premium-switch{flex:none} .content-admin-save-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:3px} .content-admin-save-row>span{display:flex;align-items:center;gap:5px;color:var(--muted,#828a98);font-size:8px;line-height:1.4} .content-admin-save-row>span svg{width:13px;height:13px;flex:none;color:#26936e} .content-admin-save-row .btn{flex:none} .content-admin-delete-form{display:flex;justify-content:flex-end;margin-top:9px;padding-top:10px;border-top:1px solid var(--line,#e8eaf0)} .content-admin-delete-form .btn{color:#a94e5b} .content-admin-empty{display:grid;justify-items:center;align-content:center;gap:8px;min-height:170px;padding:18px;text-align:center;color:var(--muted,#828a98)} .content-admin-empty>svg{width:26px;height:26px;color:var(--primary,#5c61df)} .content-admin-empty>strong{color:var(--ink,#303746);font-size:12px} .content-admin-empty>p{max-width:260px;margin:0;color:var(--muted,#828a98);font-size:9px;line-height:1.55} .content-admin-editor-empty{min-height:320px} .content-admin-tip{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid var(--line,#e7e9ef);border-radius:13px;background:var(--surface-soft,#f8f9fb);color:var(--muted,#7f8795)} .content-admin-tip>svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--primary,#5c61df)} .content-admin-tip p{margin:0;font-size:9px;line-height:1.55} .content-admin-tip strong{color:var(--ink,#343b49)} .content-page-copy{max-width:900px;padding-top:30px;padding-bottom:65px} .content-page-prose{color:var(--ink,#333a49);font-size:14px;line-height:1.85;overflow-wrap:anywhere} .content-page-prose>h2,.content-page-prose>h3,.content-page-prose>h4{margin:27px 0 9px;color:var(--ink,#273145);font-family:var(--display,inherit);letter-spacing:-.02em;line-height:1.35} .content-page-prose>h2{font-size:22px}.content-page-prose>h3{font-size:18px}.content-page-prose>h4{font-size:15px} .content-page-prose>p{margin:0 0 15px;color:var(--muted,#626d7f)} .content-page-prose>ul,.content-page-prose>ol{display:grid;gap:7px;margin:0 0 17px;padding-left:23px;color:var(--muted,#626d7f)} .content-page-prose li{padding-left:3px} .content-page-prose a{color:var(--primary,#5b61df);font-weight:700;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere} .content-page-prose blockquote{margin:15px 0;padding:12px 16px;border-left:3px solid var(--primary,#5b61df);border-radius:0 11px 11px 0;background:var(--surface-soft,#f7f8fc);color:var(--muted,#667085)} .content-page-updated{margin-top:30px;padding-top:14px;border-top:1px solid var(--line,#e7e9ef);font-size:10px;color:var(--muted,#858d99)} @media(max-width:1050px){.content-admin-grid{grid-template-columns:minmax(0,1fr)}.content-admin-list-panel,.content-admin-editor-panel{padding:15px}} @media(max-width:700px){.content-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.content-admin-stat{padding:12px}.content-admin-stat>strong{font-size:22px}.content-admin-list-item{align-items:flex-start;padding:9px}.content-admin-list-actions{padding-top:1px}.content-admin-list-actions .btn{min-height:30px;padding:0 7px}.content-admin-list-title{gap:5px}.content-admin-list-title>strong{font-size:10px}.content-admin-list-main>small{font-size:8px}.content-admin-form-grid{grid-template-columns:minmax(0,1fr);gap:0}.content-admin-field-wide{grid-column:auto}.content-admin-form-grid .field textarea{min-height:220px}.content-admin-save-row{align-items:stretch;flex-direction:column}.content-admin-save-row .btn{width:100%;justify-content:center}.content-admin-tip{padding:10px}.content-page-copy{padding-top:22px;padding-bottom:45px}.content-page-prose{font-size:13px}.content-page-prose>h2{font-size:19px}.content-page-prose>h3{font-size:16px}} html.dark .content-admin-stat,html.dark .content-admin-list-item,html.dark .content-admin-icon-link{background:var(--surface,#161b27);border-color:var(--line,#343b49)} html.dark .content-admin-list-item.is-active{background:color-mix(in srgb,var(--primary,#777bf0) 12%,#161b27)} html.dark .content-admin-form-grid .field input,html.dark .content-admin-form-grid .field select,html.dark .content-admin-form-grid .field textarea,html.dark .content-admin-slug{background:#171c27;color:#eef1f8;border-color:#394151} html.dark .content-admin-toggle-row,html.dark .content-admin-tip{background:#171c27;border-color:#394151} html.dark .content-admin-list-title>strong,html.dark .content-admin-toggle-row strong,html.dark .content-admin-tip strong,html.dark .content-page-prose>h2,html.dark .content-page-prose>h3,html.dark .content-page-prose>h4{color:#eef1f8} html.dark .content-admin-list-actions .btn-outline{background:#1a2030;color:#e8ecf6;border-color:#42495b} html.dark .content-admin-state.is-published{background:#123b2c;color:#a2e1c3} .content-admin-default-note{display:block;margin-top:7px;padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--primary,#5c61df) 7%,var(--surface,#fff));color:var(--muted,#727c8c)!important;}