@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg:220 20% 10%;--color-surface:220 20% 15%;--color-primary:250 80% 65%;--color-primary-hover:250 80% 75%;--color-text:220 10% 95%;--color-text-muted:220 10% 65%;--color-border:220 15% 25%;--color-error:0 80% 60%;--color-success:140 70% 50%;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000004d;--glass-blur:blur(12px);--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--color-bg));color:hsl(var(--color-text));-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{color:hsl(var(--color-text));font-weight:600}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.spinner{animation:1s linear infinite spin}.input-group{flex-direction:column;margin-bottom:1rem;display:flex}.form-row{gap:1rem;display:flex}.form-row .input-group{flex:1}.input-group label{color:hsl(var(--color-text-muted));align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.input-group input,.input-group select,.input-group textarea{border:1px solid var(--glass-border);color:hsl(var(--color-text));transition:var(--transition-fast);background:#0003;border-radius:8px;outline:none;padding:.75rem 1rem;font-family:Inter,sans-serif}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:hsl(var(--color-primary));box-shadow:0 0 0 2px hsla(var(--color-primary), .2)}button{cursor:pointer;transition:var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-weight:500;display:inline-flex}.btn-primary{background:hsl(var(--color-primary));color:#fff}.btn-primary:hover:not(:disabled){background:hsl(var(--color-primary-hover));transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{color:hsl(var(--color-text));border:1px solid var(--glass-border);background:#ffffff1a}.btn-secondary:hover{background:#ffffff26}.mt-4{margin-top:1rem}.text-center{text-align:center}.text-muted{color:hsl(var(--color-text-muted));font-size:.75rem;font-weight:400}.alert{border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;font-weight:500;display:flex}.alert.error{background:hsla(var(--color-error), .1);color:hsl(var(--color-error));border:1px solid hsla(var(--color-error), .2)}.alert.success{background:hsla(var(--color-success), .1);color:hsl(var(--color-success));border:1px solid hsla(var(--color-success), .2)}.app-layout{height:100vh;display:flex}.sidebar{border-right:1px solid var(--glass-border);border-radius:0;flex-direction:column;width:260px;display:flex}.sidebar-brand{border-bottom:1px solid var(--glass-border);padding:2rem 1.5rem}.sidebar-brand h2{background:linear-gradient(135deg, hsl(var(--color-primary)), hsl(var(--color-primary-hover)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.sidebar-nav a{color:hsl(var(--color-text-muted));transition:var(--transition-fast);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active{background:hsla(var(--color-primary), .1);color:hsl(var(--color-primary))}.sidebar-footer{border-top:1px solid var(--glass-border);padding:1.5rem 1rem}.btn-logout{width:100%;color:hsl(var(--color-text-muted));background:0 0;justify-content:flex-start;padding:.75rem 1rem}.btn-logout:hover{background:hsla(var(--color-error), .1);color:hsl(var(--color-error))}.main-content{flex:1;padding:2rem;position:relative;overflow-y:auto}.main-content:before{content:"";background:radial-gradient(circle at center, hsla(var(--color-primary), .1) 0%, transparent 40%);pointer-events:none;z-index:-1;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.login-container{background:radial-gradient(circle at top right, hsla(var(--color-primary), .15), transparent 40%), radial-gradient(circle at bottom left, #be5eed1a, transparent 40%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{width:100%;max-width:400px;padding:2.5rem;animation:6s ease-in-out infinite float}.login-box .title{margin-bottom:.5rem;font-size:1.75rem}.login-box .subtitle{color:hsl(var(--color-text-muted));margin-bottom:2rem}.login-form .btn-primary{width:100%;margin-top:1rem;padding:1rem;font-size:1rem}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{transition:var(--transition-normal);align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.metric-card:hover{border-color:hsla(var(--color-primary), .5);transform:translateY(-5px)}.metric-icon{background:hsla(var(--color-primary), .15);width:56px;height:56px;color:hsl(var(--color-primary));border-radius:12px;justify-content:center;align-items:center;display:flex}.metric-data h3{color:hsl(var(--color-text-muted));text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.875rem}.metric-value{font-size:2rem;font-weight:700;line-height:1}.table-container{padding:1.5rem;overflow-x:auto}.table-header{margin-bottom:1.5rem}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--glass-border);padding:1rem}.data-table th{color:hsl(var(--color-text-muted));text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.badge{border-radius:99px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge.active{background:hsla(var(--color-success), .15);color:hsl(var(--color-success))}.setup-box{max-width:600px;padding:2.5rem}.file-upload-wrapper{width:100%;display:inline-block;position:relative;overflow:hidden}.file-upload-wrapper input[type=file]{opacity:0;cursor:pointer;height:100%;font-size:100px;position:absolute;top:0;right:0}.file-upload-label{border:1px dashed var(--glass-border);cursor:pointer;width:100%;transition:var(--transition-fast);background:#0003;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.file-upload-wrapper:hover .file-upload-label{border-color:hsl(var(--color-primary));background:hsla(var(--color-primary), .05)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:2rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden}.modal-close{border:1px solid var(--glass-border);color:#fff;z-index:10;background:#ffffff0d;border-radius:50%;width:32px;height:32px;padding:0;position:absolute;top:1rem;right:1rem}.modal-body{flex-direction:column;flex:1;padding:0;display:flex;overflow-y:auto}.tabs-header{border-bottom:1px solid var(--glass-border);gap:1.5rem;padding:1rem 1.5rem 0;display:flex}.tab-item{color:hsl(var(--color-text-muted));background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:.75rem .5rem;font-size:.9rem;font-weight:600}.tab-item.active{color:hsl(var(--color-primary));border-bottom-color:hsl(var(--color-primary))}.chat-container{flex-direction:column;height:500px;display:flex}.chat-history{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-message{border-radius:12px;max-width:80%;padding:.75rem 1rem;font-size:.95rem;line-height:1.4}.chat-message.user{background:hsl(var(--color-primary));color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.chat-message.ai{color:hsl(var(--color-text));border:1px solid var(--glass-border);background:#ffffff14;border-bottom-left-radius:2px;align-self:flex-start}.chat-input-area{border-top:1px solid var(--glass-border);background:#0000001a;gap:.75rem;padding:1.25rem;display:flex}.chat-input-area input{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:99px;outline:none;flex:1;padding:.75rem 1.25rem}.chat-input-area input:focus{border-color:hsl(var(--color-primary))}.chat-input-area button{border-radius:50%;width:44px;height:44px;padding:0}.character-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.character-card{text-align:center;cursor:pointer;transition:var(--transition-normal);padding:1.5rem}.character-card:hover{border-color:hsl(var(--color-primary));box-shadow:0 8px 24px hsla(var(--color-primary), .15);transform:translateY(-5px)}.character-avatar{object-fit:cover;border:2px solid var(--glass-border);width:80px;height:80px;transition:var(--transition-normal);border-radius:50%;margin:0 auto 1rem}.character-card:hover .character-avatar{border-color:hsl(var(--color-primary));transform:scale(1.05)}.audio-player-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border-radius:12px;align-items:center;gap:.75rem;width:240px;max-width:100%;margin-top:.5rem;padding:.5rem .75rem;display:flex}.audio-play-btn{background:hsl(var(--color-primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .2s;display:flex}.audio-play-btn:hover{transform:scale(1.05)}.audio-controls{flex-direction:column;flex:1;gap:.25rem;display:flex}.audio-progress{-webkit-appearance:none;cursor:pointer;background:#ffffff1a;border:none;border-radius:2px;width:100%;height:4px;padding:0;transition:background .2s}.audio-progress::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;border:1px solid hsl(var(--color-primary));background:#fff;border-radius:50%;width:10px;height:10px}.audio-time{color:#fff9;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:500;display:flex}.audio-icon-small{opacity:.5}.chat-message.ai:has(.audio-player-container){padding-bottom:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-layout{flex-direction:row;height:100%;display:flex;overflow:hidden}.chat-sidebar{border-right:1px solid var(--glass-border);background:#0003;flex-direction:column;flex-shrink:0;width:280px;display:flex}@media (width<=768px){.chat-layout{flex-direction:column}.chat-sidebar{border-right:none;border-bottom:1px solid var(--glass-border);width:100%;height:180px}}@keyframes pulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}