:root{--bg-app: #fdf8f4;--bg-card: #ffffff;--text-primary: #2d241e;--text-secondary: #5c4033;--accent-primary: #5c4033;--accent-secondary: #8d6e63;--border-color: #e8ded4;--success: #6d8e6d;--danger: #b05e5e;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(92, 64, 51, .08);--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{max-width:1200px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.sidebar{background:var(--bg-card);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.1rem;color:var(--accent-primary);letter-spacing:-.5px}nav{display:flex;gap:.5rem}nav button{background:transparent;border:none;color:var(--accent-secondary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s}nav button:hover{background:#f5ece4;color:var(--accent-primary)}nav button.active{background:var(--accent-primary);color:#fff}.main-content{padding:2rem;flex:1}header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-end}h1{font-size:1.75rem;font-weight:800;color:var(--accent-primary)}.status-badge{background:#f5ece4;color:var(--accent-primary);padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;border:1px solid var(--border-color)}.primary-btn,.sync-btn,.secondary-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.primary-btn{background:var(--accent-primary);color:#fff}.primary-btn:hover:not(:disabled){background:#4a3329}.secondary-btn{background:var(--bg-card);border-color:var(--border-color);color:var(--accent-secondary)}.secondary-btn:hover{background:#fdfaf8;color:var(--accent-primary)}.sync-btn{background:var(--success);color:#fff}.sync-btn:hover:not(:disabled){opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-md);margin-bottom:2rem}.dashboard-grid{display:flex;flex-direction:column;gap:2rem}.stat-card{display:flex;justify-content:space-around;padding:1rem}.stat-info{text-align:center;font-size:.85rem;font-weight:700;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-info .value{display:block;font-size:1.1rem;color:var(--accent-primary);margin-top:.25rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.video-card{background:var(--bg-card);border-radius:10px;overflow:hidden;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--border-color)}.video-card .details{padding:1rem}.video-card h3{font-size:.9rem;font-weight:700;margin-bottom:.5rem;color:var(--accent-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card p{font-size:.75rem;color:var(--accent-secondary);margin-bottom:1rem}.video-card a{text-decoration:none;font-size:.75rem;font-weight:700;color:var(--accent-primary);display:inline-block}.video-selection-list{background:#faf7f4;border-radius:8px;border:1px solid var(--border-color);max-height:400px;overflow-y:auto;margin-top:1rem}.video-item{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.video-item:hover{background:#f5ece4}.video-item.selected{background:#efe0d3;border-left:4px solid var(--accent-primary)}.video-item img{border-radius:4px}.login-screen{background:var(--bg-app);height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--bg-card);padding:3rem;border-radius:20px;box-shadow:var(--shadow-md);text-align:center;width:100%;max-width:400px}.login-body input{padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:8px;margin:1.5rem 0;width:100%;font-size:1rem;background:#fafafa}.login-body h2{margin:1rem 0;font-weight:800}.highlight{color:var(--accent-primary);font-weight:800}form select{width:100%;padding:.8rem;border-radius:8px;border:1px solid var(--border-color);background:#fff;margin-top:.5rem}.form-group label{font-size:.8rem;font-weight:700;color:var(--accent-secondary);text-transform:uppercase}