@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--bg-primary:#1a2234;--bg-secondary:#24303f;--bg-tertiary:#1d2a3a;--bg-card:#24303f;--accent-blue:#007bff;--accent-blue-alpha:#007bff14;--accent-green:#00e676;--accent-green-alpha:#00e67614;--accent-red:#ff4a4a;--text-primary:#f8fafc;--text-secondary:#8a99ad;--text-muted:#64748b;--border-color:#2e3a47;--border-highlight:#3d4d60;--font-sans:"DM Sans", sans-serif;--font-mono:"Fira Code", monospace;--border-radius:7px}:root.theme-light,body.theme-light{--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-tertiary:#f8fafc;--bg-card:#fff;--accent-blue:#007bff;--accent-blue-alpha:#007bff0f;--accent-green:#00e676;--accent-green-alpha:#00e6760f;--accent-red:#ff4a4a;--text-primary:#1c2434;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-highlight:#cbd5e1}html,body{background-color:#000;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5;background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.app-container{background-color:var(--bg-primary);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);flex-direction:column;max-width:600px;height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}main{scrollbar-width:none;flex:1;padding-bottom:80px;overflow-y:auto}main::-webkit-scrollbar{display:none}.navbar-premium{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;height:56px;padding:14px 16px;display:flex}.logo{letter-spacing:-.5px;font-size:1.15rem;font-weight:800}.card,.card-premium{margin-bottom:16px;padding:22px;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)!important;color:var(--text-primary)!important;box-shadow:0 8px 24px #0000000a!important}.card:hover,.card-premium:hover{transform:translateY(-1px);border-color:var(--border-highlight)!important}.btn{border-radius:var(--border-radius)!important;cursor:pointer!important;border:1px solid #0000!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:9px 18px!important;font-size:.85rem!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;box-shadow:0 1px 2px #0000000d!important}.btn:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000014!important}.btn:active{transition:all .1s!important;transform:translateY(1px)scale(.98)!important}.btn-primary{background-color:var(--accent-blue)!important;border-color:var(--accent-blue)!important;color:#fff!important}.btn-secondary{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.btn-secondary:hover{border-color:var(--accent-blue)!important}.form-control,.form-select{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)!important;color:var(--text-primary)!important;padding:12px 18px!important;font-size:.85rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.form-control:focus,.form-select:focus{border-color:var(--accent-blue)!important;background-color:var(--bg-tertiary)!important;box-shadow:0 0 4px #007bff26!important}.form-control::placeholder,.input-premium::placeholder,input::placeholder,textarea::placeholder{color:var(--text-secondary)!important;opacity:.75!important}.badge{border-radius:4px!important;padding:4px 8px!important;font-size:.65rem!important;font-weight:600!important}.bg-success{border:1px solid #00e6761f;background-color:var(--accent-green-alpha)!important;color:var(--accent-green)!important}.bg-danger{border:1px solid #ff52521f;color:var(--accent-red)!important;background-color:#ff525214!important}.tabs-bento-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.tab-bento-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:10px;padding:10px;font-size:.8rem;font-weight:700;transition:all .15s}.tab-bento-btn:hover{color:var(--text-primary);border-color:var(--border-highlight)}.tab-bento-btn.active-blue{background:var(--accent-blue-alpha)!important;color:var(--accent-blue)!important;border-color:var(--accent-blue)!important}.tab-bento-btn.active-green{background:var(--accent-green-alpha)!important;color:var(--accent-green)!important;border-color:var(--accent-green)!important}.tab-bento-btn.active-red{color:var(--accent-red)!important;border-color:var(--accent-red)!important;background:#ff4a4a14!important}.lang-pills-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;padding:3px;display:flex}.lang-pill-btn{cursor:pointer;opacity:.5;background:0 0;border:1px solid #0000;transition:all .15s}.lang-pill-btn:hover{opacity:.8}.lang-pill-btn.active{background:var(--accent-blue-alpha)!important;border-color:var(--accent-blue)!important;opacity:1!important}.nav-item-premium{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:.7rem;font-weight:600;display:flex}.nav-item-premium:hover{color:var(--text-primary)}.font-mono{font-family:var(--font-mono)}.bi{-webkit-text-stroke:.5px currentColor!important}