:root{--dash-bg:#f5f8fc;--dash-card:#fff;--dash-text:#14213d;--dash-muted:#667085;--dash-line:#e4eaf2;--dash-blue:#2563eb;--dash-dark:#101828;--dash-shadow:0 12px 34px rgba(16,24,40,.07)}
body.cvgo-dashboard{background:linear-gradient(135deg,#f7faff 0%,#f3f7fb 52%,#f8f5ff 100%);color:var(--dash-text)}
body.cvgo-dashboard #auth{display:none!important}body.cvgo-dashboard #main{display:block!important;min-height:calc(100vh - 76px)}
body.cvgo-dashboard header{height:76px;background:rgba(255,255,255,.9);color:var(--dash-text);padding:0 34px;border-bottom:1px solid rgba(228,234,242,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50;box-shadow:0 2px 16px rgba(16,24,40,.04)}
body.cvgo-dashboard header .logo{font-size:27px;letter-spacing:-.7px;background:linear-gradient(90deg,#172554,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}
body.cvgo-dashboard header span{color:#667085;font-weight:600}
body.cvgo-dashboard .app{max-width:none;margin:0;padding:30px 34px 50px 292px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,610px);gap:26px;align-items:start;position:relative}
body.cvgo-dashboard .app:before{content:"";position:fixed;left:0;top:76px;bottom:0;width:258px;background:linear-gradient(180deg,#101a2c 0%,#0d1626 100%);box-shadow:8px 0 30px rgba(16,24,40,.08);z-index:20}
body.cvgo-dashboard .panel,body.cvgo-dashboard .previewbox{background:rgba(255,255,255,.94);border:1px solid rgba(228,234,242,.95);border-radius:20px;box-shadow:var(--dash-shadow)}
body.cvgo-dashboard .panel{padding:25px;overflow:hidden}
body.cvgo-dashboard .previewbox{padding:24px;position:sticky;top:100px;height:calc(100vh - 126px);overflow:auto;min-width:0}
body.cvgo-dashboard .previewbox h3{font-size:18px!important;color:#14213d!important;margin-bottom:16px!important}
body.cvgo-dashboard #preview{width:100%;display:flex;justify-content:center;align-items:flex-start;overflow:visible;min-width:0}
body.cvgo-dashboard #preview .cv{flex:0 0 auto;margin:0!important;transform:none!important;transform-origin:top center!important}
body.cvgo-dashboard .tabs{background:#f0f4f9;border:1px solid #e7edf5;padding:5px;border-radius:13px;margin-bottom:24px}
body.cvgo-dashboard .tab{padding:11px;border-radius:9px;color:#667085;transition:.2s}
body.cvgo-dashboard .tab:hover{background:#fff;color:#344054}
body.cvgo-dashboard .tab.active{background:#fff;color:#175cd3;box-shadow:0 2px 8px rgba(16,24,40,.08)}
body.cvgo-dashboard .section{margin-bottom:28px}
body.cvgo-dashboard .section h2{font-size:18px;letter-spacing:-.2px;color:#172b4d}
body.cvgo-dashboard .field label{color:#475467;font-size:12px}
body.cvgo-dashboard .field input,body.cvgo-dashboard .field textarea{border:1px solid #d8e0eb;background:#fbfcfe;border-radius:10px;transition:border-color .18s,box-shadow .18s,background .18s}
body.cvgo-dashboard .field input:focus,body.cvgo-dashboard .field textarea:focus{outline:none;border-color:#84adff;background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.08)}
body.cvgo-dashboard .item{background:#fbfcfe;border:1px solid #e5eaf1;border-radius:13px;padding:14px;transition:.18s}
body.cvgo-dashboard .item:hover{border-color:#cdd8e8;box-shadow:0 5px 16px rgba(16,24,40,.04)}
body.cvgo-dashboard .smallbtn{border-color:#d7dfeb;background:#fff;color:#344054}
body.cvgo-dashboard .actions{gap:10px}
body.cvgo-dashboard .actions button,body.cvgo-dashboard .templateBtns button{border-color:#d7dfeb;background:#fff}
body.cvgo-dashboard .actions .dark{background:linear-gradient(135deg,#111827,#243b63);border-color:#111827;box-shadow:0 8px 18px rgba(16,24,40,.12)}
body.cvgo-dashboard .primary{background:linear-gradient(135deg,#2563eb,#1747c8);box-shadow:0 8px 18px rgba(37,99,235,.18)}
body.cvgo-dashboard .trial{border:1px solid #b7efd4;background:linear-gradient(135deg,#ecfdf5,#f0fdf9);box-shadow:0 5px 18px rgba(6,118,71,.05)}
body.cvgo-dashboard .score{background:#f8fafc}
body.cvgo-dashboard .templateBtns button.active{background:#172b4d}
body.cvgo-dashboard .dash-sidebar{position:fixed;left:0;top:76px;bottom:0;width:258px;z-index:30;padding:25px 17px 22px;color:#fff;pointer-events:none}
body.cvgo-dashboard .dash-sidebar>*{pointer-events:auto}
body.cvgo-dashboard .dash-brand{display:flex;align-items:center;gap:11px;padding:0 12px 25px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:19px}
body.cvgo-dashboard .dash-brand-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#2563eb,#60a5fa);display:grid;place-items:center;font-size:19px;box-shadow:0 8px 20px rgba(37,99,235,.3)}
body.cvgo-dashboard .dash-brand b{font-size:14px;letter-spacing:.2px}.dash-brand small{display:block;color:#98a8c0;margin-top:3px;font-size:11px}
body.cvgo-dashboard .dash-nav{display:grid;gap:6px}
body.cvgo-dashboard .dash-nav button{width:100%;border:0;background:transparent;color:#c5d0e0;border-radius:11px;padding:12px 12px;display:flex;align-items:center;gap:11px;text-align:left;font-weight:700;cursor:pointer;transition:.18s}
body.cvgo-dashboard .dash-nav button:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}
body.cvgo-dashboard .dash-nav button.active{background:linear-gradient(135deg,#1769ff,#2879f7);color:#fff;box-shadow:0 8px 18px rgba(23,105,255,.25)}
body.cvgo-dashboard .dash-nav i{font-style:normal;width:24px;text-align:center;font-size:17px}.dash-nav span{font-size:13px}.dash-nav small{display:block;color:#8fa0b8;font-size:10px;font-weight:500;margin-top:2px}
body.cvgo-dashboard .dash-pro{margin-top:22px;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:linear-gradient(145deg,rgba(37,99,235,.16),rgba(255,255,255,.04));}
body.cvgo-dashboard .dash-pro .pro-title{font-size:12px;font-weight:800;color:#fff;margin-bottom:5px}.dash-pro p{font-size:11px;color:#aebbd0;line-height:1.45;margin:0 0 12px}.dash-pro button{width:100%;border:0;border-radius:9px;background:#fff;color:#17305a;padding:9px;font-weight:800;cursor:pointer}
body.cvgo-dashboard .dash-quote{position:absolute;left:27px;right:27px;bottom:24px;color:#8494ab;font-size:11px;line-height:1.5;text-align:center}
body.cvgo-dashboard .dash-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 1px}
body.cvgo-dashboard .dash-welcome h1{font-size:27px;letter-spacing:-.7px;margin:0;color:#14213d}.dash-welcome p{margin:5px 0 0;color:#667085;font-size:13px}
body.cvgo-dashboard .dash-user{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:8px 12px 8px 8px;box-shadow:0 5px 18px rgba(16,24,40,.04)}
body.cvgo-dashboard .dash-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7c83ff,#5b63e6);color:#fff;display:grid;place-items:center;font-weight:800}.dash-user b{font-size:12px}.dash-user small{display:block;color:#667085;margin-top:2px;font-size:10px}
body.cvgo-dashboard .dash-quick{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:0}
body.cvgo-dashboard .dash-quick button{border:1px solid #e1e8f1;background:rgba(255,255,255,.9);border-radius:15px;padding:15px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:80px;transition:.2s;box-shadow:0 6px 18px rgba(16,24,40,.04)}
body.cvgo-dashboard .dash-quick button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,24,40,.08);border-color:#c9d8ef}.dash-quick .qicon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.q1 .qicon{background:#e8f1ff}.q2 .qicon{background:#f6e8ff}.q3 .qicon{background:#e4faf2}.q4 .qicon{background:#fff0e3}.dash-quick b{font-size:13px;color:#172b4d}.dash-quick small{display:block;color:#667085;font-size:10px;margin-top:3px;line-height:1.35}
body.cvgo-dashboard .dash-tip{grid-column:1/-1;margin-top:-8px;padding:13px 16px;border-radius:13px;background:linear-gradient(90deg,#f4f0ff,#fff7fd);border:1px solid #e8dcff;color:#57427d;font-size:12px}
body.cvgo-dashboard .previewbox:after{content:"Tu CV se actualiza en tiempo real";display:block;margin:15px auto 0;padding:9px 12px;text-align:center;border-radius:9px;background:#f3f7ff;color:#55709d;font-size:11px;font-weight:700}
@media(max-width:1150px){body.cvgo-dashboard .app{grid-template-columns:minmax(0,1fr) minmax(360px,470px);padding-left:278px}body.cvgo-dashboard .dash-quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){body.cvgo-dashboard .app{display:block;padding:22px 16px 35px;margin-left:0}body.cvgo-dashboard .app:before{display:none}body.cvgo-dashboard .dash-sidebar{position:static;width:auto;background:#101a2c;display:block;padding:12px 14px}.dash-nav{display:flex!important;overflow:auto}.dash-nav button{min-width:max-content}.dash-pro,.dash-quote,.dash-brand{display:none}body.cvgo-dashboard .previewbox{position:static;height:auto;margin-top:18px}body.cvgo-dashboard .dash-top{margin-bottom:14px}body.cvgo-dashboard .dash-quick{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body.cvgo-dashboard header{padding:0 16px}body.cvgo-dashboard header .logo{font-size:23px}body.cvgo-dashboard header span{display:none}body.cvgo-dashboard .dash-welcome h1{font-size:22px}body.cvgo-dashboard .dash-user{padding:6px}.dash-user div:not(.dash-avatar){display:none}body.cvgo-dashboard .dash-quick{grid-template-columns:1fr}body.cvgo-dashboard .panel{padding:17px}.grid{grid-template-columns:1fr}.previewbox{padding:14px!important;overflow-x:auto!important}.cv{min-width:620px!important;transform-origin:top left}}