*{margin:0;padding:0;box-sizing:border-box}
:root{--acc:#6C63FF;--acc2:#FF6584;--acc3:#43D9AD;--dark:#08080f;--surf:#0f0f1e;--card:#151528;--txt:#e4e4f0;--mut:#6a6a88;--brd:#1c1c34;--grad:linear-gradient(135deg,#6C63FF,#FF6584)}
body{background:var(--dark);color:var(--txt);font-family:'Cairo',sans-serif;min-height:100vh;overflow-x:hidden}

/* HEADER */
.app-header{background:linear-gradient(135deg,var(--surf),#0a0a1e);border-bottom:1px solid var(--brd);padding:9px 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:300;gap:8px;flex-wrap:wrap}
.logo{font-size:1.15rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;white-space:nowrap}
.hbadge{font-size:.58rem;background:rgba(67,217,173,.15);color:var(--acc3);border:1px solid rgba(67,217,173,.3);padding:2px 7px;border-radius:10px;margin-right:6px;-webkit-text-fill-color:var(--acc3)}
.hacts{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.btn{border:none;padding:6px 12px;border-radius:18px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.7rem;font-weight:700;transition:all .2s;white-space:nowrap}
.btn-p{background:var(--grad);color:#fff;box-shadow:0 3px 12px rgba(108,99,255,.35)}
.btn-p:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(108,99,255,.5)}
.btn-s{background:var(--card);color:var(--txt);border:1px solid var(--brd)}
.btn-s:hover{border-color:var(--acc);color:var(--acc)}
.btn-ai{background:linear-gradient(135deg,rgba(108,99,255,.18),rgba(255,101,132,.18));color:var(--acc);border:1px solid rgba(108,99,255,.4)}
.btn-ai:hover{background:linear-gradient(135deg,rgba(108,99,255,.3),rgba(255,101,132,.3))}
.save-pulse{font-size:.62rem;color:var(--acc3);display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .3s}
.save-pulse.on{opacity:1}
.save-dot{width:5px;height:5px;background:var(--acc3);border-radius:50%;animation:sdot 1.4s infinite}
@keyframes sdot{0%,100%{opacity:1}50%{opacity:.2}}

/* CV MANAGER BAR */
.cv-bar{background:var(--surf);border-bottom:1px solid var(--brd);padding:6px 16px;display:flex;align-items:center;gap:6px;overflow-x:auto;flex-shrink:0;min-height:38px}
.cv-bar::-webkit-scrollbar{height:2px}.cv-bar::-webkit-scrollbar-thumb{background:var(--acc)}
.cv-tab{display:flex;align-items:center;gap:5px;padding:4px 11px;border-radius:16px;cursor:pointer;font-size:.68rem;font-weight:700;border:1px solid var(--brd);color:var(--mut);white-space:nowrap;background:var(--card);transition:all .18s;flex-shrink:0}
.cv-tab.act{border-color:var(--acc);color:var(--acc);background:rgba(108,99,255,.1)}
.cv-tab-del{background:none;border:none;color:var(--mut);cursor:pointer;font-size:.7rem;line-height:1;padding:0;transition:color .15s}
.cv-tab-del:hover{color:var(--acc2)}
.cv-add{background:none;border:1px dashed var(--brd);color:var(--mut);padding:4px 11px;border-radius:16px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.68rem;flex-shrink:0;transition:all .18s}
.cv-add:hover{border-color:var(--acc);color:var(--acc)}

/* LAYOUT */
.app-body{display:grid;grid-template-columns:350px 1fr;height:calc(100vh - 82px);overflow:hidden}
.sidebar{background:var(--surf);border-left:1px solid var(--brd);overflow-y:auto;display:flex;flex-direction:column}
.sidebar::-webkit-scrollbar{width:2px}.sidebar::-webkit-scrollbar-thumb{background:var(--acc);border-radius:2px}

/* TABS */
.tab-bar{display:flex;border-bottom:1px solid var(--brd);flex-shrink:0}
.tab{flex:1;padding:10px 3px;text-align:center;font-size:.6rem;font-weight:700;cursor:pointer;color:var(--mut);border-bottom:2px solid transparent;transition:all .16s;background:none;border-top:none;border-left:none;border-right:none;letter-spacing:.3px}
.tab.act{color:var(--acc);border-bottom-color:var(--acc);background:rgba(108,99,255,.04)}
.tp{display:none;padding:13px;flex:1}.tp.act{display:block}

/* FORM */
.sl{font-size:.56rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--mut);margin-bottom:7px;margin-top:13px;display:flex;align-items:center;gap:5px}
.sl:first-child{margin-top:0}.sl::after{content:'';flex:1;height:1px;background:var(--brd)}
.f{margin-bottom:7px}
.f label{display:block;font-size:.65rem;color:var(--mut);margin-bottom:2px;font-weight:600}
.f input,.f textarea,.f select{width:100%;background:#06060e;border:1px solid var(--brd);color:var(--txt);padding:5px 8px;border-radius:6px;font-family:'Cairo',sans-serif;font-size:.76rem;transition:border .16s;resize:vertical}
.f input:focus,.f textarea:focus{outline:none;border-color:var(--acc);background:#09091a}
.f textarea{min-height:48px}
.addb{width:100%;background:none;border:1px dashed var(--brd);color:var(--acc);padding:5px;border-radius:6px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.7rem;transition:all .16s;margin-top:2px}
.addb:hover{background:rgba(108,99,255,.07);border-color:var(--acc)}
.di{background:#06060e;border:1px solid var(--brd);border-radius:7px;padding:8px 8px 8px 26px;margin-bottom:6px;position:relative}
.di .rm{position:absolute;top:6px;left:6px;background:none;border:none;color:var(--mut);cursor:pointer;font-size:.7rem;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s}
.di .rm:hover{background:rgba(255,100,130,.15);color:var(--acc2)}
.di .dh{position:absolute;top:6px;right:6px;color:var(--mut);cursor:grab;font-size:.75rem;line-height:1;user-select:none}
.di .dh:active{cursor:grabbing}

/* SCORE */
.score-wrap{background:#06060e;border:1px solid var(--brd);border-radius:8px;padding:10px;margin-bottom:10px}
.sc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sc-title{font-size:.68rem;font-weight:700}
.sc-pct{font-size:1.3rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sc-track{background:var(--brd);height:6px;border-radius:3px;overflow:hidden;margin-bottom:7px}
.sc-fill{height:100%;border-radius:3px;background:var(--grad);transition:width .5s ease}
.sc-items{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.sc-item{display:flex;align-items:center;gap:3px;font-size:.6rem}
.sc-ok{color:var(--acc3)}.sc-no{color:var(--mut)}

/* SECTION TOGGLES */
.stogs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.stog{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:12px;border:1px solid var(--brd);font-size:.64rem;cursor:pointer;transition:all .16s;color:var(--mut);background:var(--card)}
.stog.on{border-color:var(--acc3);color:var(--acc3);background:rgba(67,217,173,.08)}
.stog input{display:none}

/* ORDER LIST */
.so-list{display:flex;flex-direction:column;gap:3px}
.so-item{display:flex;align-items:center;gap:7px;padding:6px 9px;background:#06060e;border:1px solid var(--brd);border-radius:6px;cursor:grab;font-size:.72rem;transition:all .15s}
.so-item:hover{border-color:var(--acc);color:var(--acc)}
.so-item:active{cursor:grabbing;opacity:.7}
.so-icon{font-size:.85rem}
.so-drag{margin-right:auto;color:var(--mut)}

/* TEMPLATES */
.tg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
.tc{border:2px solid var(--brd);border-radius:7px;overflow:hidden;cursor:pointer;transition:all .2s;aspect-ratio:3/4;position:relative;background:var(--card)}
.tc:hover{border-color:rgba(108,99,255,.6);transform:scale(1.03)}
.tc.sel{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),0 4px 16px rgba(108,99,255,.4)}
.tc svg{width:100%;height:100%;display:block}
.tc-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0,rgba(0,0,0,.85),transparent);font-size:.48rem;font-weight:700;text-align:center;padding:10px 2px 3px;color:#fff}
.tc-num{position:absolute;top:2px;right:2px;background:var(--acc);color:#fff;font-size:.46rem;font-weight:700;padding:1px 4px;border-radius:3px}

/* COLORS & FONTS */
.crow{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ci2 label{display:block;font-size:.65rem;color:var(--mut);margin-bottom:3px;font-weight:600}
.ci2 input[type=color]{width:100%;height:28px;border:1px solid var(--brd);border-radius:6px;cursor:pointer;background:none;padding:2px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:3px}
.fo{padding:4px;border:1px solid var(--brd);border-radius:5px;cursor:pointer;text-align:center;font-size:.65rem;transition:all .16s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut)}
.fo.sel{border-color:var(--acc);background:rgba(108,99,255,.12);color:var(--acc)}
.fo:hover{border-color:var(--acc)}

/* SIZES */
.szc{background:#06060e;border:1px solid var(--brd);border-radius:7px;padding:9px;display:flex;flex-direction:column;gap:7px}
.szr{display:flex;align-items:center;gap:6px}
.szl{font-size:.6rem;color:var(--mut);font-weight:600;min-width:40px;text-align:right}
.szs{flex:1;-webkit-appearance:none;height:3px;border-radius:2px;background:var(--brd);outline:none;cursor:pointer}
.szs::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--acc);cursor:pointer}
.szv{font-size:.62rem;color:var(--acc);font-weight:700;min-width:16px;text-align:center}

/* BACKGROUND OPTIONS */
.bg-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px}
.bg-opt{border:2px solid var(--brd);border-radius:6px;height:36px;cursor:pointer;transition:all .18s;position:relative}
.bg-opt.sel{border-color:var(--acc)}
.bg-opt span{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.48rem;color:#fff}

/* PADDING */
.pad-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.pad-item label{display:block;font-size:.62rem;color:var(--mut);margin-bottom:2px}
.pad-item input[type=range]{width:100%;-webkit-appearance:none;height:3px;border-radius:2px;background:var(--brd);outline:none;cursor:pointer}
.pad-item input::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--acc);cursor:pointer}

/* PHOTO */
.pz{border:2px dashed var(--brd);border-radius:8px;padding:11px;text-align:center;cursor:pointer;transition:all .16s;position:relative;overflow:hidden;margin-bottom:7px}
.pz:hover{border-color:var(--acc)}.pz.has{border-style:solid;border-color:var(--acc)}
.pz img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:2px solid var(--acc)}
.pz-icon{font-size:1.6rem}.pz-hint{font-size:.7rem;font-weight:600;color:var(--txt);display:block;margin-top:3px}
.pz-sub{font-size:.6rem;color:var(--mut);display:block}
.prm{display:block;width:100%;margin-top:5px;background:rgba(255,100,130,.08);border:1px solid rgba(255,100,130,.22);color:var(--acc2);padding:3px;border-radius:5px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.64rem}
.shps{display:flex;gap:5px;margin-bottom:8px}
.shp{background:var(--card);border:1px solid var(--brd);color:var(--mut);padding:4px 9px;border-radius:5px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.64rem;transition:all .16s}
.shp.sel{border-color:var(--acc);color:var(--acc);background:rgba(108,99,255,.1)}

/* AI BOX */
.ai-btn2{width:100%;background:linear-gradient(135deg,rgba(108,99,255,.12),rgba(255,101,132,.12));border:1px solid rgba(108,99,255,.3);color:var(--acc);padding:6px;border-radius:6px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;margin:4px 0;transition:all .18s}
.ai-btn2:hover{background:linear-gradient(135deg,rgba(108,99,255,.22),rgba(255,101,132,.22))}
.ai-box{background:#06060e;border:1px solid var(--brd);border-radius:7px;padding:9px;margin-top:5px;font-size:.72rem;line-height:1.7;color:var(--txt);display:none}
.ai-box.on{display:block}
.ai-apply{background:var(--acc);color:#fff;border:none;padding:4px 12px;border-radius:5px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.66rem;font-weight:700;margin-top:7px;display:block;width:100%}
.ai-dots span{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--acc);animation:bd .8s infinite;margin:0 1px}
.ai-dots span:nth-child(2){animation-delay:.15s}.ai-dots span:nth-child(3){animation-delay:.3s}
@keyframes bd{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* PREVIEW */
.pv-area{overflow:auto;background:#1c1c2e;padding:20px;display:flex;justify-content:center;align-items:flex-start;position:relative;gap:16px}
.pv-area::-webkit-scrollbar{width:4px}.pv-area::-webkit-scrollbar-thumb{background:var(--acc);border-radius:2px}
.pv-ctrl{position:absolute;bottom:14px;left:14px;display:flex;gap:5px;z-index:10}
.zb{background:var(--card);border:1px solid var(--brd);color:var(--txt);width:26px;height:26px;border-radius:6px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .16s}
.zb:hover{border-color:var(--acc);color:var(--acc)}

/* MODALS */
.mo{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:5000;align-items:center;justify-content:center;backdrop-filter:blur(5px)}
.mo.open{display:flex}
.md{background:var(--surf);border:1px solid var(--brd);border-radius:12px;width:480px;max-width:calc(100vw - 20px);max-height:88vh;overflow-y:auto;box-shadow:0 20px 70px rgba(0,0,0,.7);animation:min .2s ease}
.md.wide{width:720px}
@keyframes min{from{opacity:0;transform:scale(.93) translateY(8px)}to{opacity:1;transform:none}}
.mh{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--brd);font-weight:700;font-size:.86rem;flex-shrink:0}
.mc{background:none;border:none;color:var(--mut);cursor:pointer;font-size:.85rem;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center}
.mc:hover{background:var(--card);color:var(--acc2)}
.mb{padding:16px}

/* PDF PREVIEW */
.pdf-prev-wrap{background:#2a2a3e;border-radius:8px;overflow:hidden;margin-bottom:12px;max-height:55vh;overflow-y:auto;display:flex;justify-content:center;padding:14px}
.pdf-prev-inner{transform:scale(0.6);transform-origin:top center;width:210mm;min-height:297mm;flex-shrink:0}

/* SHARE */
.sh-url{display:flex;gap:5px;margin-bottom:6px}
.sh-inp{flex:1;background:#06060e;border:1px solid var(--brd);color:var(--txt);padding:6px 8px;border-radius:6px;font-family:monospace;font-size:.64rem;direction:ltr}
.sh-copy{background:var(--acc);color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.66rem;font-weight:700;white-space:nowrap}
.sh-gen{width:100%;background:var(--grad);color:#fff;border:none;padding:8px;border-radius:7px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.74rem;font-weight:700;margin-bottom:6px}
.sh-apps{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;margin-bottom:8px}
.sh-app{background:var(--card);border:1px solid var(--brd);border-radius:7px;padding:8px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .16s;font-family:'Cairo',sans-serif;font-size:.6rem;color:var(--txt)}
.sh-app:hover{border-color:var(--acc);transform:translateY(-1px)}
.sh-divider{text-align:center;font-size:.62rem;color:var(--mut);margin:10px 0;position:relative}
.sh-divider::before,.sh-divider::after{content:'';position:absolute;top:50%;width:34%;height:1px;background:var(--brd)}
.sh-divider::before{right:0}.sh-divider::after{left:0}
.sh-exp{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
.sh-eb{background:var(--card);border:1px solid var(--brd);color:var(--txt);padding:7px;border-radius:6px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.63rem;font-weight:600;text-align:center;transition:all .16s}
.sh-eb:hover{border-color:var(--acc);color:var(--acc)}

/* UNDO TOAST */
.undo-t{position:fixed;bottom:18px;right:18px;background:var(--card);border:1px solid var(--brd);border-radius:9px;padding:9px 14px;display:flex;align-items:center;gap:9px;z-index:8000;transform:translateY(70px);opacity:0;transition:all .28s;font-size:.72rem;box-shadow:0 8px 28px rgba(0,0,0,.5)}
.undo-t.on{transform:translateY(0);opacity:1}
.undo-btn{background:var(--acc);color:#fff;border:none;padding:3px 10px;border-radius:5px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.66rem;font-weight:700}

/* PDF LOADING */
.pdf-ld{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;align-items:center;justify-content:center;flex-direction:column;gap:11px}
.pdf-ld.on{display:flex}
.spin{width:40px;height:40px;border:3px solid rgba(108,99,255,.2);border-top-color:var(--acc);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* RTL MODE */
.cv-paper.rtl-mode{direction:rtl}

/* PRINT */
@media print{.app-header,.sidebar,.cv-bar,.pdf-ld,.undo-t,.mo,.pv-ctrl{display:none!important}.app-body{display:block;height:auto}.pv-area{padding:0;background:none;display:block}.cv-paper{box-shadow:none;width:100%;transform:none!important}}
@media(max-width:880px){.app-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{height:44vh}}

/* CV PAPER BASE */
.cv-paper{background:#fff;color:#222;box-shadow:0 16px 50px rgba(0,0,0,.6);overflow:hidden;font-size:10pt;line-height:1.4;transition:transform .2s}
.cv-paper .cv-nm{font-size:var(--sz-nm,22pt);font-family:var(--cv-tf,'Cairo')}
.cv-paper .cv-rl{font-size:var(--sz-rl,11pt)}
.cv-paper .cv-sh{font-size:var(--sz-sh,8.5pt);font-family:var(--cv-tf,'Cairo')}
.cv-paper .cv-ct{font-size:var(--sz-ct,8pt)}
.cv-paper .cv-bd{font-size:var(--sz-bd,9.5pt);font-family:var(--cv-bf,'DM Sans')}
.cv-paper .cv-it{font-weight:700;font-family:var(--cv-tf,'Cairo');color:var(--cv-tc,#1a1a2e);font-size:var(--sz-bd,9.5pt)}
.cv-paper .cv-is{color:var(--cv-ac,#6C63FF);font-size:calc(var(--sz-bd,9.5pt) - 1pt)}
.cv-paper .cv-id{color:#666;margin-top:3px;line-height:1.5;font-family:var(--cv-bf,'DM Sans');font-size:calc(var(--sz-bd,9.5pt) - 0.5pt)}
.cv-paper .cv-item{margin-bottom:10px}
.cv-paper .bar{background:#e5e5e5;height:4px;border-radius:3px;margin-top:3px}
.cv-paper .fill{background:var(--cv-ac,#6C63FF);height:100%;border-radius:3px}

/* TEMPLATE STYLES (25 templates) */