*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #16213e;--text-primary: #e0e0e0;--text-secondary: #a0a0b0;--accent: #d4a373;--accent-hover: #e0b88a;--github-bg: #24292e;--github-hover: #2c3238;--error-bg: rgba(220, 38, 38, .15);--error-border: rgba(220, 38, 38, .3);--error-text: #f87171;--border: #2a2a3e}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100%;padding:2rem;background:radial-gradient(ellipse at center,var(--bg-secondary) 0%,var(--bg-primary) 70%)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:3rem 2.5rem;text-align:center;max-width:420px;width:100%;box-shadow:0 20px 60px #0006}.login-icon{color:var(--accent);margin-bottom:1.5rem;display:flex;justify-content:center}.login-card h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;padding:.75rem 1rem;color:var(--error-text);font-size:.85rem;margin-bottom:1.5rem;text-align:left}.github-btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--github-bg);color:#fff;border:none;border-radius:8px;padding:.85rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;width:100%;justify-content:center}.github-btn:hover{background:var(--github-hover)}.dashboard-page{display:flex;flex-direction:column;height:100%}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.nav-brand{display:flex;align-items:center;gap:.5rem}.nav-logo{font-size:1.3rem}.nav-title{font-weight:600;font-size:1rem}.nav-right{display:flex;align-items:center;gap:1rem}.nav-user{display:flex;align-items:center;gap:.5rem}.user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--border)}.user-name{font-size:.85rem;color:var(--text-secondary)}.logout-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.4rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.logout-btn:hover{border-color:var(--accent);color:var(--accent)}.dashboard-content{flex:1;overflow:hidden}.dashboard-iframe{width:100%;height:100%;border:none}.app-page{display:flex;flex-direction:column;height:100%}.back-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.35rem .85rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s;font-family:inherit}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.nav-title-sep{color:var(--border);font-size:1.1rem}.content-list{flex:1;overflow-y:auto;padding:2rem 1.5rem;max-width:720px;margin:0 auto;width:100%}.content-list-header{margin-bottom:2rem}.content-list-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.35rem}.content-list-subtitle{color:var(--text-secondary);font-size:.9rem}.content-cards{display:flex;flex-direction:column;gap:.75rem}.content-card{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit;color:inherit;width:100%}.content-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--bg-card) 95%,var(--accent));transform:translateY(-1px);box-shadow:0 4px 20px #0003}.content-card-icon{font-size:1.8rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:10px}.content-card-body{flex:1;min-width:0}.content-card-title{font-size:1rem;font-weight:600;margin-bottom:.2rem}.content-card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.content-card-arrow{color:var(--text-secondary);font-size:1.2rem;flex-shrink:0;transition:transform .2s}.content-card:hover .content-card-arrow{transform:translate(4px);color:var(--accent)}.content-viewer{flex:1;overflow:hidden}.content-iframe{width:100%;height:100%;border:none}