@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600&family=Cinzel:wght@600;700&display=swap";:root{--bg: #0d0f1a;--surface: #131625;--card: #1a1d2e;--card2: #1f2338;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--gold: #c9a44a;--gold2: #e8c870;--gold3: #f5e0a0;--purple: #7c5cbf;--purple2: #9b7de8;--accent: #6c63ff;--red: #e05050;--green: #4caf80;--green2: #6ed4a0;--text: #e2e4f0;--text2: #9498b8;--text3: #555a7a;--sidebar-w: 240px;--header-h: 64px;--radius: 14px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-sm:0 2px 12px rgba(0,0,0,.25);--glow-gold:0 0 24px rgba(201,164,74,.18);--glow-purple:0 0 24px rgba(124,92,191,.25)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:15px;min-height:100vh}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:1000;background-image:radial-gradient(ellipse 60% 60% at 20% 30%,rgba(108,99,255,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 80% 70%,rgba(201,164,74,.06) 0%,transparent 60%)}.auth-box{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:420px;text-align:center;box-shadow:var(--shadow),var(--glow-purple)}.auth-logo{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--gold),var(--purple2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.2rem}.auth-sub{color:var(--text3);font-size:.85rem;margin-bottom:2rem}.auth-tabs{display:flex;margin-bottom:2rem;background:var(--surface);border-radius:var(--radius-sm);padding:4px;gap:4px}.auth-tab{flex:1;padding:.55rem;background:transparent;border:none;color:var(--text2);cursor:pointer;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:500;border-radius:6px;transition:all .2s}.auth-tab.active{background:var(--card2);color:var(--gold);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:1.1rem;text-align:left}.form-group label{display:block;font-size:.72rem;font-weight:600;color:var(--text3);margin-bottom:.4rem;letter-spacing:.08em;text-transform:uppercase}.form-group input{width:100%;padding:.7rem 1rem;background:var(--surface);border:1px solid var(--border2);color:var(--text);font-family:Inter,sans-serif;font-size:.95rem;border-radius:var(--radius-sm);outline:none;transition:border-color .2s}.form-group input:focus{border-color:var(--purple2)}.btn{width:100%;padding:.8rem;background:linear-gradient(135deg,var(--purple),var(--accent));border:none;border-radius:var(--radius-sm);color:#fff;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;letter-spacing:.04em;transition:all .2s;box-shadow:0 4px 16px #6c63ff4d}.btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #6c63ff66}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-error{color:var(--red);font-size:.85rem;margin-top:.8rem;min-height:1.2rem}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;transition:transform .3s}.sidebar-brand{padding:1.4rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.sidebar-brand-name{font-family:Cinzel,serif;font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,var(--gold),var(--purple2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-brand-sub{font-size:.68rem;color:var(--text3);margin-top:2px;line-height:1.4}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text2);cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;transition:all .2s;text-align:left;width:100%}.nav-item:hover{background:var(--card);color:var(--text)}.nav-item.active{background:linear-gradient(135deg,#6c63ff33,#7c5cbf26);color:var(--purple2);border:1px solid rgba(108,99,255,.25)}.nav-item.active .nav-icon{color:var(--purple2)}.nav-item.master-item{color:#e05050b3}.nav-item.master-item:hover{color:var(--red);background:#e0505014}.nav-item.master-item.active{background:#e050501f;color:var(--red);border-color:#e050504d}.nav-icon{font-size:1.1rem;flex-shrink:0;width:20px;text-align:center}.nav-label{flex:1}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.75rem}.sidebar-user-name{font-size:.83rem;font-weight:600;color:var(--text)}.sidebar-user-role{font-size:.7rem;color:var(--text3)}.sidebar-logout{margin-left:auto;background:none;border:1px solid var(--border2);color:var(--text3);cursor:pointer;border-radius:6px;padding:.3rem .55rem;font-size:.75rem;transition:all .2s}.sidebar-logout:hover{border-color:var(--red);color:var(--red)}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh;background:var(--bg)}.page-header{padding:2rem 2rem 0}.page-title{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;color:var(--text)}.page-subtitle{color:var(--text3);font-size:.85rem;margin-top:.2rem}.page-body{padding:1.5rem 2rem 2rem}.search-wrap{margin-bottom:1.5rem;position:relative}.search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--text3);font-size:.9rem;pointer-events:none}.search-bar{width:100%;padding:.7rem 1rem .7rem 2.5rem;background:var(--card);border:1px solid var(--border2);color:var(--text);font-family:Inter,sans-serif;font-size:.9rem;border-radius:var(--radius-sm);outline:none;transition:border-color .2s}.search-bar:focus{border-color:var(--purple2)}.search-bar::placeholder{color:var(--text3)}.estab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.npcs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.aff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .25s;cursor:pointer;position:relative}.card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:var(--shadow),var(--glow-purple)}.estab-card{padding:1.4rem}.estab-icon{font-size:2rem;margin-bottom:.75rem}.estab-name{font-family:Poppins,sans-serif;font-weight:600;font-size:.98rem;color:var(--text);margin-bottom:.2rem}.estab-tag{font-size:.75rem;color:var(--text3);margin-bottom:.9rem}.estab-npcs{display:flex;flex-wrap:wrap;gap:.3rem}.npc-pill{font-size:.7rem;padding:.15rem .55rem;background:var(--surface);border:1px solid var(--border2);border-radius:20px;color:var(--text2)}.npc-card{display:flex;flex-direction:column}.npc-card-img{width:100%;height:160px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--border2);flex-shrink:0;overflow:hidden}.npc-card-img img{width:100%;height:100%;object-fit:cover}.npc-card-body{padding:1rem;flex:1}.npc-card-name{font-family:Poppins,sans-serif;font-weight:600;font-size:.9rem;color:var(--text);margin-bottom:.15rem}.npc-card-loc{font-size:.75rem;color:var(--text3);margin-bottom:.65rem}.npc-card-pa{font-size:.8rem;color:var(--text2);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.aff-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;cursor:pointer;transition:all .2s}.aff-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.aff-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.aff-card-name{font-family:Poppins,sans-serif;font-weight:600;font-size:.85rem;color:var(--text)}.aff-card-loc{font-size:.73rem;color:var(--text3);margin-bottom:.6rem}.affinity-dots{display:inline-flex;gap:4px}.dot{width:9px;height:9px;border-radius:50%;background:var(--border2);display:inline-block;transition:background .2s}.dot.filled{background:var(--gold)}.dot.filled.leal{background:var(--purple2)}.dot.filled.intimo{background:var(--green2)}.pa-tier{font-size:.7rem;padding:.2rem .6rem;border-radius:20px;font-family:Poppins,sans-serif;font-weight:600;letter-spacing:.03em}.pa-tier.none{background:#ffffff0d;color:var(--text3);border:1px solid var(--border)}.pa-tier.cordial{background:#c9a44a1f;color:var(--gold2);border:1px solid rgba(201,164,74,.25)}.pa-tier.leal{background:#9b7de826;color:var(--purple2);border:1px solid rgba(155,125,232,.3)}.pa-tier.intimo{background:#6ed4a026;color:var(--green2);border:1px solid rgba(110,212,160,.3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060fd9;display:flex;align-items:flex-start;justify-content:center;z-index:500;padding:2rem;overflow-y:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius);width:100%;max-width:780px;position:relative;box-shadow:var(--shadow);margin:auto}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:8px;width:32px;height:32px;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{border-color:var(--red);color:var(--red)}.modal-header{padding:1.8rem 1.8rem 1.2rem;border-bottom:1px solid var(--border)}.modal-header h2{font-family:Poppins,sans-serif;font-weight:700;font-size:1.4rem;color:var(--text)}.modal-subtitle{color:var(--text3);font-size:.83rem;margin-top:.25rem}.modal-body{padding:1.8rem}.modal-section{margin-bottom:1.6rem}.modal-section-title{font-family:Poppins,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin-bottom:.8rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.modal-npc-item{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;margin-bottom:.5rem}.modal-npc-item:hover{border-color:var(--purple2);background:var(--card2)}.modal-npc-name{font-weight:600;font-size:.88rem}.npc-modal{max-width:720px}.npc-header{padding:1.8rem;border-bottom:1px solid var(--border);display:flex;gap:1.5rem;align-items:flex-start}.npc-portrait{width:120px;height:150px;flex-shrink:0;border:1px solid var(--border2);border-radius:var(--radius-sm);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:3rem;overflow:hidden}.npc-portrait img{width:100%;height:100%;object-fit:cover}.npc-header-info{flex:1}.npc-name{font-family:Poppins,sans-serif;font-weight:700;font-size:1.35rem;color:var(--text)}.npc-location{font-size:.83rem;color:var(--text3);margin:.2rem 0 .9rem}.npc-bio{line-height:1.8;color:var(--text2);margin-bottom:1.4rem;font-size:.92rem}.affinity-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.affinity-title{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:.75rem}.affinity-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.pa-display{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;color:var(--gold2);min-width:2.5rem;text-align:center}.pa-label{font-size:.7rem;color:var(--text3);text-align:center}.pa-btns{display:flex;gap:.4rem;margin-left:auto}.pa-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--card2);color:var(--text);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.pa-btn:hover{border-color:var(--purple2);color:var(--purple2);background:#9b7de81a}.pa-bar{display:flex;gap:4px;margin-top:.75rem;align-items:center}.pa-segment{height:6px;flex:1;border-radius:3px;background:var(--border2);transition:background .3s}.pa-segment.filled{background:var(--gold)}.pa-segment.filled.leal{background:var(--purple2)}.pa-segment.filled.intimo{background:var(--green2)}.likes-dislikes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.4rem}.ld-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem}.ld-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.ld-title.likes{color:var(--green2)}.ld-title.dislikes{color:var(--red)}.ld-item{font-size:.85rem;padding:.3rem 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.4rem}.ld-item:last-child{border-bottom:none}.ld-item.locked .ld-text{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}.lock-icon{font-size:.7rem;color:var(--text3);flex-shrink:0}.benefits-list{display:flex;flex-direction:column;gap:.7rem}.benefit-item{padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);position:relative;overflow:hidden}.benefit-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.benefit-item.cordial:before{background:var(--gold)}.benefit-item.leal:before{background:var(--purple2)}.benefit-item.intimo:before{background:var(--green2)}.benefit-item.locked-benefit{opacity:.35}.benefit-tier{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.benefit-item.cordial .benefit-tier{color:var(--gold)}.benefit-item.leal .benefit-tier{color:var(--purple2)}.benefit-item.intimo .benefit-tier{color:var(--green2)}.benefit-text{font-size:.88rem;line-height:1.65;color:var(--text2)}.ultima-demanda{padding:1rem;border:1px solid rgba(224,80,80,.25);border-radius:var(--radius-sm);background:#e050500f;margin-top:.5rem}.ud-title{font-size:.68rem;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem}.ud-text{font-size:.88rem;line-height:1.65;color:var(--text2);font-style:italic}.master-section{margin-bottom:2.5rem}.master-section-title{font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;color:var(--red);margin-bottom:1.2rem;padding-bottom:.5rem;border-bottom:1px solid rgba(224,80,80,.2)}.npc-manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.npc-manage-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.npc-manage-header{padding:.9rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.85rem}.npc-manage-thumb{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;overflow:hidden}.npc-manage-thumb img{width:100%;height:100%;object-fit:cover}.npc-manage-name{font-weight:600;font-size:.88rem;color:var(--text)}.npc-manage-body{padding:.9rem 1rem}.unlock-section-title{font-size:.7rem;color:var(--text3);font-weight:600;margin:.5rem 0 .35rem;letter-spacing:.05em;text-transform:uppercase}.unlock-row{display:flex;align-items:center;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid var(--border)}.unlock-row:last-child{border-bottom:none}.unlock-label{color:var(--text2);flex:1;font-size:.83rem;margin-right:.5rem}.unlock-label.locked-label{color:var(--text3)}.toggle{position:relative;display:inline-block;width:34px;height:18px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border2);border-radius:18px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:12px;width:12px;left:3px;bottom:3px;background:var(--text3);border-radius:50%;transition:.3s}.toggle input:checked+.toggle-slider{background:var(--green)}.toggle input:checked+.toggle-slider:before{transform:translate(16px);background:var(--green2)}.npc-img-upload{margin-top:.5rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.img-upload-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.75rem;background:transparent;border:1px dashed var(--border2);border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;transition:all .2s}.img-upload-btn:hover{border-color:var(--purple2);color:var(--purple2)}.img-upload-btn input{display:none}.img-remove-btn{background:none;border:1px solid transparent;color:var(--red);cursor:pointer;font-size:.75rem;padding:.3rem .5rem;border-radius:6px;transition:all .2s}.img-remove-btn:hover{border-color:var(--red)}.char-selector{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;align-items:center}.char-pill{padding:.3rem .85rem;border-radius:20px;border:1px solid var(--border);background:var(--card);color:var(--text3);cursor:pointer;font-size:.78rem;font-weight:500;transition:all .2s}.char-pill.active{border-color:var(--purple2);color:var(--purple2);background:#9b7de81a}.aff-table{width:100%;border-collapse:collapse;font-size:.82rem}.aff-table th{text-align:center;padding:.5rem;border-bottom:1px solid var(--border);color:var(--text3);font-weight:600;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.aff-table th:first-child{text-align:left}.aff-table td{padding:.45rem .5rem;border-bottom:1px solid var(--border);text-align:center}.aff-table td:first-child{text-align:left;color:var(--text2)}.aff-table tr:last-child td{border-bottom:none}.pa-val-0{color:var(--text3)}.pa-val-cordial{color:var(--gold2);font-weight:600}.pa-val-leal{color:var(--purple2);font-weight:600}.pa-val-intimo{color:var(--green2);font-weight:600}.notif{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;background:var(--card2);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:.75rem 1.2rem;color:var(--text);font-size:.85rem;font-weight:500;box-shadow:var(--shadow);transform:translateY(80px);opacity:0;transition:all .3s;pointer-events:none}.notif.show{transform:translateY(0);opacity:1}.notif.error{border-color:var(--red);color:var(--red)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text3);font-size:.9rem;gap:.8rem}.spinner{width:22px;height:22px;border:2px solid var(--border2);border-top-color:var(--purple2);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple)}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.likes-dislikes{grid-template-columns:1fr}.npc-header{flex-direction:column}.npc-portrait{width:100%;height:200px}.page-body{padding:1rem}.page-header{padding:1rem 1rem 0}}