@import"https://fonts.bunny.net/css?family=instrument-sans:400,500,600,700";.language-selector{position:relative}.lang-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.lang-btn:hover{border-color:var(--primary);color:var(--primary)}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:.5rem;min-width:150px;display:none;flex-direction:column;gap:.25rem;box-shadow:0 10px 15px -3px #0000001a;z-index:50}.lang-dropdown:before{content:"";position:absolute;top:-.5rem;left:0;width:100%;height:.5rem;background:transparent}.language-selector:hover .lang-dropdown{display:flex}.lang-dropdown a{padding:.5rem 1rem;border-radius:4px;font-size:.875rem;color:var(--text-muted);transition:all .2s}.lang-dropdown a:hover{background:var(--bg-color);color:var(--text-color)}.lang-dropdown a.active{background:var(--primary);color:#fff}:root{--bg-color: #0a0a0a;--text-color: #ededed;--text-muted: #a1a1a1;--primary: #5A45FF;--primary-hover: #4a36db;--card-bg: #171717;--card-border: #262626;--border-color: #262626;--input-bg: #0a0a0a;--danger: #ef4444;--danger-hover: #dc2626;--success-bg: rgba(34, 197, 94, .1);--success-text: #4ade80;--success-border: rgba(34, 197, 94, .2);--purple-bg: rgba(90, 69, 255, .15);--purple-text: #a599ff;--purple-border: rgba(90, 69, 255, .3);--accent-gradient: linear-gradient(135deg, #5A45FF 0%, #a599ff 100%);--overlay-bg: rgba(0, 0, 0, .7)}[data-theme=light]{--bg-color: #ffffff;--text-color: #171717;--text-muted: #525252;--primary: #5A45FF;--primary-hover: #4a36db;--card-bg: #f9f9f9;--card-border: #e5e5e5;--border-color: #e5e5e5;--input-bg: #ffffff;--success-text: #16a34a;--purple-text: #5A45FF;--purple-bg: rgba(90, 69, 255, .1);--purple-border: rgba(90, 69, 255, .2);--overlay-bg: rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Instrument Sans,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit;transition:color .2s}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.header{padding:2rem 0;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.logo svg{width:32px;height:32px;fill:var(--primary)}.nav-link{font-weight:500;color:var(--text-muted)}.nav-link:hover{color:var(--text-color)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .2s;border:none;cursor:pointer;font-size:.95rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #5a45ff4d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #5a45ff66}.hero{padding:6rem 0 4rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero h1{font-size:4rem;line-height:1.1;font-weight:700;background:linear-gradient(90deg,#fff,#a599ff,#5a45ff,#a599ff,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;animation:gradient-flow 8s ease infinite}[data-theme=light] .hero h1{background:linear-gradient(90deg,#5a45ff,#7c3aed,#a855f7,#7c3aed,#5a45ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-flow 8s ease infinite}.hero p{font-size:1.25rem;color:var(--text-muted);max-width:600px}.features{padding:4rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);padding:2rem;border-radius:16px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary)}.feature-icon{width:48px;height:48px;background:#5a45ff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary)}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem;font-weight:600}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.footer{margin-top:auto;padding:2rem 0;text-align:center;color:var(--text-muted);font-size:.875rem;border-top:1px solid var(--card-border)}@media(max-width:768px){.hero h1{font-size:2.5rem}.container{padding:0 1.5rem}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.user-info{margin-bottom:2rem}.user-info h2{font-size:1.5rem;margin-bottom:.5rem}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.table-container{overflow-x:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left}th{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-weight:500;font-size:.875rem}td{padding:1rem;border-bottom:1px solid var(--border-color)}tr:last-child td{border-bottom:none}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form-input{width:100%;padding:.75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:1rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover{background:var(--danger);color:#fff}.btn-text-danger{background:none;border:none;color:var(--danger);padding:0;font-weight:500;cursor:pointer;font-family:inherit;font-size:inherit}.btn-text-danger:hover{color:var(--danger-hover);text-decoration:underline}.btn-secondary{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.btn-secondary:hover{background:var(--bg-color);border-color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{background:var(--bg-color);border:1px solid var(--card-border);border-radius:16px;padding:2rem;width:100%;max-width:400px;transform:translateY(20px);transition:transform .2s;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{margin-bottom:1.5rem}.modal-title{font-size:1.25rem;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid transparent}.alert-success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.alert-purple{background:var(--purple-bg);color:var(--purple-text);border-color:var(--purple-border)}.code-block{background:var(--card-bg);padding:.5rem;border-radius:4px;font-family:monospace;margin-top:.5rem;word-break:break-all;border:1px solid var(--border-color);color:var(--primary)}.theme-toggle{background:transparent;border:1px solid var(--border-color);color:var(--text-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hidden{display:none}