:root{--primary:#2563eb;--ink:#0f172a;--muted:#64748b;--soft:#f8fafc;--line:#e2e8f0;--card:#fff;--danger:#dc2626;--ok:#16a34a;--warn:#f59e0b}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f1f5f9;color:var(--ink)}a{color:inherit;text-decoration:none}.container{width:min(1180px,92vw);margin:auto}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.navwrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.brand-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--ink);color:#fff}.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.inline-form{display:inline}.main{padding:32px 0 60px}.footer{padding:28px 0;background:#0f172a;color:#dbeafe}.footer-grid{display:flex;justify-content:space-between;gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:700;cursor:pointer}.btn-primary{background:var(--primary);color:white;border-color:var(--primary)}.btn-light{background:#f8fafc}.btn-danger{background:var(--danger);border-color:var(--danger);color:white}.btn-sm{padding:7px 10px;font-size:13px;border-radius:10px}.btn-block{width:100%}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.wrap{flex-wrap:wrap}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px;align-items:center;background:linear-gradient(135deg,#fff,#dbeafe);border:1px solid #bfdbfe;border-radius:28px;padding:34px}.hero.compact{grid-template-columns:1fr auto;padding:28px}.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.02;margin:10px 0}.hero p{font-size:18px;color:#475569}.eyebrow{display:inline-flex;background:#dbeafe;color:#1d4ed8;padding:6px 12px;border-radius:999px;font-weight:800}.hero-card,.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 18px 40px rgba(15,23,42,.06)}.section-gap{margin-top:24px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric-card{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}.metric-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eff6ff;font-size:24px}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:13px}.metric-card strong{display:block;font-size:24px;margin:2px 0}.quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.quick-link{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.quick-link span{font-size:26px}.quick-link b,.quick-link small{display:block}.quick-link small{color:var(--muted);margin-top:4px}.card-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.form{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font-weight:800;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;font:inherit}.field small,.muted{color:var(--muted)}.auth-card{max-width:480px;margin:0 auto}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.choice{display:block;border:1px solid var(--line);border-radius:16px;padding:14px;margin:10px 0;background:#fff;cursor:pointer}.choice input{margin-right:8px}.choice b,.choice span{display:block}.choice span{color:var(--muted);font-size:14px;margin-top:3px}.form-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.sticky-card{position:sticky;top:90px;align-self:start}.stack{display:grid;gap:18px}.wizard-head{display:flex;justify-content:space-between;gap:18px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}.pill{display:inline-grid;place-items:center;background:#0f172a;color:#fff;width:28px;height:28px;border-radius:999px;margin-right:8px}.compact{max-width:330px}.score-box{margin-bottom:10px}.score-box strong{font-size:34px;display:block}.progress{height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progress i{display:block;height:100%;background:var(--primary)}.check-list{display:grid;gap:8px;margin-top:12px}.check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#475569}.check span{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;color:#fff;font-weight:800;flex:none}.check.ok span{background:var(--ok)}.check.bad span{background:var(--warn)}.template-picks,.jobdesk-picks{display:grid;gap:10px;margin-bottom:12px}.pick-summary,.pick-jobdesk{border:1px solid var(--line);background:#f8fafc;border-radius:14px;padding:12px;text-align:left;cursor:pointer}.pick-summary b,.pick-summary small{display:block}.pick-summary small{color:var(--muted);margin-top:4px}.repeat-row{border:1px dashed #cbd5e1;border-radius:16px;padding:14px;margin:10px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.repeat-row .field:last-child{grid-column:1/-1}.skill-box{border:1px solid var(--line);border-radius:16px;padding:12px;margin:10px 0}.skill-box summary{font-weight:800;cursor:pointer}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:10px}.lang-row{margin-bottom:10px}.list{display:grid;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.list-item small{display:block;color:var(--muted)}.cv-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.thumb{width:100%;height:140px;object-fit:cover;border-radius:14px;margin-bottom:10px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px}.inline-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.price-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff}.alert{padding:13px 16px;border-radius:14px;margin-bottom:14px;border:1px solid var(--line);background:#fff}.alert-success{background:#ecfdf5;border-color:#bbf7d0}.alert-error{background:#fef2f2;border-color:#fecaca}.alert-warning{background:#fffbeb;border-color:#fde68a}.alert-info{background:#eff6ff;border-color:#bfdbfe}.preview-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.cv-preview-wrap{display:flex;justify-content:center;overflow:auto;padding:16px}.cv-sheet{position:relative;width:210mm;min-height:297mm;background:#fff;color:#111827;box-shadow:0 20px 60px rgba(15,23,42,.18);display:grid;grid-template-columns:70mm 1fr;overflow:hidden}.cv-sidebar{background:linear-gradient(180deg,var(--accent),#0f172a);color:white;padding:14mm 8mm}.cv-sidebar h1{font-size:23pt;line-height:1.05;margin:8mm 0 2mm}.cv-job{font-weight:700;opacity:.92}.cv-photo{width:34mm;height:34mm;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8)}.cv-contact{display:grid;gap:5mm;margin:8mm 0}.cv-contact b,.cv-contact span{display:block}.cv-contact b{font-size:8pt;text-transform:uppercase;opacity:.75}.cv-contact span{font-size:9pt;word-break:break-word}.cv-main{padding:14mm 11mm}.cv-section{margin-bottom:7mm}.cv-section h2{font-size:13pt;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid #d1d5db;padding-bottom:2mm;margin:0 0 3mm}.cv-section p,.cv-section li{font-size:10pt;line-height:1.45}.cv-item{margin-bottom:4mm}.cv-item h3{font-size:11pt;margin:0}.cv-meta{color:#6b7280;margin:1mm 0}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips span{display:inline-block;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);padding:4px 7px;border-radius:999px;font-size:8.5pt}.cv-main .chips span{border-color:#d1d5db;background:#f9fafb;color:#111827}.mini-list{display:grid;gap:4px;font-size:9pt}.cv-watermark{position:absolute;inset:0;display:grid;place-items:center;font-size:40pt;font-weight:900;color:rgba(220,38,38,.13);transform:rotate(-28deg);z-index:5;pointer-events:none;text-align:center}@media(max-width:850px){.hero,.hero.compact,.grid-2,.grid-3,.grid-4,.choice-grid,.form-layout,.feature-grid{grid-template-columns:1fr}.navwrap,.card-head,.preview-actions,.footer-grid{align-items:flex-start;flex-direction:column}.sticky-card{position:static}.repeat-row{grid-template-columns:1fr}.cv-sheet{transform:scale(.55);transform-origin:top left;margin-right:-95mm;margin-bottom:-130mm}.cv-preview-wrap{justify-content:flex-start}}@media print{body{background:#fff}.topbar,.footer,.preview-actions,.alert{display:none}.main{padding:0}.container{width:100%;margin:0}.cv-preview-wrap{padding:0}.cv-sheet{box-shadow:none;width:210mm;min-height:297mm}}

/* V10 Mobile Ready Patch */
html{height:100%;scroll-behavior:smooth}
body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-text-size-adjust:100%}
.main{flex:1 0 auto;width:100%}
.footer{flex-shrink:0;margin-top:auto}
img{max-width:100%;height:auto}button,input,select,textarea{font-size:16px}.btn{min-height:44px;touch-action:manipulation}.nav a,.nav button{min-height:40px;display:inline-flex;align-items:center}.field input,.field select,.field textarea{min-height:46px}.field textarea{resize:vertical}.card,.hero,.quick-link,.metric-card,.price-card,.cv-card{overflow-wrap:anywhere}.footer-grid p{margin:6px 0 0}.actions form{display:inline-flex}.list-item>div{min-width:0}.list-item b,.list-item small{overflow-wrap:anywhere}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-only{display:none}.desktop-only{display:initial}.cv-preview-wrap{position:relative;max-width:100%;-webkit-overflow-scrolling:touch}.cv-sheet{flex:none}.safe-bottom-space{padding-bottom:16px}

/* better visual rhythm */
.card h1,.card h2,.card h3,.hero h1{margin-top:0}.card p:last-child,.hero p:last-child{margin-bottom:0}.metric-card strong{line-height:1.15}.quick-link{transition:.15s ease}.quick-link:active,.btn:active{transform:translateY(1px)}.pick-summary,.pick-jobdesk{min-height:48px}.pick-summary:focus,.pick-jobdesk:focus,.btn:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.jobdesk-picks{max-height:320px;overflow:auto;padding-right:4px}.template-picks{max-height:280px;overflow:auto;padding-right:4px}.skill-box label{display:flex;gap:8px;align-items:flex-start;min-height:34px}.skill-box input[type="checkbox"]{margin-top:3px;min-width:18px;min-height:18px}

@media(max-width:980px){
  .container{width:min(100% - 28px,1180px)}
  .main{padding:22px 0 34px}
  .hero,.hero.compact{border-radius:22px;padding:22px;gap:18px}
  .hero h1{font-size:clamp(28px,8vw,42px)}
  .hero p{font-size:16px}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-2{grid-template-columns:1fr}
  .card{padding:18px;border-radius:18px}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric-card{padding:14px;border-radius:16px}.metric-icon{width:42px;height:42px;border-radius:14px;font-size:22px}.metric-card strong{font-size:20px}
  .navwrap{min-height:auto;padding:12px 0}.brand{font-size:18px}.brand-badge{width:38px;height:38px;border-radius:12px}
  .nav{width:100%;display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a,.nav .btn,.nav button{white-space:nowrap;padding:9px 12px;border-radius:999px;background:#f8fafc;border:1px solid var(--line);font-size:14px}.nav .btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}
  .preview-actions.card{position:sticky;bottom:10px;z-index:15;box-shadow:0 16px 35px rgba(15,23,42,.18);border-color:#cbd5e1;margin-bottom:14px}.preview-actions .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.preview-actions .actions .btn{width:100%}
  .footer-grid{gap:8px}.footer{padding:22px 0}.footer .muted{color:#cbd5e1}
}

@media(max-width:720px){
  .container{width:calc(100% - 22px)}
  .topbar{position:sticky;top:0}.navwrap,.card-head,.preview-actions,.footer-grid{align-items:stretch;flex-direction:column}.brand{width:100%;justify-content:flex-start}.hero,.hero.compact,.choice-grid,.form-layout,.feature-grid,.settings-grid,.pricing-grid{grid-template-columns:1fr}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.grid-cards{grid-template-columns:1fr}.metric-card{align-items:flex-start}.metric-card strong{font-size:22px}.quick-link{display:flex;align-items:center;gap:13px;padding:14px}.quick-link span{font-size:24px}.choice{padding:14px;border-radius:14px}.wizard-head{align-items:stretch;flex-direction:column;gap:12px}.compact{max-width:none}.sticky-card{position:static;order:-1}.repeat-row{grid-template-columns:1fr;padding:12px}.inline-panel{grid-template-columns:1fr}.list{gap:9px}.list-item{align-items:stretch;flex-direction:column}.list-item .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.list-item .actions .btn{width:100%}.actions{width:100%}.actions>.btn,.actions>form,.actions>form>.btn{width:100%}.actions.wrap{display:grid;grid-template-columns:1fr 1fr}.actions.wrap form{width:100%}.actions.wrap form .btn{width:100%}.auth-card{max-width:none}.section-gap{margin-top:18px}.template-picks,.jobdesk-picks{max-height:220px}.skill-grid{grid-template-columns:1fr}.lang-row{grid-template-columns:1fr}.mobile-only{display:initial}.desktop-only{display:none}
  .cv-preview-wrap{padding:10px 0;overflow:hidden;justify-content:flex-start;min-height:var(--cv-preview-height, 360px)}
  .cv-sheet{transform:scale(var(--cv-scale,.45));transform-origin:top left;margin:0;box-shadow:0 14px 35px rgba(15,23,42,.16)}
  .cv-sidebar{padding:10mm 6mm}.cv-main{padding:10mm 8mm}.cv-sidebar h1{font-size:19pt}.cv-photo{width:28mm;height:28mm}.cv-section h2{font-size:11pt}.cv-section p,.cv-section li{font-size:9pt}
}

@media(max-width:420px){
  .container{width:calc(100% - 18px)}.main{padding:16px 0 28px}.card{padding:15px;border-radius:16px}.hero,.hero.compact{padding:18px;border-radius:18px}.eyebrow{font-size:12px}.btn{padding:10px 13px}.choice span,.field small,.muted{font-size:13px}.actions.wrap,.preview-actions .actions,.list-item .actions{grid-template-columns:1fr}.cv-preview-wrap{min-height:var(--cv-preview-height, 320px)}
}

@media print{html,body{display:block;min-height:auto}.main{display:block}.footer{display:none!important}.cv-sheet{transform:none!important;margin:0!important}}

/* Override older preview scaling between phone and tablet widths */
@media(min-width:721px) and (max-width:980px){
  .cv-preview-wrap{overflow:auto;justify-content:flex-start;min-height:auto;padding:14px;-webkit-overflow-scrolling:touch}
  .cv-sheet{transform:none!important;margin:0!important}
}

/* V11 Layout Partials + Template System */
.app-shell{min-height:100vh;display:flex;flex-direction:column}
.page-container{width:min(1180px,92vw)}
.brand-logo{width:42px;height:42px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--line)}
.footer-actions{display:grid;gap:8px;justify-items:end}.footer-link{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:4px}
code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:2px 6px}
hr{border:0;border-top:1px solid var(--line);margin:18px 0}

/* CV template renderer */
.cv-sheet{isolation:isolate}.cv-layer-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}.cv-layer-el{position:absolute;box-sizing:border-box}.cv-layer-image{object-fit:cover}.cv-layer-text{display:flex;align-items:center;overflow:hidden;line-height:1.15;white-space:pre-wrap}.cv-sidebar,.cv-main,.cv-wide-header,.cv-modern-body,.cv-creative-header,.cv-creative-grid,.cv-ats-main{position:relative;z-index:2}.cv-photo-frame{display:inline-grid;place-items:center;padding:3px;border-radius:999px;background:rgba(255,255,255,.32)}
.cv-template-formal .cv-sidebar{background:linear-gradient(180deg,var(--accent),#1e293b)}.cv-template-formal .cv-section h2{border-bottom:2px solid #bfdbfe}
.cv-template-modern{display:block;padding:0;overflow:hidden}.cv-wide-header{min-height:42mm;background:linear-gradient(135deg,var(--accent),#0f172a);color:#fff;padding:12mm 14mm;display:flex;justify-content:space-between;align-items:center}.cv-wide-header h1{font-size:28pt;line-height:1;margin:0}.cv-wide-header p{font-size:13pt;margin:3mm 0 0;opacity:.9}.cv-wide-header .cv-photo{width:34mm;height:34mm;border-radius:18px;border:3px solid rgba(255,255,255,.82)}.cv-modern-body{display:grid;grid-template-columns:64mm 1fr;min-height:255mm}.cv-modern-side{background:#f8fafc;border-right:1px solid #e5e7eb;padding:10mm 7mm}.cv-modern-side .cv-contact b,.cv-modern-side .cv-contact span{color:#111827}.cv-modern-side .chips span{border-color:#d1d5db;background:#fff;color:#111827}.cv-modern .cv-main,.cv-template-modern .cv-main{padding:10mm}
.cv-template-ats{display:block;padding:0}.cv-ats-main{padding:16mm 18mm;width:100%}.cv-ats-header{text-align:center;border-bottom:2px solid #111827;padding-bottom:5mm;margin-bottom:7mm}.cv-ats-header h1,.cv-academic-header h1{font-size:26pt;margin:0;color:#111827}.cv-ats-header p,.cv-academic-header p{margin:2mm 0;color:#374151;font-weight:700}.cv-ats-contact{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:9pt;color:#4b5563}.cv-template-ats .cv-section h2,.cv-template-academic .cv-section h2{color:#111827;border-bottom:1px solid #111827;letter-spacing:.04em}.cv-template-ats .chips span,.cv-template-academic .chips span{border-color:#d1d5db;background:#fff;color:#111827}
.cv-template-creative{display:block;overflow:hidden}.creative-ribbon{position:absolute;left:-40mm;top:18mm;width:130mm;height:18mm;background:var(--accent);transform:rotate(-32deg);z-index:1}.cv-creative-header{display:flex;gap:8mm;align-items:center;padding:14mm 14mm 8mm}.cv-creative-header .cv-photo{width:32mm;height:32mm;border-radius:12mm;border:4px solid var(--accent)}.cv-creative-header h1{font-size:28pt;margin:0}.cv-creative-header p{font-weight:800;color:var(--accent);margin:2mm 0 0}.cv-creative-grid{display:grid;grid-template-columns:1fr 62mm;gap:8mm;padding:0 12mm 12mm}.cv-creative-side{background:#fff7ed;border:1px solid #fed7aa;border-radius:10mm;padding:8mm}.cv-creative-side .cv-contact b,.cv-creative-side .cv-contact span{color:#111827}.cv-creative-side .chips span{border-color:#fed7aa;background:#fff;color:#111827}.cv-template-academic{display:block}.cv-academic-header{text-align:left;border-left:6px solid var(--accent);padding:8mm 0 6mm 7mm;margin-bottom:7mm;background:#f9fafb}

/* Template designer */
.designer-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.designer-shell{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:16px;align-items:start}.designer-side,.designer-props{position:sticky;top:88px}.designer-toolgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.designer-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.designer-workspace{overflow:auto;background:#e2e8f0;border-radius:18px;padding:18px;max-height:76vh;-webkit-overflow-scrolling:touch}.designer-canvas{position:relative;width:794px;height:1123px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.22);background-image:linear-gradient(#eef2ff 1px,transparent 1px),linear-gradient(90deg,#eef2ff 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.designer-safe-area{position:absolute;left:38px;top:38px;right:38px;bottom:38px;border:2px dashed rgba(37,99,235,.35);pointer-events:none}.designer-el{position:absolute;cursor:move;border:1px solid transparent;min-width:5px;min-height:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;line-height:1.15;white-space:pre-wrap}.designer-el.selected{outline:2px solid #2563eb;outline-offset:1px}.designer-el.mapped{background:rgba(37,99,235,.08);border:1px dashed #2563eb}.designer-el.type-image{object-fit:cover}.resize-handle{position:absolute;right:0;bottom:0;width:12px;height:12px;background:#2563eb;border-radius:3px 0 0 0;cursor:nwse-resize;display:none}.designer-el.selected .resize-handle{display:block}.designer-props .grid-2{gap:8px}.designer-props textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}

@media(max-width:1100px){.designer-shell{grid-template-columns:1fr}.designer-side,.designer-props{position:static}.designer-workspace{max-height:none}.designer-main{order:2}.designer-props{order:3}.designer-side{order:1}.designer-hero{align-items:stretch;flex-direction:column}}
@media(max-width:720px){.footer-actions{justify-items:start}.designer-workspace{padding:10px;border-radius:14px}.designer-canvas{transform:scale(.43);transform-origin:top left;margin-right:-452px;margin-bottom:-640px}.designer-topbar{align-items:stretch;flex-direction:column}.designer-toolgrid{grid-template-columns:1fr 1fr}.cv-modern-body,.cv-creative-grid{grid-template-columns:1fr}.cv-modern-side,.cv-creative-side{display:block}.cv-wide-header h1,.cv-creative-header h1{font-size:22pt}.cv-creative-header{padding:10mm 8mm 5mm}.cv-creative-grid{padding:0 8mm 8mm}.cv-ats-main{padding:12mm 10mm}}
.btn-details{position:relative}.btn-details>summary{list-style:none}.btn-details>summary::-webkit-details-marker{display:none}.btn-details[open]{grid-column:1/-1}.btn-details form{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px}

/* V12 Sidebar UI + Monochrome Icon System */
:root{--sidebar-w:284px;--sidebar-mini-w:86px;--header-h:74px;--app-bg:#f3f6fb;--side-bg:#ffffff;--side-text:#334155;--side-muted:#94a3b8;--side-active:#eef4ff}
body.app-shell{display:block;min-height:100vh;background:var(--app-bg);overflow-x:hidden}
.app-layout{min-height:100vh;display:flex;align-items:stretch;background:var(--app-bg)}
.app-page{min-width:0;flex:1;display:flex;flex-direction:column;min-height:100vh}
.app-header{height:var(--header-h);display:flex;align-items:center;gap:14px;justify-content:space-between;padding:0 28px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.app-title{min-width:0;display:grid;gap:2px;margin-right:auto}.app-title h1{margin:0;font-size:20px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.app-header-actions{display:flex;align-items:center;gap:10px}.user-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;color:#334155}.user-chip .mono-icon{width:18px;height:18px}
.main{flex:1 0 auto;padding:28px 0 44px;width:100%}.page-container{width:min(1180px,calc(100vw - var(--sidebar-w) - 72px));max-width:1180px}.footer{margin-top:auto;background:#0f172a}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer p{margin:.35rem 0 0;color:#cbd5e1}.footer-actions{justify-items:end}.footer .muted{color:#cbd5e1}
.app-sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--side-bg);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;z-index:50;transition:width .22s ease,transform .22s ease;box-shadow:8px 0 24px rgba(15,23,42,.04)}
.sidebar-head{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.sidebar-brand{display:flex;align-items:center;gap:10px;min-width:0;font-weight:900;color:var(--ink)}.sidebar-brand .brand-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-logo,.brand-badge{flex:none}.sidebar-mini-toggle,.sidebar-toggle{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#fff;color:#334155;cursor:pointer}.sidebar-mini-toggle:hover,.sidebar-toggle:hover{background:#f8fafc;color:var(--primary)}.sidebar-toggle{flex:none}.sidebar-mini-toggle .mono-icon,.sidebar-toggle .mono-icon{width:22px;height:22px}.sidebar-nav{padding:14px;display:grid;gap:10px;overflow:auto;scrollbar-width:thin}.sidebar-section{display:grid;gap:6px}.sidebar-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--side-muted);padding:9px 12px 4px}.sidebar-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:14px;color:var(--side-text);font-weight:800;border:1px solid transparent;transition:.16s ease;background:transparent;width:100%;text-align:left;font:inherit;cursor:pointer}.sidebar-link:hover{background:#f8fafc;color:var(--primary)}.sidebar-link.active{background:var(--side-active);border-color:#dbeafe;color:var(--primary)}.sidebar-link span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot{margin-top:auto;padding:14px;border-top:1px solid var(--line);display:grid;gap:10px}.user-mini{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;padding:10px;background:#f8fafc}.avatar-dot{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--primary);color:#fff;font-weight:900;flex:none}.user-mini-text{min-width:0}.user-mini-text b,.user-mini-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini-text small{color:var(--muted);text-transform:capitalize}.sidebar-logout{margin:0}.logout-link{justify-content:flex-start;background:#fff}
.mono-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:currentColor;flex:none}.mono-icon svg{width:100%;height:100%;display:block}.metric-icon .mono-icon{width:26px;height:26px;color:var(--primary)}.metric-icon{font-size:0;background:#eff6ff;color:var(--primary)}.quick-link{display:flex;align-items:flex-start;gap:13px;transition:.16s ease}.quick-link:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.08);border-color:#bfdbfe}.quick-link>.mono-icon{width:28px;height:28px;color:var(--primary);background:#eff6ff;border-radius:12px;padding:6px;box-sizing:content-box}.quick-link b,.quick-link small{display:block}.quick-link small{font-weight:600}.metric-card{transition:.16s ease}.metric-card:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(15,23,42,.07)}
body.sidebar-collapsed .app-sidebar{width:var(--sidebar-mini-w);flex-basis:var(--sidebar-mini-w)}body.sidebar-collapsed .brand-text,body.sidebar-collapsed .sidebar-title,body.sidebar-collapsed .sidebar-link span:last-child,body.sidebar-collapsed .user-mini-text,body.sidebar-collapsed .sidebar-foot .btn{display:none}body.sidebar-collapsed .sidebar-head{justify-content:center;padding:14px 10px}body.sidebar-collapsed .sidebar-brand{gap:0}body.sidebar-collapsed .sidebar-mini-toggle{position:absolute;right:-16px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.12)}body.sidebar-collapsed .sidebar-mini-toggle .mono-icon{transform:rotate(180deg)}body.sidebar-collapsed .sidebar-nav{padding:14px 10px}body.sidebar-collapsed .sidebar-link{justify-content:center;padding:10px}body.sidebar-collapsed .sidebar-foot{align-items:center;padding:12px 10px}.sidebar-backdrop{display:none}
.card,.hero,.price-card,.metric-card,.quick-link,.list-item,.cv-card{border-color:#e5e7eb}.hero{background:linear-gradient(135deg,#fff,#eef4ff)}.card h1:first-child,.card h2:first-child,.card h3:first-child{margin-top:0}.list-item{box-shadow:0 8px 20px rgba(15,23,42,.04)}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(37,99,235,.16);border-color:var(--primary)}
.mobile-only{display:none}.desktop-only{display:initial}
@media(max-width:1180px){.page-container{width:calc(100vw - var(--sidebar-w) - 44px)}}
@media(max-width:900px){
  :root{--header-h:66px}.app-layout{display:block}.app-page{min-height:100vh}.app-header{padding:0 14px}.app-title h1{font-size:17px}.breadcrumb-label{font-size:11px}.app-header-actions .user-chip span:last-child{display:none}.page-container,.container{width:calc(100% - 24px);max-width:none}.main{padding:18px 0 32px}.app-sidebar{position:fixed;left:0;top:0;bottom:0;height:100dvh;min-height:100dvh;transform:translateX(-102%);width:292px;flex-basis:292px;box-shadow:18px 0 40px rgba(15,23,42,.22)}body.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:45;opacity:0;pointer-events:none;transition:.2s ease}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}body.sidebar-collapsed .app-sidebar{width:292px;flex-basis:292px}body.sidebar-collapsed .brand-text,body.sidebar-collapsed .sidebar-title,body.sidebar-collapsed .sidebar-link span:last-child,body.sidebar-collapsed .user-mini-text,body.sidebar-collapsed .sidebar-foot .btn{display:initial}body.sidebar-collapsed .sidebar-head{justify-content:space-between;padding:14px}body.sidebar-collapsed .sidebar-mini-toggle{position:static;box-shadow:none}body.sidebar-collapsed .sidebar-mini-toggle .mono-icon{transform:none}body.sidebar-collapsed .sidebar-nav{padding:14px}body.sidebar-collapsed .sidebar-link{justify-content:flex-start;padding:10px 12px}.sidebar-mini-toggle{display:none}.footer-grid{align-items:flex-start;flex-direction:column}.footer-actions{justify-items:start}.mobile-only{display:initial}.desktop-only{display:none}.hero{border-radius:22px;padding:22px}.hero h1{font-size:clamp(28px,8vw,40px)}.metric-card{padding:15px}.metric-card strong{font-size:21px}.quick-link{padding:15px}.list-item{gap:10px}.btn{width:auto}.actions{gap:8px}.actions>.btn,.actions>form,.actions>form>.btn{min-width:0}.preview-actions.card{position:sticky;bottom:10px;z-index:20;box-shadow:0 20px 44px rgba(15,23,42,.18)}
}
@media(max-width:720px){.grid-2,.grid-3,.grid-4,.feature-grid,.choice-grid,.settings-grid,.pricing-grid,.form-layout{grid-template-columns:1fr!important}.card,.hero,.price-card{border-radius:18px;padding:16px}.actions,.preview-actions .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.actions>.btn,.actions>form,.actions>form>.btn,.preview-actions .actions .btn{width:100%}.list-item .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.quick-grid{grid-template-columns:1fr}.quick-link{align-items:center}.field label{font-size:13px}.footer{padding:20px 0}.designer-shell{grid-template-columns:1fr!important}.designer-side,.designer-props{position:static!important}.designer-workspace{max-height:none;overflow:auto;-webkit-overflow-scrolling:touch}.designer-canvas{transform:scale(var(--designer-scale,.43));transform-origin:top left}}
@media(max-width:420px){.app-header{gap:9px}.sidebar-toggle{width:40px;height:40px}.app-title h1{font-size:16px}.actions,.preview-actions .actions,.list-item .actions{grid-template-columns:1fr}.metric-card{border-radius:17px}.metric-icon{width:44px;height:44px}.card{padding:14px}.btn{padding:10px 12px}}
@media print{.app-layout{display:block}.app-header,.app-sidebar,.sidebar-backdrop,.footer{display:none!important}.app-page,.main{display:block;min-height:auto}.page-container,.container{width:100%;max-width:none;margin:0}.main{padding:0}}

/* V13 Drawer Menu + Responsive Dashboard Patch */
:root{--drawer-w:304px;--header-h:72px}
body.app-shell{display:block;background:var(--app-bg)}
.app-layout{display:block;min-height:100vh;background:var(--app-bg)}
.app-page{width:100%;min-height:100vh;display:flex;flex-direction:column}
.page-container,.container{width:min(1180px,calc(100% - 32px));max-width:1180px}
.app-header{height:var(--header-h);padding:0 20px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.sidebar-toggle{display:inline-grid;background:var(--ink);color:#fff;border-color:var(--ink)}
.sidebar-toggle:hover{background:#1e293b;color:#fff}
.app-sidebar{position:fixed!important;left:0;top:0;bottom:0;width:var(--drawer-w)!important;max-width:calc(100vw - 34px);height:100dvh;min-height:100dvh;z-index:60;transform:translateX(-106%);box-shadow:24px 0 60px rgba(15,23,42,.22);transition:transform .22s ease!important;flex-basis:auto!important;border-right:1px solid var(--line)}
body.sidebar-open .app-sidebar{transform:translateX(0)}
.sidebar-backdrop{display:block!important;position:fixed;inset:0;z-index:55;background:rgba(15,23,42,.44);opacity:0;pointer-events:none;transition:opacity .2s ease}
body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}
.sidebar-close{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#fff;color:#334155;cursor:pointer}
.sidebar-close:hover{background:#f8fafc;color:var(--danger)}
.sidebar-mini-toggle{display:none!important}
body.sidebar-collapsed .app-sidebar{width:var(--drawer-w)!important;flex-basis:auto!important}
body.sidebar-collapsed .brand-text,body.sidebar-collapsed .sidebar-title,body.sidebar-collapsed .sidebar-link span:last-child,body.sidebar-collapsed .user-mini-text,body.sidebar-collapsed .sidebar-foot .btn{display:initial!important}
body.sidebar-collapsed .sidebar-link{justify-content:flex-start!important;padding:10px 12px!important}
.main{padding:26px 0 46px}
.footer-grid{align-items:flex-start;flex-wrap:wrap}.footer-actions{justify-items:start}

.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:linear-gradient(135deg,#ffffff,#eef4ff);border:1px solid #dbeafe;border-radius:26px;padding:24px;box-shadow:0 18px 42px rgba(15,23,42,.06)}
.dashboard-hero h1{margin:6px 0;font-size:clamp(26px,4vw,38px);line-height:1.05}.dashboard-hero p{margin:0;color:#475569;font-size:16px}.dashboard-hero .actions{justify-content:flex-end}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:18px}.dashboard-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.dashboard-panel .list-item{align-items:center}.dashboard-panel .list-item>div{min-width:0}.dashboard-panel .list-item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-panel .list-item small{white-space:normal;line-height:1.35}
.metric-card{min-width:0}.metric-card>div:last-child{min-width:0}.metric-card strong{word-break:break-word;overflow-wrap:anywhere}.quick-link span{min-width:0}.quick-link b{white-space:normal;line-height:1.2}.quick-link small{line-height:1.35}.list-item .actions{flex:none}

@media(max-width:900px){:root{--header-h:66px;--drawer-w:292px}.app-header{padding:0 14px}.page-container,.container{width:calc(100% - 24px)}.app-header-actions .btn-light{padding:9px 12px}.dashboard-hero{grid-template-columns:1fr;padding:20px;border-radius:22px}.dashboard-hero .actions{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr;width:100%}.dashboard-hero .actions .btn{width:100%}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panels{grid-template-columns:1fr}.app-title h1{max-width:52vw}}
@media(max-width:640px){.app-title h1{font-size:15px;max-width:48vw}.breadcrumb-label{font-size:10px}.dashboard-metrics{grid-template-columns:1fr}.dashboard-actions{grid-template-columns:1fr}.dashboard-hero .actions{grid-template-columns:1fr}.metric-card{padding:14px;border-radius:17px}.metric-icon{width:42px;height:42px}.metric-card strong{font-size:20px}.dashboard-panel .list-item{display:grid;grid-template-columns:1fr;gap:10px}.dashboard-panel .list-item .btn,.dashboard-panel .list-item .actions{width:100%}.dashboard-panel .list-item .actions{display:grid;grid-template-columns:1fr 1fr}.user-chip{display:none}.main{padding-top:16px}}
@media(max-width:420px){.sidebar-toggle{width:40px;height:40px}.sidebar-close{width:40px;height:40px}.app-title h1{max-width:46vw}.dashboard-panel .list-item .actions{grid-template-columns:1fr}}

/* V15 Repeatable Sections + PDF Sync Patch */
.repeat-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.repeat-card-head h2{margin:0 0 5px}.repeat-card-head .muted{margin:0}.repeat-list{display:grid;gap:12px}.repeat-row{position:relative;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.repeat-row.active{border-style:solid;border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.08)}.repeat-row-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.repeat-row .field:last-child{grid-column:1/-1}.repeat-remove:disabled{opacity:.45;cursor:not-allowed}.repeat-template{display:none!important}
.cv-pdf-mode .cv-sheet{box-shadow:none}.cv-pdf-mode .cv-section{break-inside:avoid;page-break-inside:avoid}.cv-pdf-mode .cv-item{break-inside:avoid;page-break-inside:avoid}.cv-pdf-mode .cv-layer-canvas{display:none}.cv-pdf-mode .cv-watermark{z-index:10}
@media(max-width:720px){.repeat-card-head{display:grid}.repeat-card-head .btn{width:100%}.repeat-row{grid-template-columns:1fr}.repeat-row-title{align-items:stretch}.repeat-row-title .btn{width:auto}.preview-actions .actions{grid-template-columns:1fr!important}}
@media print{.cv-preview-wrap{overflow:visible}.cv-pdf-mode .cv-sheet{box-shadow:none!important;transform:none!important}.preview-actions,.app-header,.app-sidebar,.sidebar-backdrop,.footer{display:none!important}}

/* V29 module refinement */
.cv-strategy-head{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start}.cv-strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;width:100%}.score-suggestions,.guidance-box{margin-top:14px;border:1px solid var(--line);background:#f8fafc;border-radius:16px;padding:13px}.score-suggestions b,.guidance-box b{display:block;margin-bottom:6px}.score-suggestions ul,.guidance-box ul{margin:0;padding-left:18px;color:#475569;font-size:13px}.score-suggestions li,.guidance-box li{margin:5px 0}.check small{display:block;color:#475569;line-height:1.35}.check b{display:block;font-size:12px;color:#0f172a}.form-actions-sticky{position:sticky;bottom:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px;padding:12px;z-index:5}.start-card{max-width:1050px;margin:0 auto}.repeat-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.repeat-row-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.repeat-row.active{border-color:var(--primary);background:#eff6ff}.cv-smart-form .field textarea::placeholder,.cv-smart-form .field input::placeholder{color:#94a3b8}.html2pdf-mode-ats .html2pdf-page{box-shadow:0 20px 60px rgba(15,23,42,.12)}
@media (max-width:900px){.cv-strategy-head{grid-template-columns:1fr}.cv-strategy-grid{grid-template-columns:1fr}.repeat-card-head{display:grid}.form-actions-sticky{bottom:8px}.choice-grid,.grid-2,.grid-3{grid-template-columns:1fr}}


/* CV Saya V34 - Smart A4 preview and overflow fix */
.cv-smart-a4 .cv-sheet,
.cv-smart-a4 .cv-current {
    height: auto !important;
    min-height: 297mm !important;
    overflow: visible !important;
}
.cv-smart-a4 .cv-template-maroon-photo,
.cv-smart-a4 .cv-template-maroon-photo .maroon-layout,
.cv-smart-a4 .cv-template-maroon-photo .maroon-left,
.cv-smart-a4 .cv-template-maroon-photo .maroon-right {
    height: auto !important;
    min-height: 1123px !important;
    max-height: none !important;
    overflow: visible !important;
}
.cv-smart-a4 .cv-template-modern,
.cv-smart-a4 .cv-modern-body {
    height: auto !important;
    min-height: 297mm !important;
    overflow: visible !important;
}
.cv-smart-a4 .cv-section,
.cv-smart-a4 .cv-item,
.cv-smart-a4 article {
    break-inside: avoid;
    page-break-inside: avoid;
}